{"id":8,"date":"2026-03-30T17:15:55","date_gmt":"2026-03-30T17:15:55","guid":{"rendered":"https:\/\/parsheal.com\/?page_id=8"},"modified":"2026-04-03T23:49:14","modified_gmt":"2026-04-03T23:49:14","slug":"home","status":"publish","type":"page","link":"https:\/\/parsheal.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n<div class=\"ulx-header-wrap\">\n  <header class=\"ulx-header\">\n    <div class=\"ulx-shell\">\n\n      <!-- BRAND -->\n      <a href=\"#\" class=\"ulx-brand\" aria-label=\"Pars Heal Home\">\n        <span class=\"ulx-brand-glow\"><\/span>\n\n        <span class=\"ulx-logo-box\">\n          <img decoding=\"async\" src=\"https:\/\/parsheal.com\/wp-content\/uploads\/2026\/03\/Pars-Heal.webp\" alt=\"Pars Heal Logo\">\n        <\/span>\n\n        <span class=\"ulx-brand-text\">\n          <strong class=\"ulx-brand-name\" id=\"ulxBrandName\">\n            <span>P<\/span><span>a<\/span><span>r<\/span><span>s<\/span><span class=\"ulx-space\">&nbsp;<\/span><span>H<\/span><span>e<\/span><span>a<\/span><span>l<\/span>\n          <\/strong>\n          <small>Wellness \u2022 Care \u2022 Trust<\/small>\n        <\/span>\n      <\/a>\n\n      <!-- CENTER -->\n      <div class=\"ulx-center\">\n\n        <button class=\"ulx-toggle\" id=\"ulxToggle\" aria-label=\"Toggle Menu\" aria-expanded=\"false\" aria-controls=\"ulxNav\">\n          <span><\/span>\n          <span><\/span>\n          <span><\/span>\n        <\/button>\n\n        <nav class=\"ulx-nav\" id=\"ulxNav\">\n          <a href=\"#\" class=\"active\">Home<\/a>\n          <a href=\"#\">About<\/a>\n\n          <div class=\"ulx-item has-mega\">\n            <a href=\"#\" class=\"ulx-link\">\n              <span>Services<\/span>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <path d=\"M6 9l6 6 6-6\"><\/path>\n              <\/svg>\n            <\/a>\n\n            <div class=\"ulx-mega\">\n              <div class=\"ulx-mega-grid\">\n                <div class=\"ulx-mega-intro\">\n                  <span class=\"ulx-badge\">Premium Care<\/span>\n                  <h3>Healthcare services designed around comfort, trust and speed.<\/h3>\n                  <p>Explore tailored treatments, consultations and wellness programs in a premium patient experience.<\/p>\n                  <a href=\"#\" class=\"ulx-mega-cta\">Explore All Services<\/a>\n                <\/div>\n\n                <div class=\"ulx-mega-col\">\n                  <h4>Medical Services<\/h4>\n                  <a href=\"#\"><strong>General Checkup<\/strong><small>Routine consultations and preventive care<\/small><\/a>\n                  <a href=\"#\"><strong>Cardiology<\/strong><small>Advanced heart health monitoring<\/small><\/a>\n                  <a href=\"#\"><strong>Dermatology<\/strong><small>Skin, hair and aesthetic diagnosis<\/small><\/a>\n                <\/div>\n\n                <div class=\"ulx-mega-col\">\n                  <h4>Wellness Programs<\/h4>\n                  <a href=\"#\"><strong>Nutrition Plans<\/strong><small>Personalized food and health guidance<\/small><\/a>\n                  <a href=\"#\"><strong>Mental Wellness<\/strong><small>Mind balance and emotional support<\/small><\/a>\n                  <a href=\"#\"><strong>Recovery Care<\/strong><small>Post-treatment recovery experiences<\/small><\/a>\n                <\/div>\n\n                <div class=\"ulx-mega-col\">\n                  <h4>Fast Access<\/h4>\n                  <a href=\"#\"><strong>Online Booking<\/strong><small>Secure booking in under 1 minute<\/small><\/a>\n                  <a href=\"#\"><strong>Virtual Consultation<\/strong><small>Meet a specialist remotely<\/small><\/a>\n                  <a href=\"#\"><strong>Priority Support<\/strong><small>Faster assistance for urgent needs<\/small><\/a>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"ulx-item has-mega\">\n            <a href=\"#\" class=\"ulx-link\">\n              <span>Doctors<\/span>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <path d=\"M6 9l6 6 6-6\"><\/path>\n              <\/svg>\n            <\/a>\n\n            <div class=\"ulx-mega ulx-mega-doctors\">\n              <div class=\"ulx-doctors-grid\">\n                <a href=\"#\" class=\"ulx-doctor-card\">\n                  <span class=\"ulx-doctor-avatar\">DR<\/span>\n                  <div>\n                    <strong>Dr. Sarah Johnson<\/strong>\n                    <small>Cardiology Specialist<\/small>\n                  <\/div>\n                <\/a>\n\n                <a href=\"#\" class=\"ulx-doctor-card\">\n                  <span class=\"ulx-doctor-avatar\">DR<\/span>\n                  <div>\n                    <strong>Dr. Amir Hosseini<\/strong>\n                    <small>Internal Medicine<\/small>\n                  <\/div>\n                <\/a>\n\n                <a href=\"#\" class=\"ulx-doctor-card\">\n                  <span class=\"ulx-doctor-avatar\">DR<\/span>\n                  <div>\n                    <strong>Dr. Emma Clark<\/strong>\n                    <small>Dermatology Expert<\/small>\n                  <\/div>\n                <\/a>\n\n                <a href=\"#\" class=\"ulx-doctor-card\">\n                  <span class=\"ulx-doctor-avatar\">DR<\/span>\n                  <div>\n                    <strong>Dr. David Wilson<\/strong>\n                    <small>Wellness Consultant<\/small>\n                  <\/div>\n                <\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <a href=\"#\">How It Works<\/a>\n          <a href=\"#\">Contact<\/a>\n        <\/nav>\n      <\/div>\n\n      <!-- RIGHT -->\n      <div class=\"ulx-right\">\n        <div class=\"ulx-social\">\n          <a href=\"#\" aria-label=\"Facebook\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M22 12.07C22 6.503 17.523 2 12 2S2 6.503 2 12.07c0 5.019 3.657 9.183 8.438 9.93v-7.027H7.898v-2.903h2.54V9.845c0-2.52 1.492-3.913 3.777-3.913 1.094 0 2.238.197 2.238.197v2.475H15.19c-1.243 0-1.63.776-1.63 1.572v1.894h2.773l-.443 2.903H13.56V22c4.781-.747 8.44-4.911 8.44-9.93z\"\/><\/svg>\n          <\/a>\n          <a href=\"#\" aria-label=\"Instagram\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M7.75 2h8.5A5.756 5.756 0 0 1 22 7.75v8.5A5.756 5.756 0 0 1 16.25 22h-8.5A5.756 5.756 0 0 1 2 16.25v-8.5A5.756 5.756 0 0 1 7.75 2zm0 1.75A4.004 4.004 0 0 0 3.75 7.75v8.5a4.004 4.004 0 0 0 4 4h8.5a4.004 4.004 0 0 0 4-4v-8.5a4.004 4.004 0 0 0-4-4h-8.5zm8.875 1.313a1.062 1.062 0 1 1 0 2.124 1.062 1.062 0 0 1 0-2.124zM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 1.75A3.25 3.25 0 1 0 12 15.25 3.25 3.25 0 0 0 12 8.75z\"\/><\/svg>\n          <\/a>\n          <a href=\"#\" aria-label=\"LinkedIn\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M6.94 8.5H3.56V20h3.38V8.5zM5.25 3A2.01 2.01 0 0 0 3.25 5c0 1.1.89 2 2 2s2-.9 2-2a2.01 2.01 0 0 0-2-2zM20.75 12.72c0-3.05-1.63-4.47-3.8-4.47-1.75 0-2.54.96-2.98 1.64V8.5h-3.38c.04.92 0 11.5 0 11.5h3.38v-6.42c0-.34.02-.68.13-.92.27-.68.88-1.38 1.9-1.38 1.34 0 1.88 1.03 1.88 2.54V20H21s-.04-6.29-.04-7.28z\"\/><\/svg>\n          <\/a>\n        <\/div>\n\n        <a href=\"#\" class=\"ulx-cta\">\n          <span class=\"ulx-cta-shine\"><\/span>\n          <span class=\"ulx-cta-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"3\"><\/rect>\n              <path d=\"M16 3v4M8 3v4M3 10h18\"><\/path>\n            <\/svg>\n          <\/span>\n          <span>Book Appointment<\/span>\n        <\/a>\n      <\/div>\n\n    <\/div>\n  <\/header>\n<\/div>\n\n<style>\n:root{\n  --ulx-text:#16324d;\n  --ulx-soft:#607891;\n  --ulx-primary:#0b87ff;\n  --ulx-primary-2:#14d0ff;\n  --ulx-primary-3:#0452db;\n  --ulx-shadow-xl:0 35px 90px rgba(16,57,111,.16);\n}\n\n*,\n*::before,\n*::after{\n  box-sizing:border-box;\n}\n\nhtml{\n  -webkit-text-size-adjust:100%;\n  scroll-behavior:smooth;\n}\n\nbody{\n  margin:0;\n  overflow-x:hidden;\n  font-family:Inter, Arial, Helvetica, sans-serif;\n  background:\n    radial-gradient(circle at 10% 0%, rgba(20,208,255,.14), transparent 24%),\n    radial-gradient(circle at 100% 10%, rgba(11,135,255,.12), transparent 20%),\n    linear-gradient(180deg, #f8fbff 0%, #edf4fb 100%);\n}\n\nimg{\n  max-width:100%;\n  height:auto;\n  display:block;\n}\n\n.ulx-header-wrap{\n  width:100%;\n  padding:14px 14px;\n}\n\n.ulx-header{\n  width:min(100%, 1520px);\n  margin:0 auto;\n  position:relative;\n}\n\n.ulx-shell{\n  position:relative;\n  display:flex;\n  align-items:center;\n  gap:16px;\n  min-height:78px;\n  padding:8px;\n  border-radius:34px;\n  background:linear-gradient(180deg, rgba(255,255,255,.84), rgba(245,250,255,.72));\n  backdrop-filter:blur(22px);\n  -webkit-backdrop-filter:blur(22px);\n  border:1px solid rgba(255,255,255,.70);\n  box-shadow:\n    var(--ulx-shadow-xl),\n    inset 0 1px 0 rgba(255,255,255,.92),\n    inset 0 -1px 0 rgba(180,208,240,.28);\n  isolation:isolate;\n  overflow:visible;\n  z-index:10;\n}\n\n.ulx-shell::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  border-radius:34px;\n  padding:1px;\n  background:linear-gradient(135deg, rgba(20,208,255,.22), rgba(255,255,255,.70), rgba(11,135,255,.18));\n  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n  -webkit-mask-composite:xor;\n  mask-composite:exclude;\n  pointer-events:none;\n}\n\n.ulx-shell::after{\n  content:\"\";\n  position:absolute;\n  left:70px;\n  right:70px;\n  bottom:-16px;\n  height:34px;\n  background:radial-gradient(ellipse at center, rgba(11,135,255,.16), transparent 72%);\n  filter:blur(16px);\n  z-index:-1;\n  pointer-events:none;\n}\n\n\/* BRAND *\/\n.ulx-brand{\n  position:relative;\n  z-index:999;\n  flex:0 1 300px;\n  max-width:300px;\n  min-width:0;\n  width:100%;\n  height:62px;\n  display:flex;\n  align-items:center;\n  gap:10px;\n  padding:0 16px 0 6px;\n  border-radius:24px;\n  overflow:visible;\n  text-decoration:none;\n  background:linear-gradient(135deg, #18d4ff 0%, #0d8fff 48%, #0655df 100%);\n  box-shadow:\n    0 18px 36px rgba(10,112,255,.26),\n    inset 0 1px 0 rgba(255,255,255,.30),\n    inset 0 -10px 18px rgba(0,0,0,.10);\n}\n\n.ulx-brand::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  border-radius:24px;\n  background:\n    radial-gradient(circle at 18% 22%, rgba(255,255,255,.28), transparent 24%),\n    radial-gradient(circle at 88% 120%, rgba(255,255,255,.18), transparent 34%);\n  pointer-events:none;\n}\n\n.ulx-brand::after{\n  content:\"\";\n  position:absolute;\n  top:0;\n  left:-35%;\n  width:30%;\n  height:100%;\n  background:linear-gradient(120deg, transparent, rgba(255,255,255,.34), transparent);\n  transform:skewX(-20deg);\n  animation:ulxShine 6s linear infinite;\n  border-radius:24px;\n}\n\n.ulx-brand-glow{\n  position:absolute;\n  right:-36px;\n  top:50%;\n  transform:translateY(-50%);\n  width:120px;\n  height:120px;\n  border-radius:50%;\n  background:radial-gradient(circle, rgba(255,255,255,.18), transparent 64%);\n  pointer-events:none;\n}\n\n.ulx-logo-box{\n  position:relative;\n  z-index:2;\n  width:84px;\n  height:84px;\n  min-width:84px;\n  margin-left:-10px;\n  margin-top:-10px;\n  margin-bottom:-10px;\n  border-radius:0;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background:transparent;\n  border:none;\n  box-shadow:none;\n}\n\n.ulx-logo-box img{\n  width:78px;\n  height:78px;\n  object-fit:contain;\n  filter:drop-shadow(0 10px 20px rgba(5,70,170,.20));\n}\n\n.ulx-brand-text{\n  position:relative;\n  z-index:2;\n  display:flex;\n  flex-direction:column;\n  min-width:0;\n  color:#fff;\n}\n\n.ulx-brand-name{\n  display:inline-flex;\n  gap:1px;\n  align-items:flex-end;\n  line-height:1;\n  white-space:nowrap;\n}\n\n.ulx-brand-name span{\n  display:inline-block;\n  font-family:Georgia, \"Times New Roman\", serif;\n  font-size:26px;\n  font-weight:700;\n  color:#fff;\n  text-shadow:\n    0 1px 0 rgba(255,255,255,.2),\n    0 8px 18px rgba(2,49,129,.25);\n  transform-origin:center center;\n}\n\n.ulx-brand-name .ulx-space{\n  width:8px;\n}\n\n.ulx-brand-name.is-animating span{\n  animation:ulxWaveScale 2.2s ease-in-out both;\n}\n\n.ulx-brand-name.is-animating span:nth-child(1){ animation-delay:.00s; }\n.ulx-brand-name.is-animating span:nth-child(2){ animation-delay:.08s; }\n.ulx-brand-name.is-animating span:nth-child(3){ animation-delay:.16s; }\n.ulx-brand-name.is-animating span:nth-child(4){ animation-delay:.24s; }\n.ulx-brand-name.is-animating span:nth-child(5){ animation-delay:.32s; }\n.ulx-brand-name.is-animating span:nth-child(6){ animation-delay:.40s; }\n.ulx-brand-name.is-animating span:nth-child(7){ animation-delay:.48s; }\n.ulx-brand-name.is-animating span:nth-child(8){ animation-delay:.56s; }\n.ulx-brand-name.is-animating span:nth-child(9){ animation-delay:.64s; }\n\n.ulx-brand-name.is-animating .ulx-space{\n  animation:none !important;\n}\n\n.ulx-brand-text small{\n  margin-top:1px;\n  font-size:12px;\n  font-weight:800;\n  letter-spacing:1.8px;\n  line-height:1;\n  opacity:.95;\n  white-space:nowrap;\n  overflow:hidden;\n  text-overflow:ellipsis;\n}\n\n\/* CENTER *\/\n.ulx-center{\n  flex:1 1 auto;\n  min-width:0;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  position:relative;\n}\n\n.ulx-nav{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:6px;\n  min-width:0;\n  padding:6px;\n  border-radius:20px;\n  background:rgba(255,255,255,.54);\n  border:1px solid rgba(186,208,237,.30);\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.76),\n    inset 0 -1px 0 rgba(180,208,240,.20);\n}\n\n.ulx-nav > a,\n.ulx-link{\n  position:relative;\n  text-decoration:none;\n  color:var(--ulx-text);\n  font-size:14px;\n  font-weight:700;\n  padding:11px 15px;\n  border-radius:14px;\n  transition:.3s ease;\n  white-space:nowrap;\n  display:flex;\n  align-items:center;\n  gap:8px;\n}\n\n.ulx-nav > a::before,\n.ulx-link::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  border-radius:14px;\n  background:linear-gradient(135deg, rgba(20,208,255,.10), rgba(11,135,255,.08));\n  opacity:0;\n  transition:opacity .3s ease;\n}\n\n.ulx-nav > a::after,\n.ulx-link::after{\n  content:\"\";\n  position:absolute;\n  left:15px;\n  right:15px;\n  bottom:7px;\n  height:2px;\n  border-radius:999px;\n  background:linear-gradient(90deg, var(--ulx-primary-2), var(--ulx-primary));\n  transform:scaleX(0);\n  transition:transform .3s ease;\n}\n\n.ulx-nav > a:hover,\n.ulx-link:hover{\n  color:var(--ulx-primary);\n  transform:translateY(-1px);\n}\n\n.ulx-nav > a:hover::before,\n.ulx-link:hover::before{\n  opacity:1;\n}\n\n.ulx-nav > a:hover::after,\n.ulx-link:hover::after{\n  transform:scaleX(1);\n}\n\n.ulx-nav > a.active{\n  color:#09386b;\n  background:rgba(255,255,255,.92);\n  box-shadow:0 8px 18px rgba(25,71,132,.10), inset 0 0 0 1px rgba(11,135,255,.10);\n}\n\n.ulx-nav > a.active::before,\n.ulx-nav > a.active::after{\n  opacity:1;\n  transform:scaleX(1);\n}\n\n.ulx-link svg{\n  width:14px;\n  height:14px;\n  transition:transform .3s ease;\n}\n\n\/* MEGA *\/\n.ulx-item{\n  position:relative;\n}\n\n.ulx-mega{\n  position:absolute;\n  top:100%;\n  left:50%;\n  transform:translateX(-50%) translateY(10px);\n  width:min(900px, 84vw);\n  opacity:0;\n  visibility:hidden;\n  pointer-events:none;\n  transition:opacity .35s ease, transform .35s ease, visibility .35s ease;\n  z-index:60;\n  padding-top:16px;\n}\n\n.ulx-item:hover .ulx-mega,\n.ulx-item:focus-within .ulx-mega{\n  opacity:1;\n  visibility:visible;\n  pointer-events:auto;\n  transform:translateX(-50%) translateY(0);\n}\n\n.ulx-item:hover .ulx-link svg{\n  transform:rotate(180deg);\n}\n\n.ulx-mega-grid{\n  display:grid;\n  grid-template-columns:1.1fr 1fr 1fr 1fr;\n  gap:18px;\n  padding:22px;\n  border-radius:28px;\n  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(245,250,255,.88));\n  backdrop-filter:blur(18px);\n  -webkit-backdrop-filter:blur(18px);\n  border:1px solid rgba(255,255,255,.74);\n  box-shadow:0 28px 60px rgba(17,56,108,.14), inset 0 1px 0 rgba(255,255,255,.90);\n  position:relative;\n  overflow:hidden;\n}\n\n.ulx-mega-grid::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n    radial-gradient(circle at top left, rgba(20,208,255,.10), transparent 22%),\n    radial-gradient(circle at bottom right, rgba(11,135,255,.10), transparent 24%);\n  pointer-events:none;\n}\n\n.ulx-mega-intro{\n  position:relative;\n  z-index:1;\n  padding:18px;\n  border-radius:22px;\n  background:linear-gradient(145deg, #0e8fff, #0554de);\n  color:#fff;\n  box-shadow:0 16px 34px rgba(9,103,235,.24), inset 0 1px 0 rgba(255,255,255,.24);\n}\n\n.ulx-badge{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-height:28px;\n  padding:0 12px;\n  border-radius:999px;\n  font-size:11px;\n  font-weight:800;\n  letter-spacing:1.2px;\n  text-transform:uppercase;\n  background:rgba(255,255,255,.14);\n  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);\n}\n\n.ulx-mega-intro h3{\n  margin:16px 0 10px;\n  font-size:22px;\n  line-height:1.3;\n}\n\n.ulx-mega-intro p{\n  margin:0;\n  font-size:14px;\n  line-height:1.8;\n  color:rgba(255,255,255,.86);\n}\n\n.ulx-mega-cta{\n  margin-top:18px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-height:48px;\n  padding:0 18px;\n  border-radius:16px;\n  background:#fff;\n  color:#0753dd;\n  text-decoration:none;\n  font-size:14px;\n  font-weight:800;\n  box-shadow:0 12px 24px rgba(0,0,0,.12);\n}\n\n.ulx-mega-col{\n  position:relative;\n  z-index:1;\n}\n\n.ulx-mega-col h4{\n  margin:6px 0 14px;\n  font-size:14px;\n  font-weight:800;\n  color:#0f3257;\n}\n\n.ulx-mega-col a{\n  display:block;\n  padding:14px;\n  border-radius:18px;\n  text-decoration:none;\n  transition:.28s ease;\n}\n\n.ulx-mega-col a:hover{\n  transform:translateY(-2px);\n  background:rgba(11,135,255,.05);\n  box-shadow:0 12px 24px rgba(14,64,120,.08);\n}\n\n.ulx-mega-col strong{\n  display:block;\n  color:#12304d;\n  font-size:14px;\n  font-weight:800;\n}\n\n.ulx-mega-col small{\n  display:block;\n  margin-top:5px;\n  color:#627d99;\n  font-size:12px;\n  line-height:1.65;\n}\n\n.ulx-mega-doctors{\n  width:min(720px, 80vw);\n}\n\n.ulx-doctors-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:16px;\n  padding:22px;\n  border-radius:28px;\n  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(245,250,255,.88));\n  border:1px solid rgba(255,255,255,.74);\n  box-shadow:0 28px 60px rgba(17,56,108,.14), inset 0 1px 0 rgba(255,255,255,.90);\n}\n\n.ulx-doctor-card{\n  display:flex;\n  align-items:center;\n  gap:14px;\n  padding:16px;\n  border-radius:20px;\n  text-decoration:none;\n  background:rgba(255,255,255,.65);\n  transition:.28s ease;\n}\n\n.ulx-doctor-card:hover{\n  transform:translateY(-2px);\n  background:rgba(11,135,255,.05);\n  box-shadow:0 14px 28px rgba(17,62,119,.08);\n}\n\n.ulx-doctor-avatar{\n  width:54px;\n  height:54px;\n  min-width:54px;\n  border-radius:16px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-size:14px;\n  font-weight:900;\n  color:#fff;\n  background:linear-gradient(135deg, #17cfff, #0655df);\n  box-shadow:0 12px 22px rgba(10,110,255,.22);\n}\n\n.ulx-doctor-card strong{\n  display:block;\n  color:#16324d;\n  font-size:14px;\n  font-weight:800;\n}\n\n.ulx-doctor-card small{\n  display:block;\n  margin-top:4px;\n  color:#6a8098;\n  font-size:12px;\n}\n\n\/* RIGHT *\/\n.ulx-right{\n  flex:0 1 auto;\n  display:flex;\n  align-items:center;\n  justify-content:flex-end;\n  gap:12px;\n  min-width:0;\n}\n\n.ulx-social{\n  display:flex;\n  align-items:center;\n  gap:8px;\n  padding:6px 8px;\n  border-radius:18px;\n  background:rgba(255,255,255,.60);\n  border:1px solid rgba(186,208,237,.28);\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.78), 0 10px 18px rgba(17,61,118,.06);\n}\n\n.ulx-social a{\n  width:34px;\n  height:34px;\n  border-radius:50%;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  color:#48627d;\n  text-decoration:none;\n  transition:.28s ease;\n}\n\n.ulx-social a:hover{\n  transform:translateY(-2px);\n  color:var(--ulx-primary);\n  background:rgba(11,135,255,.08);\n  box-shadow:0 10px 20px rgba(11,135,255,.12);\n}\n\n.ulx-social svg{\n  width:17px;\n  height:17px;\n}\n\n.ulx-cta{\n  position:relative;\n  min-width:190px;\n  max-width:100%;\n  height:54px;\n  padding:0 18px;\n  border-radius:20px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:10px;\n  overflow:hidden;\n  text-decoration:none;\n  color:#ffffff;\n  font-size:15px;\n  font-weight:800;\n  white-space:nowrap;\n  background:#0b87ff;\n  border:1px solid #0b87ff;\n  box-shadow:\n    0 18px 34px rgba(9,116,255,.22),\n    inset 0 1px 0 rgba(255,255,255,.24);\n  transition:\n    background .3s ease,\n    color .3s ease,\n    transform .3s ease,\n    box-shadow .3s ease,\n    border-color .3s ease;\n}\n\n.ulx-cta:hover{\n  transform:translateY(-2px) scale(1.015);\n  color:#0b87ff;\n  background:#ffffff;\n  border-color:#0b87ff;\n  box-shadow:\n    0 24px 40px rgba(9,116,255,.14),\n    inset 0 1px 0 rgba(255,255,255,.85);\n}\n\n.ulx-cta::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n    radial-gradient(circle at 20% 18%, rgba(255,255,255,.45), transparent 28%),\n    radial-gradient(circle at 100% 100%, rgba(255,255,255,.16), transparent 35%);\n  pointer-events:none;\n}\n\n.ulx-cta-shine{\n  position:absolute;\n  top:0;\n  left:-30%;\n  width:24%;\n  height:100%;\n  background:linear-gradient(120deg, transparent, rgba(255,255,255,.45), transparent);\n  transform:skewX(-18deg);\n  animation:ulxShine 5s linear infinite;\n}\n\n.ulx-cta-icon{\n  width:20px;\n  height:20px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  position:relative;\n  z-index:1;\n  color:currentColor;\n}\n\n.ulx-cta span:last-child{\n  position:relative;\n  z-index:1;\n}\n\n.ulx-toggle{\n  display:none;\n  width:46px;\n  height:46px;\n  min-width:46px;\n  border:none;\n  border-radius:14px;\n  background:rgba(11,135,255,.08);\n  box-shadow:inset 0 0 0 1px rgba(11,135,255,.08);\n  padding:0;\n  cursor:pointer;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n  gap:5px;\n}\n\n.ulx-toggle span{\n  width:22px;\n  height:2.5px;\n  border-radius:999px;\n  background:#135ab4;\n  transition:all .28s ease;\n}\n\n.ulx-toggle.active span:nth-child(1){\n  transform:translateY(7.5px) rotate(45deg);\n}\n\n.ulx-toggle.active span:nth-child(2){\n  opacity:0;\n}\n\n.ulx-toggle.active span:nth-child(3){\n  transform:translateY(-7.5px) rotate(-45deg);\n}\n\n@keyframes ulxShine{\n  0%{ left:-35%; }\n  100%{ left:125%; }\n}\n\n@keyframes ulxWaveScale{\n  0%,100%{\n    transform:scale(1);\n    opacity:1;\n  }\n  50%{\n    transform:scale(1.22);\n    opacity:1;\n  }\n}\n\n@media (max-width: 1400px){\n  .ulx-social{ display:none; }\n}\n\n@media (max-width: 1220px){\n  .ulx-header{\n    width:min(100%, 1180px);\n  }\n\n  .ulx-brand{\n    flex-basis:280px;\n    max-width:280px;\n  }\n\n  .ulx-brand-name span{\n    font-size:23px;\n  }\n\n  .ulx-logo-box{\n    width:76px;\n    height:76px;\n    min-width:76px;\n  }\n\n  .ulx-logo-box img{\n    width:70px;\n    height:70px;\n  }\n\n  .ulx-nav > a,\n  .ulx-link{\n    padding:10px 12px;\n    font-size:13px;\n  }\n\n  .ulx-cta{\n    min-width:172px;\n    height:50px;\n    font-size:14px;\n    padding:0 16px;\n  }\n}\n\n@media (max-width: 1024px){\n  .ulx-header-wrap{\n    padding:12px 10px;\n  }\n\n  .ulx-shell{\n    flex-wrap:wrap;\n    gap:10px;\n    padding:8px;\n    border-radius:26px;\n  }\n\n  .ulx-shell::after{\n    display:none;\n  }\n\n  .ulx-brand{\n    flex:1 1 calc(100% - 58px);\n    max-width:none;\n    height:60px;\n    border-radius:20px;\n  }\n\n  .ulx-logo-box{\n    width:72px;\n    height:72px;\n    min-width:72px;\n    margin-left:-8px;\n  }\n\n  .ulx-logo-box img{\n    width:66px;\n    height:66px;\n  }\n\n  .ulx-center{\n    width:auto;\n    flex:0 0 auto;\n    justify-content:flex-end;\n  }\n\n  .ulx-toggle{\n    display:flex;\n  }\n\n  .ulx-nav{\n    position:absolute;\n    top:calc(100% + 12px);\n    left:0;\n    right:0;\n    z-index:80;\n    display:none;\n    flex-direction:column;\n    align-items:stretch;\n    gap:8px;\n    padding:12px;\n    border-radius:22px;\n    background:rgba(255,255,255,.94);\n    backdrop-filter:blur(18px);\n    -webkit-backdrop-filter:blur(18px);\n    box-shadow:0 22px 40px rgba(17,58,110,.12), inset 0 1px 0 rgba(255,255,255,.86);\n  }\n\n  .ulx-nav.show{\n    display:flex;\n  }\n\n  .ulx-nav > a,\n  .ulx-link{\n    width:100%;\n    text-align:left;\n    justify-content:space-between;\n    padding:13px 15px;\n  }\n\n  .ulx-nav > a::after,\n  .ulx-link::after{\n    left:15px;\n    right:auto;\n    width:56px;\n  }\n\n  .ulx-item{\n    width:100%;\n  }\n\n  .ulx-mega,\n  .ulx-mega-doctors{\n    position:static;\n    width:100%;\n    transform:none;\n    opacity:1;\n    visibility:visible;\n    pointer-events:auto;\n    display:none;\n    margin-top:8px;\n    padding-top:0;\n  }\n\n  .ulx-item.open .ulx-mega,\n  .ulx-item.open .ulx-mega-doctors{\n    display:block;\n  }\n\n  .ulx-item.open .ulx-link svg{\n    transform:rotate(180deg);\n  }\n\n  .ulx-mega-grid,\n  .ulx-doctors-grid{\n    grid-template-columns:1fr;\n    border-radius:22px;\n    padding:14px;\n  }\n\n  .ulx-right{\n    width:100%;\n    order:10;\n  }\n\n  .ulx-cta{\n    width:100%;\n    min-width:unset;\n  }\n}\n\n@media (max-width: 767px){\n  .ulx-header-wrap{\n    padding:10px 8px;\n  }\n\n  .ulx-shell{\n    border-radius:22px;\n    padding:8px;\n  }\n\n  .ulx-brand{\n    height:58px;\n    border-radius:18px;\n    padding:0 12px 0 8px;\n    gap:8px;\n  }\n\n  .ulx-logo-box{\n    width:66px;\n    height:66px;\n    min-width:66px;\n    margin-left:-6px;\n  }\n\n  .ulx-logo-box img{\n    width:60px;\n    height:60px;\n  }\n\n  .ulx-brand-name span{\n    font-size:18px;\n  }\n\n  .ulx-brand-text small{\n    font-size:8px;\n    letter-spacing:1px;\n    margin-top:1px;\n  }\n\n  .ulx-toggle{\n    width:42px;\n    height:42px;\n    min-width:42px;\n    border-radius:12px;\n  }\n\n  .ulx-nav{\n    padding:10px;\n    border-radius:18px;\n  }\n\n  .ulx-nav > a,\n  .ulx-link{\n    font-size:14px;\n    padding:12px 14px;\n  }\n\n  .ulx-cta{\n    height:50px;\n    border-radius:16px;\n    font-size:14px;\n    padding:0 14px;\n  }\n\n  .ulx-cta-icon{\n    width:18px;\n    height:18px;\n  }\n\n  .ulx-mega-intro h3{\n    font-size:18px;\n  }\n}\n\n@media (max-width: 480px){\n  .ulx-brand{\n    height:56px;\n  }\n\n  .ulx-logo-box{\n    width:60px;\n    height:60px;\n    min-width:60px;\n  }\n\n  .ulx-logo-box img{\n    width:54px;\n    height:54px;\n  }\n\n  .ulx-brand-name span{\n    font-size:16px;\n  }\n\n  .ulx-brand-text small{\n    font-size:7px;\n    letter-spacing:.7px;\n  }\n\n  .ulx-cta{\n    height:48px;\n    font-size:13px;\n    border-radius:15px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce){\n  *,\n  *::before,\n  *::after{\n    animation:none !important;\n    transition:none !important;\n    scroll-behavior:auto !important;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const toggle = document.getElementById(\"ulxToggle\");\n  const nav = document.getElementById(\"ulxNav\");\n  const navLinks = nav ? nav.querySelectorAll(\":scope > a\") : [];\n  const megaItems = document.querySelectorAll(\".ulx-item.has-mega\");\n  const brandName = document.getElementById(\"ulxBrandName\");\n\n  if (toggle && nav) {\n    toggle.addEventListener(\"click\", function () {\n      const isOpen = nav.classList.toggle(\"show\");\n      toggle.classList.toggle(\"active\");\n      toggle.setAttribute(\"aria-expanded\", isOpen ? \"true\" : \"false\");\n    });\n  }\n\n  navLinks.forEach(function(link){\n    link.addEventListener(\"click\", function(){\n      navLinks.forEach(function(item){\n        item.classList.remove(\"active\");\n      });\n      this.classList.add(\"active\");\n    });\n  });\n\n  megaItems.forEach(function(item){\n    const trigger = item.querySelector(\".ulx-link\");\n\n    if (trigger) {\n      trigger.addEventListener(\"click\", function(e){\n        if (window.innerWidth <= 1024) {\n          e.preventDefault();\n\n          megaItems.forEach(function(otherItem){\n            if (otherItem !== item) otherItem.classList.remove(\"open\");\n          });\n\n          item.classList.toggle(\"open\");\n        }\n      });\n    }\n  });\n\n  document.addEventListener(\"click\", function(e){\n    if (window.innerWidth <= 1024) {\n      const clickedInsideNav = nav &#038;&#038; nav.contains(e.target);\n      const clickedToggle = toggle &#038;&#038; toggle.contains(e.target);\n\n      if (!clickedInsideNav &#038;&#038; !clickedToggle) {\n        if (nav) nav.classList.remove(\"show\");\n        if (toggle) {\n          toggle.classList.remove(\"active\");\n          toggle.setAttribute(\"aria-expanded\", \"false\");\n        }\n        megaItems.forEach(function(item){\n          item.classList.remove(\"open\");\n        });\n      }\n    }\n  });\n\n  window.addEventListener(\"resize\", function(){\n    if (window.innerWidth > 1024) {\n      if (nav) nav.classList.remove(\"show\");\n      if (toggle) {\n        toggle.classList.remove(\"active\");\n        toggle.setAttribute(\"aria-expanded\", \"false\");\n      }\n      megaItems.forEach(function(item){\n        item.classList.remove(\"open\");\n      });\n    }\n  });\n\n  if (brandName) {\n    const animationTime = 2840;\n    const pauseTime = 2000;\n\n    function runBrandAnimation() {\n      brandName.classList.remove(\"is-animating\");\n      void brandName.offsetWidth;\n      brandName.classList.add(\"is-animating\");\n\n      setTimeout(function () {\n        brandName.classList.remove(\"is-animating\");\n\n        setTimeout(function () {\n          runBrandAnimation();\n        }, pauseTime);\n\n      }, animationTime);\n    }\n\n    runBrandAnimation();\n  }\n});\n<\/script>\n<style>\n\/* \u0641\u0642\u0637 \u0627\u06cc\u0646 \u0628\u062e\u0634 \u0627\u0636\u0627\u0641\u0647 \u0634\u062f\u0647 \u2014 \u0628\u0642\u06cc\u0647 \u06a9\u062f\u062a \u0647\u0645\u0648\u0646\u0647 *\/\n\n\/* \ud83d\udd25 FIX: \u062d\u0630\u0641 \u062a\u0631\u0646\u0633\u067e\u0631\u0646\u0633\u06cc \u0632\u06cc\u0631\u0645\u0646\u0648 *\/\n.ulx-mega-grid,\n.ulx-doctors-grid{\n  background:#ffffff !important;\n  backdrop-filter:none !important;\n  -webkit-backdrop-filter:none !important;\n}\n\n\/* \u062d\u0630\u0641 \u0644\u0627\u06cc\u0647 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc *\/\n.ulx-mega-grid::before{\n  display:none !important;\n}\n<\/style>\n\n<script>\n\/* \u0647\u06cc\u0686 \u062a\u063a\u06cc\u06cc\u0631\u06cc \u062f\u0631 JS \u0644\u0627\u0632\u0645 \u0646\u06cc\u0633\u062a *\/\n<\/script>\n<div class=\"hero-final\">\n\n  <div class=\"hero-layer\">\n\n    <!-- FLOATING CARDS -->\n    <div class=\"hero-card hero-card-left\">\n      <div class=\"card-avatars\">\n        <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/44.jpg\" alt=\"\">\n        <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/32.jpg\" alt=\"\">\n        <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/68.jpg\" alt=\"\">\n      <\/div>\n      <div class=\"card-content\">\n        <div class=\"card-title\">5K+ Appointments<\/div>\n        <div class=\"card-sub\">\u2605\u2605\u2605\u2605\u2605 5.0 Ratings<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"hero-card hero-card-center\">\n      <div class=\"card-mini-avatars\">\n        <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/41.jpg\" alt=\"\">\n        <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/65.jpg\" alt=\"\">\n        <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/22.jpg\" alt=\"\">\n      <\/div>\n      <div class=\"card-big-number\">15K+<\/div>\n      <div class=\"card-big-text\">Satisfied Patients<\/div>\n    <\/div>\n\n    <div class=\"hero-card hero-card-right\">\n      <div class=\"card-right-number\">1K<\/div>\n      <div class=\"card-right-text\">Appointments<br>Completed<\/div>\n    <\/div>\n\n    <!-- TEXT -->\n    <div class=\"hero-text\">\n      <h1>\n        Discover Health: Find <br>\n        Your Trusted <span>Doctors<\/span> <br>\n        Today\n      <\/h1>\n    <\/div>\n\n    <!-- SEARCH -->\n    <div class=\"hero-search\">\n      <input type=\"text\" placeholder=\"Search doctors, clinics, hospitals, etc\">\n\n      <select>\n        <option>Location<\/option>\n        <option>Toronto<\/option>\n        <option>North York<\/option>\n      <\/select>\n\n      <select>\n        <option>Gender<\/option>\n        <option>Male<\/option>\n        <option>Female<\/option>\n      <\/select>\n\n      <button>Search<\/button>\n    <\/div>\n\n    <!-- DOCTORS -->\n    <img decoding=\"async\" \n      class=\"hero-doctors\"\n      src=\"https:\/\/parsheal.com\/wp-content\/uploads\/2026\/03\/Iranian-Doctor.webp\"\n      alt=\"Doctors\"\n    >\n\n  <\/div>\n\n<\/div>\n\n<style>\n.hero-final{\n  width:100%;\n  height:760px;\n  position:relative;\n  overflow:hidden;\n}\n\n.hero-layer{\n  position:absolute;\n  top:50%;\n  left:50%;\n  transform:translate(-50%, -50%);\n  width:1600px;\n  height:760px;\n}\n\n\/* TEXT *\/\n.hero-text{\n  position:absolute;\n  top:240px;\n  left:0;\n  width:980px;\n  max-width:980px;\n  z-index:3;\n}\n\n.hero-text h1{\n  margin:0;\n  font-size:82px;\n  font-weight:800;\n  line-height:1.04;\n  color:#1f2947;\n  letter-spacing:-1.8px;\n}\n\n.hero-text span{\n  color:#2f8fff;\n}\n\n\/* SEARCH *\/\n.hero-search{\n  position:absolute;\n  left:0;\n  bottom:55px;\n\n  display:flex;\n  align-items:center;\n\n  width:980px;\n  height:74px;\n\n  background:#fff;\n  border-radius:999px;\n  padding:8px;\n  border:2px solid #2f8fff;\n  box-shadow:0 10px 30px rgba(0,0,0,0.08);\n  z-index:3;\n}\n\n.hero-search input{\n  flex:1 1 auto;\n  min-width:0;\n  height:100%;\n  border:none;\n  outline:none;\n  padding:0 22px;\n  font-size:17px;\n  color:#22304e;\n  background:transparent;\n}\n\n.hero-search input::placeholder{\n  color:#8a96ad;\n}\n\n.hero-search select{\n  flex:0 0 auto;\n  height:100%;\n  border:none;\n  outline:none;\n  background:transparent;\n  padding:0 22px;\n  font-size:17px;\n  color:#22304e;\n  border-left:1px solid #e8edf4;\n}\n\n.hero-search button{\n  flex:0 0 auto;\n  height:58px;\n  min-width:150px;\n  border:none;\n  border-radius:999px;\n  padding:0 28px;\n  background:linear-gradient(90deg,#2d86ff,#1ab2ff);\n  color:#fff;\n  font-size:17px;\n  font-weight:700;\n  cursor:pointer;\n}\n\n\/* DOCTORS *\/\n.hero-doctors{\n  position:absolute;\n  right:40px;\n  bottom:0;\n  width:1100px;\n  max-width:none;\n  z-index:5;\n}\n\n\/* FLOATING CARDS *\/\n.hero-card{\n  position:absolute;\n  z-index:4;\n  animation:floatSoft 5.5s ease-in-out infinite;\n  will-change:transform;\n}\n\n.hero-card-left{\n  top:150px;\n  left:10px;\n  display:flex;\n  align-items:center;\n  gap:14px;\n  background:rgba(255,255,255,0.92);\n  backdrop-filter:blur(8px);\n  -webkit-backdrop-filter:blur(8px);\n  border-radius:14px;\n  padding:12px 18px 12px 14px;\n  box-shadow:0 18px 40px rgba(25,42,89,0.12);\n  animation-delay:0s;\n}\n\n.card-avatars{\n  display:flex;\n  align-items:center;\n}\n\n.card-avatars img{\n  width:34px;\n  height:34px;\n  border-radius:50%;\n  object-fit:cover;\n  border:2px solid #fff;\n  margin-left:-8px;\n  box-shadow:0 2px 6px rgba(0,0,0,0.08);\n}\n\n.card-avatars img:first-child{\n  margin-left:0;\n}\n\n.card-title{\n  font-size:20px;\n  font-weight:700;\n  color:#243250;\n  line-height:1.1;\n}\n\n.card-sub{\n  margin-top:4px;\n  font-size:14px;\n  color:#70809f;\n  line-height:1.1;\n}\n\n.hero-card-center{\n  right:580px;\n  top:437px;\n  width:150px;\n  min-height:150px;\n  border-radius:18px;\n  background:linear-gradient(180deg,#071c4d 0%, #0a225f 100%);\n  box-shadow:0 20px 45px rgba(7,28,77,0.28);\n  padding:16px 14px 14px;\n  animation-delay:1.2s;\n}\n\n.hero-card-center::before{\n  content:\"\";\n  position:absolute;\n  left:0;\n  bottom:18px;\n  width:4px;\n  height:24px;\n  background:#1aa8ff;\n  border-radius:0 8px 8px 0;\n}\n\n.card-mini-avatars{\n  display:flex;\n  margin-bottom:14px;\n}\n\n.card-mini-avatars img{\n  width:24px;\n  height:24px;\n  border-radius:50%;\n  object-fit:cover;\n  border:1.5px solid #fff;\n  margin-left:-6px;\n}\n\n.card-mini-avatars img:first-child{\n  margin-left:0;\n}\n\n.card-big-number{\n  font-size:26px;\n  font-weight:800;\n  color:#fff;\n  line-height:1;\n  margin-bottom:8px;\n}\n\n.card-big-text{\n  font-size:14px;\n  font-weight:600;\n  color:#ffffff;\n  line-height:1.35;\n}\n\n.hero-card-right{\n  top:240px;\n  right:30px;\n  width:118px;\n  min-height:126px;\n  border-radius:18px;\n  background:rgba(255,255,255,0.94);\n  backdrop-filter:blur(8px);\n  -webkit-backdrop-filter:blur(8px);\n  box-shadow:0 18px 40px rgba(25,42,89,0.12);\n  padding:16px 14px;\n  text-align:center;\n  animation-delay:2s;\n}\n\n.hero-card-right::before{\n  content:\"\";\n  position:absolute;\n  left:0;\n  top:0;\n  width:4px;\n  height:34px;\n  background:#2f8fff;\n  border-radius:18px 0 8px 0;\n}\n\n.card-right-number{\n  font-size:24px;\n  font-weight:800;\n  color:#243250;\n  line-height:1;\n  margin-bottom:12px;\n}\n\n.card-right-text{\n  font-size:14px;\n  line-height:1.55;\n  color:#34415e;\n  font-weight:500;\n}\n\n@keyframes floatSoft{\n  0%{ transform:translateY(0px); }\n  50%{ transform:translateY(-8px); }\n  100%{ transform:translateY(0px); }\n}\n\n\/* Tablet *\/\n@media (max-width: 1400px){\n  .hero-layer{\n    width:1400px;\n  }\n\n  .hero-text{\n    width:900px;\n    max-width:900px;\n  }\n\n  .hero-search{\n    width:900px;\n  }\n\n  .hero-text h1{\n    font-size:72px;\n  }\n\n  .hero-doctors{\n    width:680px;\n  }\n\n  .hero-card-left{\n    left:16px;\n    top:65px;\n    transform:scale(.92);\n    transform-origin:top left;\n  }\n\n  .hero-card-center{\n    right:340px;\n    top:440px;\n    transform:scale(.94);\n  }\n\n  .hero-card-right{\n    right:10px;\n    top:180px;\n    transform:scale(.94);\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 991px){\n  .hero-final{\n    height:auto;\n    min-height:760px;\n  }\n\n  .hero-layer{\n    position:relative;\n    top:auto;\n    left:auto;\n    transform:none;\n    width:100%;\n    height:auto;\n    padding:40px 16px 30px;\n  }\n\n  .hero-text{\n    position:relative;\n    top:auto;\n    left:auto;\n    width:100%;\n    max-width:100%;\n    z-index:2;\n  }\n\n  .hero-text h1{\n    font-size:42px;\n    line-height:1.1;\n  }\n\n  .hero-search{\n    position:relative;\n    left:auto;\n    bottom:auto;\n    width:100%;\n    height:auto;\n    margin-top:24px;\n    flex-direction:column;\n    align-items:stretch;\n    border-radius:28px;\n    padding:14px;\n    z-index:2;\n  }\n\n  .hero-search input,\n  .hero-search select{\n    height:56px;\n    width:100%;\n    border-left:none;\n    border-bottom:1px solid #e8edf4;\n    padding:0 12px;\n  }\n\n  .hero-search button{\n    width:100%;\n    margin-top:10px;\n  }\n\n  .hero-doctors{\n    position:relative;\n    right:auto;\n    bottom:auto;\n    width:100%;\n    display:block;\n    margin:20px auto 0;\n  }\n\n  .hero-card{\n    transform:none !important;\n    animation:floatSoftMobile 5.5s ease-in-out infinite;\n  }\n\n  .hero-card-left{\n    top:12px;\n    left:12px;\n    scale:.78;\n    transform-origin:top left !important;\n  }\n\n  .hero-card-right{\n    top:70px;\n    right:12px;\n    scale:.78;\n    transform-origin:top right !important;\n  }\n\n  .hero-card-center{\n    right:18px;\n    top:auto;\n    bottom:160px;\n    scale:.82;\n    transform-origin:bottom right !important;\n  }\n\n  @keyframes floatSoftMobile{\n    0%{ transform:translateY(0px); }\n    50%{ transform:translateY(-5px); }\n    100%{ transform:translateY(0px); }\n  }\n}\n<\/style>\n\n\n\n\n<div class=\"phs-section\">\n  <div class=\"phs-container\">\n    <div class=\"phs-tag\">Top Services<\/div>\n    <h2 class=\"phs-title\">Top Medical Services<\/h2>\n    <p class=\"phs-subtitle\">\n      Explore trusted healthcare services designed for convenience, speed, and quality care.\n    <\/p>\n\n    <div class=\"phs-slider-shell\">\n      <button class=\"phs-arrow phs-arrow-prev\" aria-label=\"Previous\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\">\n          <path d=\"M15 6L9 12L15 18\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/button>\n\n      <div class=\"phs-viewport\" id=\"phsViewport\">\n        <div class=\"phs-track\" id=\"phsTrack\">\n\n          <div class=\"phs-card\">\n            <div class=\"phs-card-top\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1576091160550-2173dba999ef?auto=format&#038;fit=crop&#038;w=1200&#038;q=80');\"><\/div>\n            <div class=\"phs-card-body\">\n              <h3>Online Consultation<\/h3>\n              <p>Speak with licensed doctors online from the comfort of your home.<\/p>\n              <a href=\"#\" class=\"phs-btn\">Learn More<\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"phs-card\">\n            <div class=\"phs-card-top\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1584515933487-779824d29309?auto=format&#038;fit=crop&#038;w=1200&#038;q=80');\"><\/div>\n            <div class=\"phs-card-body\">\n              <h3>Doctor Booking<\/h3>\n              <p>Schedule in-person visits with experienced healthcare professionals.<\/p>\n              <a href=\"#\" class=\"phs-btn\">Learn More<\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"phs-card\">\n            <div class=\"phs-card-top\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1579684385127-1ef15d508118?auto=format&#038;fit=crop&#038;w=1200&#038;q=80');\"><\/div>\n            <div class=\"phs-card-body\">\n              <h3>Second Opinion<\/h3>\n              <p>Get trusted expert advice before making important medical decisions.<\/p>\n              <a href=\"#\" class=\"phs-btn\">Learn More<\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"phs-card\">\n            <div class=\"phs-card-top\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1559599101-f09722fb4948?auto=format&#038;fit=crop&#038;w=1200&#038;q=80');\"><\/div>\n            <div class=\"phs-card-body\">\n              <h3>Skin Care<\/h3>\n              <p>Consult with specialists for skin wellness and cosmetic concerns.<\/p>\n              <a href=\"#\" class=\"phs-btn\">Learn More<\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"phs-card\">\n            <div class=\"phs-card-top\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1585435557343-3b092031a831?auto=format&#038;fit=crop&#038;w=1200&#038;q=80');\"><\/div>\n            <div class=\"phs-card-body\">\n              <h3>Medical Reports<\/h3>\n              <p>Request medical notes, reports, and supporting documentation online.<\/p>\n              <a href=\"#\" class=\"phs-btn\">Learn More<\/a>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <button class=\"phs-arrow phs-arrow-next\" aria-label=\"Next\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\">\n          <path d=\"M9 6L15 12L9 18\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/button>\n    <\/div>\n\n    <div class=\"phs-dots\" id=\"phsDots\"><\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .phs-section,\n  .phs-section *{\n    box-sizing:border-box;\n  }\n\n  .phs-section{\n    --phs-primary:#1f8bff;\n    --phs-primary-2:#5b6cff;\n    --phs-text:#1d2746;\n    --phs-muted:#72809a;\n    width:100%;\n    padding:88px 20px 56px;\n    background:\n      radial-gradient(circle at top left, rgba(31,139,255,.10), transparent 34%),\n      radial-gradient(circle at top right, rgba(91,108,255,.08), transparent 30%),\n      linear-gradient(180deg,#f7faff 0%, #eef4ff 100%);\n    overflow:hidden;\n    font-family:Inter, Arial, Helvetica, sans-serif;\n  }\n\n  .phs-container{\n    max-width:1380px;\n    margin:0 auto;\n    text-align:center;\n  }\n\n  .phs-tag{\n    position:relative;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    min-height:54px;\n    padding:0 30px;\n    border-radius:999px;\n    background:linear-gradient(135deg,#1f8bff 0%, #2d8fff 45%, #4d75ff 100%);\n    color:#fff;\n    font-size:18px;\n    font-weight:600;\n    letter-spacing:.01em;\n    box-shadow:\n      0 14px 28px rgba(31,139,255,.22),\n      inset 0 1px 0 rgba(255,255,255,.22);\n    margin-bottom:18px;\n  }\n\n  .phs-tag::before,\n  .phs-tag::after{\n    content:\"\";\n    width:8px;\n    height:8px;\n    border-radius:50%;\n    background:rgba(255,255,255,.9);\n    box-shadow:0 0 0 4px rgba(255,255,255,.12);\n    flex:0 0 8px;\n  }\n\n  .phs-tag::before{\n    margin-right:12px;\n  }\n\n  .phs-tag::after{\n    margin-left:12px;\n  }\n\n  .phs-title{\n    margin:0;\n    color:var(--phs-text);\n    font-size:54px;\n    line-height:1.04;\n    font-weight:800;\n    letter-spacing:-1.6px;\n  }\n\n  .phs-subtitle{\n    max-width:760px;\n    margin:18px auto 42px;\n    color:var(--phs-muted);\n    font-size:18px;\n    line-height:1.75;\n  }\n\n  .phs-slider-shell{\n    display:flex;\n    align-items:center;\n    gap:16px;\n    position:relative;\n  }\n\n  .phs-viewport{\n    width:100%;\n    overflow:hidden;\n    padding:14px 2px 18px;\n  }\n\n  .phs-track{\n    display:flex;\n    gap:24px;\n    transition:transform .65s cubic-bezier(.22,.61,.36,1);\n    will-change:transform;\n  }\n\n  .phs-card{\n    flex:0 0 calc((100% - 96px) \/ 5);\n    background:rgba(255,255,255,.92);\n    border:1px solid rgba(255,255,255,.85);\n    border-radius:28px;\n    overflow:hidden;\n    text-align:left;\n    box-shadow:\n      0 16px 36px rgba(29,48,88,.08),\n      0 4px 14px rgba(29,48,88,.04);\n    transition:\n      transform .35s ease,\n      box-shadow .35s ease,\n      border-color .35s ease;\n    backdrop-filter:blur(10px);\n  }\n\n  .phs-card:hover{\n    transform:translateY(-10px);\n    box-shadow:\n      0 26px 54px rgba(29,48,88,.14),\n      0 10px 24px rgba(31,139,255,.08);\n    border-color:rgba(31,139,255,.20);\n  }\n\n  .phs-card-top{\n    height:210px;\n    background-size:cover;\n    background-position:center;\n    position:relative;\n  }\n\n  .phs-card-top::after{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background:\n      linear-gradient(180deg, rgba(17,27,54,.06) 0%, rgba(17,27,54,.18) 100%);\n  }\n\n  .phs-card-body{\n    padding:24px 22px 22px;\n  }\n\n  .phs-card-body h3{\n    margin:0 0 10px;\n    color:var(--phs-text);\n    font-size:22px;\n    line-height:1.22;\n    font-weight:800;\n    letter-spacing:-.4px;\n    min-height:54px;\n  }\n\n  .phs-card-body p{\n    margin:0 0 22px;\n    color:var(--phs-muted);\n    font-size:14px;\n    line-height:1.7;\n    min-height:74px;\n  }\n\n  .phs-btn{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    min-height:46px;\n    width:100%;\n    padding:12px 18px;\n    border-radius:16px;\n    text-decoration:none;\n    background:linear-gradient(135deg,var(--phs-primary) 0%, var(--phs-primary-2) 100%);\n    color:#fff;\n    font-size:14px;\n    font-weight:700;\n    letter-spacing:.01em;\n    box-shadow:0 12px 24px rgba(31,139,255,.18);\n    transition:transform .25s ease, box-shadow .25s ease, opacity .25s ease;\n  }\n\n  .phs-btn:hover{\n    transform:translateY(-2px);\n    box-shadow:0 16px 30px rgba(31,139,255,.26);\n    opacity:.98;\n  }\n\n  .phs-arrow{\n    width:54px;\n    height:54px;\n    flex:0 0 54px;\n    border:none;\n    border-radius:18px;\n    background:rgba(255,255,255,.88);\n    color:#2a446f;\n    box-shadow:0 12px 26px rgba(29,53,97,.12);\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    cursor:pointer;\n    transition:transform .25s ease, background .25s ease, box-shadow .25s ease, opacity .25s ease;\n    backdrop-filter:blur(10px);\n  }\n\n  .phs-arrow:hover{\n    transform:translateY(-2px);\n    background:#fff;\n    box-shadow:0 16px 30px rgba(29,53,97,.16);\n  }\n\n  .phs-arrow:disabled{\n    opacity:.45;\n    cursor:not-allowed;\n  }\n\n  .phs-arrow svg{\n    width:22px;\n    height:22px;\n  }\n\n  .phs-arrow svg path{\n    stroke:currentColor;\n  }\n\n  .phs-dots{\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    gap:10px;\n    margin-top:18px;\n  }\n\n  .phs-dot{\n    width:10px;\n    height:10px;\n    border:none;\n    border-radius:999px;\n    background:#c9d8ee;\n    cursor:pointer;\n    transition:all .3s ease;\n    padding:0;\n  }\n\n  .phs-dot.active{\n    width:34px;\n    background:linear-gradient(135deg,var(--phs-primary), var(--phs-primary-2));\n    box-shadow:0 6px 16px rgba(31,139,255,.20);\n  }\n\n  @media (max-width: 1280px){\n    .phs-card{\n      flex:0 0 calc((100% - 72px) \/ 4);\n    }\n\n    .phs-title{\n      font-size:46px;\n    }\n  }\n\n  @media (max-width: 980px){\n    .phs-section{\n      padding:72px 16px 44px;\n    }\n\n    .phs-title{\n      font-size:38px;\n    }\n\n    .phs-subtitle{\n      font-size:16px;\n      margin-bottom:34px;\n    }\n\n    .phs-card{\n      flex:0 0 calc((100% - 24px) \/ 2);\n    }\n\n    .phs-slider-shell{\n      gap:10px;\n    }\n  }\n\n  @media (max-width: 640px){\n    .phs-section{\n      padding:58px 14px 34px;\n    }\n\n    .phs-tag{\n      min-height:48px;\n      padding:0 24px;\n      font-size:16px;\n    }\n\n    .phs-tag::before,\n    .phs-tag::after{\n      width:7px;\n      height:7px;\n      flex-basis:7px;\n    }\n\n    .phs-title{\n      font-size:30px;\n      letter-spacing:-1px;\n    }\n\n    .phs-subtitle{\n      font-size:14px;\n      line-height:1.7;\n      margin-top:14px;\n      margin-bottom:26px;\n    }\n\n    .phs-card{\n      flex:0 0 100%;\n      border-radius:24px;\n    }\n\n    .phs-card-top{\n      height:190px;\n    }\n\n    .phs-card-body{\n      padding:20px 18px 18px;\n    }\n\n    .phs-card-body h3{\n      font-size:20px;\n      min-height:auto;\n    }\n\n    .phs-card-body p{\n      min-height:auto;\n    }\n\n    .phs-arrow{\n      width:44px;\n      height:44px;\n      flex-basis:44px;\n      border-radius:14px;\n    }\n  }\n<\/style>\n\n<script>\n(function(){\n  const viewport = document.getElementById('phsViewport');\n  const track = document.getElementById('phsTrack');\n  const prevBtn = document.querySelector('.phs-arrow-prev');\n  const nextBtn = document.querySelector('.phs-arrow-next');\n  const dotsWrap = document.getElementById('phsDots');\n  const cards = Array.from(track.children);\n\n  if(!viewport || !track || !prevBtn || !nextBtn || !dotsWrap || !cards.length) return;\n\n  let index = 0;\n  let autoPlay = null;\n\n  function getVisibleCount(){\n    const w = window.innerWidth;\n    if (w <= 640) return 1;\n    if (w <= 980) return 2;\n    if (w <= 1280) return 4;\n    return 5;\n  }\n\n  function getGap(){\n    const styles = window.getComputedStyle(track);\n    return parseFloat(styles.columnGap || styles.gap || 24) || 24;\n  }\n\n  function getCardWidth(){\n    return cards[0].getBoundingClientRect().width;\n  }\n\n  function getStep(){\n    return getCardWidth() + getGap();\n  }\n\n  function getPages(){\n    return Math.max(1, cards.length - getVisibleCount() + 1);\n  }\n\n  function renderDots(){\n    const pages = getPages();\n    dotsWrap.innerHTML = '';\n\n    for(let i = 0; i < pages; i++){\n      const dot = document.createElement('button');\n      dot.className = 'phs-dot' + (i === index ? ' active' : '');\n      dot.type = 'button';\n      dot.setAttribute('aria-label', 'Go to slide ' + (i + 1));\n      dot.addEventListener('click', function(){\n        index = i;\n        updateSlider();\n        restartAuto();\n      });\n      dotsWrap.appendChild(dot);\n    }\n  }\n\n  function updateArrows(){\n    const pages = getPages();\n    prevBtn.disabled = pages <= 1;\n    nextBtn.disabled = pages <= 1;\n  }\n\n  function updateSlider(){\n    const pages = getPages();\n    if(index > pages - 1) index = Math.max(0, pages - 1);\n\n    const translate = index * getStep();\n    track.style.transform = 'translateX(-' + translate + 'px)';\n\n    const dots = dotsWrap.querySelectorAll('.phs-dot');\n    dots.forEach((dot, i) => {\n      dot.classList.toggle('active', i === index);\n    });\n\n    updateArrows();\n  }\n\n  function nextSlide(){\n    const pages = getPages();\n    if(pages <= 1) return;\n    index = (index + 1) % pages;\n    updateSlider();\n  }\n\n  function prevSlide(){\n    const pages = getPages();\n    if(pages <= 1) return;\n    index = (index - 1 + pages) % pages;\n    updateSlider();\n  }\n\n  function startAuto(){\n    stopAuto();\n    if(getPages() <= 1) return;\n    autoPlay = setInterval(nextSlide, 3500);\n  }\n\n  function stopAuto(){\n    if(autoPlay){\n      clearInterval(autoPlay);\n      autoPlay = null;\n    }\n  }\n\n  function restartAuto(){\n    startAuto();\n  }\n\n  nextBtn.addEventListener('click', function(){\n    nextSlide();\n    restartAuto();\n  });\n\n  prevBtn.addEventListener('click', function(){\n    prevSlide();\n    restartAuto();\n  });\n\n  viewport.addEventListener('mouseenter', stopAuto);\n  viewport.addEventListener('mouseleave', startAuto);\n  viewport.addEventListener('touchstart', stopAuto, {passive:true});\n  viewport.addEventListener('touchend', startAuto, {passive:true});\n\n  let resizeTimer;\n  window.addEventListener('resize', function(){\n    clearTimeout(resizeTimer);\n    resizeTimer = setTimeout(function(){\n      const pages = getPages();\n      if(index >= pages) index = pages - 1;\n      renderDots();\n      updateSlider();\n      startAuto();\n    }, 120);\n  });\n\n  renderDots();\n  updateSlider();\n  startAuto();\n})();\n<\/script>\n\n\n\n\n<div class=\"phd-section\">\n  <div class=\"phd-container\">\n    <div class=\"phd-tag\">\u2022 Featured Doctors \u2022<\/div>\n    <h2 class=\"phd-title\">Our Highlighted Doctors<\/h2>\n\n    <div class=\"phd-slider-wrap\">\n      <button class=\"phd-arrow phd-prev\" aria-label=\"Previous\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\">\n          <path d=\"M15 6L9 12L15 18\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/button>\n\n      <div class=\"phd-viewport\" id=\"phdViewport\">\n        <div class=\"phd-track\" id=\"phdTrack\">\n\n          <!-- CARD 1 -->\n          <div class=\"phd-card\">\n            <div class=\"phd-image-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1559839734-2b71ea197ec2?auto=format&#038;fit=crop&#038;w=900&#038;q=80\" alt=\"Dr Sumit Mourya\">\n              <div class=\"phd-rating\"><span>\u2605<\/span> 0<\/div>\n            <\/div>\n            <div class=\"phd-body\">\n              <div class=\"phd-topline\">\n                <span class=\"phd-specialty\">&nbsp;<\/span>\n                <span class=\"phd-status\"><span class=\"phd-dot\"><\/span> Available<\/span>\n              <\/div>\n\n              <h3>Dr Sumit Mourya<\/h3>\n\n              <div class=\"phd-divider\"><\/div>\n\n              <div class=\"phd-bottom\">\n                <div class=\"phd-fee\">\n                  <span class=\"phd-fee-label\">Consultation Fees<\/span>\n                  <strong>$0.00<\/strong>\n                <\/div>\n\n                <a href=\"#\" class=\"phd-btn\">\n                  <span class=\"phd-btn-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                      <rect x=\"4\" y=\"5\" width=\"16\" height=\"15\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                      <path d=\"M8 3V7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                      <path d=\"M16 3V7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                      <path d=\"M4 10H20\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                    <\/svg>\n                  <\/span>\n                  Book Now\n                <\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- CARD 2 -->\n          <div class=\"phd-card\">\n            <div class=\"phd-image-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1612349317150-e413f6a5b16d?auto=format&#038;fit=crop&#038;w=900&#038;q=80\" alt=\"Dr John William\">\n              <div class=\"phd-rating\"><span>\u2605<\/span> 0<\/div>\n            <\/div>\n            <div class=\"phd-body\">\n              <div class=\"phd-topline\">\n                <span class=\"phd-specialty\">Cardiologist<\/span>\n                <span class=\"phd-status\"><span class=\"phd-dot\"><\/span> Available<\/span>\n              <\/div>\n\n              <h3>Dr John William<\/h3>\n\n              <div class=\"phd-divider\"><\/div>\n\n              <div class=\"phd-bottom\">\n                <div class=\"phd-fee\">\n                  <span class=\"phd-fee-label\">Consultation Fees<\/span>\n                  <strong>$999.00<\/strong>\n                <\/div>\n\n                <a href=\"#\" class=\"phd-btn\">\n                  <span class=\"phd-btn-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                      <rect x=\"4\" y=\"5\" width=\"16\" height=\"15\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                      <path d=\"M8 3V7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                      <path d=\"M16 3V7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                      <path d=\"M4 10H20\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                    <\/svg>\n                  <\/span>\n                  Book Now\n                <\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- CARD 3 -->\n          <div class=\"phd-card\">\n            <div class=\"phd-image-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1594824476967-48c8b964273f?auto=format&#038;fit=crop&#038;w=900&#038;q=80\" alt=\"Dr Ruby Perrin\">\n              <div class=\"phd-rating\"><span>\u2605<\/span> 0<\/div>\n            <\/div>\n            <div class=\"phd-body\">\n              <div class=\"phd-topline\">\n                <span class=\"phd-specialty\">&nbsp;<\/span>\n                <span class=\"phd-status\"><span class=\"phd-dot\"><\/span> Available<\/span>\n              <\/div>\n\n              <h3>Dr Ruby Perrin<\/h3>\n\n              <div class=\"phd-divider\"><\/div>\n\n              <div class=\"phd-bottom\">\n                <div class=\"phd-fee\">\n                  <span class=\"phd-fee-label\">Consultation Fees<\/span>\n                  <strong>$200.00<\/strong>\n                <\/div>\n\n                <a href=\"#\" class=\"phd-btn\">\n                  <span class=\"phd-btn-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                      <rect x=\"4\" y=\"5\" width=\"16\" height=\"15\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                      <path d=\"M8 3V7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                      <path d=\"M16 3V7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                      <path d=\"M4 10H20\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                    <\/svg>\n                  <\/span>\n                  Book Now\n                <\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- CARD 4 -->\n          <div class=\"phd-card\">\n            <div class=\"phd-image-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1537368910025-700350fe46c7?auto=format&#038;fit=crop&#038;w=900&#038;q=80\" alt=\"Darren Elder\">\n              <div class=\"phd-rating\"><span>\u2605<\/span> 4.67<\/div>\n            <\/div>\n            <div class=\"phd-body\">\n              <div class=\"phd-topline\">\n                <span class=\"phd-specialty\">Cardiologist<\/span>\n                <span class=\"phd-status\"><span class=\"phd-dot\"><\/span> Available<\/span>\n              <\/div>\n\n              <h3>Darren Elder<\/h3>\n\n              <div class=\"phd-divider\"><\/div>\n\n              <div class=\"phd-bottom\">\n                <div class=\"phd-fee\">\n                  <span class=\"phd-fee-label\">Consultation Fees<\/span>\n                  <strong>$150.00<\/strong>\n                <\/div>\n\n                <a href=\"#\" class=\"phd-btn\">\n                  <span class=\"phd-btn-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                      <rect x=\"4\" y=\"5\" width=\"16\" height=\"15\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                      <path d=\"M8 3V7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                      <path d=\"M16 3V7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                      <path d=\"M4 10H20\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                    <\/svg>\n                  <\/span>\n                  Book Now\n                <\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- CARD 5 -->\n          <div class=\"phd-card\">\n            <div class=\"phd-image-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1651008376811-b90baee60c1f?auto=format&#038;fit=crop&#038;w=900&#038;q=80\" alt=\"Dr Emma Lewis\">\n              <div class=\"phd-rating\"><span>\u2605<\/span> 4.92<\/div>\n            <\/div>\n            <div class=\"phd-body\">\n              <div class=\"phd-topline\">\n                <span class=\"phd-specialty\">Dermatologist<\/span>\n                <span class=\"phd-status\"><span class=\"phd-dot\"><\/span> Available<\/span>\n              <\/div>\n\n              <h3>Dr Emma Lewis<\/h3>\n\n              <div class=\"phd-divider\"><\/div>\n\n              <div class=\"phd-bottom\">\n                <div class=\"phd-fee\">\n                  <span class=\"phd-fee-label\">Consultation Fees<\/span>\n                  <strong>$180.00<\/strong>\n                <\/div>\n\n                <a href=\"#\" class=\"phd-btn\">\n                  <span class=\"phd-btn-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                      <rect x=\"4\" y=\"5\" width=\"16\" height=\"15\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                      <path d=\"M8 3V7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                      <path d=\"M16 3V7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                      <path d=\"M4 10H20\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                    <\/svg>\n                  <\/span>\n                  Book Now\n                <\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <button class=\"phd-arrow phd-next\" aria-label=\"Next\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\">\n          <path d=\"M9 6L15 12L9 18\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/button>\n    <\/div>\n\n    <div class=\"phd-controls\">\n      <button class=\"phd-control phd-prev\" aria-label=\"Previous\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\">\n          <path d=\"M15 6L9 12L15 18\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/button>\n      <button class=\"phd-control phd-next\" aria-label=\"Next\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\">\n          <path d=\"M9 6L15 12L9 18\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/button>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<style>\n  .phd-section,\n  .phd-section *{\n    box-sizing:border-box;\n    font-family:Arial, Helvetica, sans-serif;\n  }\n\n  .phd-section{\n    width:100%;\n    padding:70px 20px 44px;\n    background:#f5f7fb;\n    overflow:hidden;\n  }\n\n  .phd-container{\n    max-width:1220px;\n    margin:0 auto;\n    text-align:center;\n  }\n\n  .phd-tag{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    padding:10px 20px;\n    border-radius:999px;\n    background:linear-gradient(90deg,#1e88ff 0%, #1474ea 100%);\n    color:#fff;\n    font-size:17px;\n    font-weight:600;\n    line-height:1;\n    box-shadow:0 10px 18px rgba(30,136,255,.18);\n    margin-bottom:20px;\n  }\n\n  .phd-title{\n    margin:0 0 34px;\n    color:#202b49;\n    font-size:52px;\n    line-height:1.08;\n    font-weight:800;\n    letter-spacing:-1px;\n  }\n\n  .phd-slider-wrap{\n    position:relative;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    gap:14px;\n  }\n\n  .phd-viewport{\n    width:100%;\n    overflow:hidden;\n  }\n\n  .phd-track{\n    display:flex;\n    gap:20px;\n    transition:transform .55s ease;\n    will-change:transform;\n  }\n\n  .phd-card{\n    flex:0 0 calc((100% - 60px) \/ 4);\n    min-width:0;\n    background:#fff;\n    border:1px solid #e7ebf3;\n    border-radius:12px;\n    overflow:hidden;\n    box-shadow:0 8px 20px rgba(20,35,70,.05);\n    transition:transform .25s ease, box-shadow .25s ease;\n    text-align:left;\n  }\n\n  .phd-card:hover{\n    transform:translateY(-6px);\n    box-shadow:0 16px 30px rgba(20,35,70,.10);\n  }\n\n  .phd-image-wrap{\n    position:relative;\n    height:224px;\n    overflow:hidden;\n    background:#eef2f8;\n  }\n\n  .phd-image-wrap img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    display:block;\n  }\n\n  .phd-rating{\n    position:absolute;\n    top:12px;\n    left:12px;\n    display:inline-flex;\n    align-items:center;\n    gap:5px;\n    background:#f4661b;\n    color:#fff;\n    font-size:12px;\n    font-weight:700;\n    line-height:1;\n    padding:5px 8px;\n    border-radius:4px;\n    box-shadow:0 8px 14px rgba(244,102,27,.22);\n  }\n\n  .phd-rating span{\n    font-size:12px;\n    line-height:1;\n  }\n\n  .phd-body{\n    padding:12px 14px 16px;\n  }\n\n  .phd-topline{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:8px;\n    margin-bottom:10px;\n    position:relative;\n    padding-left:12px;\n  }\n\n  .phd-topline::before{\n    content:\"\";\n    position:absolute;\n    left:0;\n    top:0;\n    bottom:0;\n    width:2px;\n    background:#4a58ff;\n    border-radius:2px;\n  }\n\n  .phd-specialty{\n    color:#3953e8;\n    font-size:14px;\n    font-weight:500;\n    line-height:1.2;\n    min-height:18px;\n  }\n\n  .phd-status{\n    display:inline-flex;\n    align-items:center;\n    gap:5px;\n    background:#edf7ef;\n    color:#35a853;\n    font-size:12px;\n    font-weight:700;\n    padding:4px 8px;\n    border-radius:5px;\n    white-space:nowrap;\n  }\n\n  .phd-dot{\n    width:6px;\n    height:6px;\n    border-radius:50%;\n    background:#35c759;\n    display:inline-block;\n  }\n\n  .phd-body h3{\n    margin:0 0 14px;\n    color:#232d48;\n    font-size:18px;\n    line-height:1.25;\n    font-weight:700;\n    min-height:45px;\n  }\n\n  .phd-divider{\n    width:100%;\n    border-top:1px dashed #e4e8f0;\n    margin:0 0 14px;\n  }\n\n  .phd-bottom{\n    display:flex;\n    align-items:flex-end;\n    justify-content:space-between;\n    gap:12px;\n  }\n\n  .phd-fee{\n    display:flex;\n    flex-direction:column;\n    gap:4px;\n  }\n\n  .phd-fee-label{\n    color:#7a859d;\n    font-size:13px;\n    line-height:1.2;\n  }\n\n  .phd-fee strong{\n    color:#ff5a00;\n    font-size:18px;\n    line-height:1;\n    font-weight:800;\n  }\n\n  .phd-btn{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:8px;\n    min-width:104px;\n    height:34px;\n    padding:0 14px;\n    border-radius:999px;\n    background:#20242f;\n    color:#fff;\n    text-decoration:none;\n    font-size:14px;\n    font-weight:600;\n    line-height:1;\n    transition:all .2s ease;\n    box-shadow:0 8px 16px rgba(32,36,47,.16);\n    white-space:nowrap;\n  }\n\n  .phd-btn:hover{\n    background:#11151d;\n    transform:translateY(-1px);\n  }\n\n  .phd-btn-icon{\n    width:14px;\n    height:14px;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    color:#fff;\n    flex:0 0 14px;\n  }\n\n  .phd-btn-icon svg{\n    width:100%;\n    height:100%;\n    display:block;\n  }\n\n  .phd-arrow{\n    width:44px;\n    height:44px;\n    border:none;\n    border-radius:50%;\n    background:#eef4fb;\n    color:#27406a;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    cursor:pointer;\n    flex:0 0 44px;\n    box-shadow:0 8px 16px rgba(39,64,106,.08);\n    transition:.2s ease;\n  }\n\n  .phd-arrow:hover{\n    background:#e4eefb;\n    transform:translateY(-2px);\n  }\n\n  .phd-arrow svg{\n    width:20px;\n    height:20px;\n  }\n\n  .phd-controls{\n    display:flex;\n    justify-content:center;\n    gap:12px;\n    margin-top:28px;\n  }\n\n  .phd-control{\n    width:42px;\n    height:42px;\n    border:none;\n    border-radius:50%;\n    background:#eef4fb;\n    color:#27406a;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    cursor:pointer;\n    transition:.2s ease;\n  }\n\n  .phd-control:hover{\n    background:#e4eefb;\n    transform:translateY(-2px);\n  }\n\n  .phd-control svg{\n    width:18px;\n    height:18px;\n  }\n\n  @media (max-width: 1100px){\n    .phd-title{\n      font-size:42px;\n    }\n\n    .phd-card{\n      flex:0 0 calc((100% - 20px) \/ 2);\n    }\n  }\n\n  @media (max-width: 767px){\n    .phd-section{\n      padding:50px 14px 30px;\n    }\n\n    .phd-tag{\n      font-size:14px;\n      padding:9px 16px;\n      margin-bottom:16px;\n    }\n\n    .phd-title{\n      font-size:30px;\n      margin-bottom:24px;\n    }\n\n    .phd-slider-wrap{\n      gap:8px;\n    }\n\n    .phd-arrow{\n      display:none;\n    }\n\n    .phd-track{\n      gap:14px;\n    }\n\n    .phd-card{\n      flex:0 0 100%;\n    }\n\n    .phd-image-wrap{\n      height:220px;\n    }\n\n    .phd-body h3{\n      min-height:auto;\n    }\n\n    .phd-bottom{\n      align-items:flex-start;\n      flex-direction:column;\n    }\n\n    .phd-btn{\n      width:100%;\n    }\n  }\n<\/style>\n\n<script>\n  (function(){\n    const viewport = document.getElementById('phdViewport');\n    const track = document.getElementById('phdTrack');\n    const prevBtns = document.querySelectorAll('.phd-prev');\n    const nextBtns = document.querySelectorAll('.phd-next');\n    const cards = Array.from(track.children);\n\n    if(!viewport || !track || !cards.length) return;\n\n    let index = 0;\n\n    function getVisibleCount(){\n      const width = window.innerWidth;\n      if(width <= 767) return 1;\n      if(width <= 1100) return 2;\n      return 4;\n    }\n\n    function getStep(){\n      const card = cards[0];\n      const gap = parseInt(getComputedStyle(track).gap || 20, 10);\n      return card.offsetWidth + gap;\n    }\n\n    function getMaxIndex(){\n      return Math.max(0, cards.length - getVisibleCount());\n    }\n\n    function updateSlider(){\n      const max = getMaxIndex();\n      if(index > max) index = max;\n      if(index < 0) index = 0;\n      track.style.transform = `translateX(-${index * getStep()}px)`;\n    }\n\n    prevBtns.forEach(btn => {\n      btn.addEventListener('click', function(){\n        index--;\n        if(index < 0) index = 0;\n        updateSlider();\n      });\n    });\n\n    nextBtns.forEach(btn => {\n      btn.addEventListener('click', function(){\n        index++;\n        const max = getMaxIndex();\n        if(index > max) index = max;\n        updateSlider();\n      });\n    });\n\n    window.addEventListener('resize', updateSlider);\n    updateSlider();\n  })();\n<\/script>\n\n\n\n\n<div class=\"ph-marquee-bar\">\n  <div class=\"ph-marquee-track\">\n    <div class=\"ph-marquee-group\">\n      <a href=\"#\" class=\"ph-marquee-item\">Hospitals &amp; Clinics<\/a>\n      <span class=\"ph-marquee-sep\"><\/span>\n\n      <a href=\"#\" class=\"ph-marquee-item\">Health Care Services<\/a>\n      <span class=\"ph-marquee-sep\"><\/span>\n\n      <a href=\"#\" class=\"ph-marquee-item\">Talk to Doctors<\/a>\n      <span class=\"ph-marquee-sep\"><\/span>\n\n      <a href=\"#\" class=\"ph-marquee-item\">Home Care Services<\/a>\n      <span class=\"ph-marquee-sep\"><\/span>\n\n      <a href=\"#\" class=\"ph-marquee-item\">Multi Speciality Treatments &amp; Doctors<\/a>\n      <span class=\"ph-marquee-sep\"><\/span>\n\n      <a href=\"#\" class=\"ph-marquee-item\">Lab Testing Services<\/a>\n      <span class=\"ph-marquee-sep\"><\/span>\n\n      <a href=\"#\" class=\"ph-marquee-item\">Medecines &amp; Supplies<\/a>\n      <span class=\"ph-marquee-sep\"><\/span>\n    <\/div>\n\n    <!-- duplicate for infinite loop -->\n    <div class=\"ph-marquee-group\" aria-hidden=\"true\">\n      <a href=\"#\" class=\"ph-marquee-item\">Hospitals &amp; Clinics<\/a>\n      <span class=\"ph-marquee-sep\"><\/span>\n\n      <a href=\"#\" class=\"ph-marquee-item\">Health Care Services<\/a>\n      <span class=\"ph-marquee-sep\"><\/span>\n\n      <a href=\"#\" class=\"ph-marquee-item\">Talk to Doctors<\/a>\n      <span class=\"ph-marquee-sep\"><\/span>\n\n      <a href=\"#\" class=\"ph-marquee-item\">Home Care Services<\/a>\n      <span class=\"ph-marquee-sep\"><\/span>\n\n      <a href=\"#\" class=\"ph-marquee-item\">Multi Speciality Treatments &amp; Doctors<\/a>\n      <span class=\"ph-marquee-sep\"><\/span>\n\n      <a href=\"#\" class=\"ph-marquee-item\">Lab Testing Services<\/a>\n      <span class=\"ph-marquee-sep\"><\/span>\n\n      <a href=\"#\" class=\"ph-marquee-item\">Medecines &amp; Supplies<\/a>\n      <span class=\"ph-marquee-sep\"><\/span>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .ph-marquee-bar,\n  .ph-marquee-bar *{\n    box-sizing:border-box;\n    font-family:Arial, Helvetica, sans-serif;\n  }\n\n  .ph-marquee-bar{\n    width:100%;\n    overflow:hidden;\n    background:linear-gradient(90deg,#1f7cff 0%, #0fb8d8 100%);\n    border-top:1px solid rgba(255,255,255,.18);\n    border-bottom:1px solid rgba(255,255,255,.18);\n    position:relative;\n  }\n\n  .ph-marquee-track{\n    width:max-content;\n    display:flex;\n    align-items:center;\n    animation:phMarqueeMove 30s linear infinite;\n    will-change:transform;\n  }\n\n  .ph-marquee-group{\n    display:flex;\n    align-items:center;\n    flex-shrink:0;\n    white-space:nowrap;\n    padding:18px 0;\n  }\n\n  .ph-marquee-item{\n    display:inline-flex;\n    align-items:center;\n    color:#ffffff;\n    text-decoration:none;\n    font-size:18px;\n    font-weight:600;\n    line-height:1;\n    padding:0 26px;\n    transition:opacity .2s ease, transform .2s ease;\n  }\n\n  .ph-marquee-item:hover{\n    opacity:.9;\n    transform:translateY(-1px);\n  }\n\n  .ph-marquee-sep{\n    width:54px;\n    height:2px;\n    border-radius:999px;\n    background:rgba(255,255,255,.45);\n    display:inline-block;\n    flex:0 0 54px;\n  }\n\n  .ph-marquee-bar:hover .ph-marquee-track{\n    animation-play-state:paused;\n  }\n\n  @keyframes phMarqueeMove{\n    0%{\n      transform:translateX(0);\n    }\n    100%{\n      transform:translateX(-50%);\n    }\n  }\n\n  @media (max-width: 991px){\n    .ph-marquee-group{\n      padding:15px 0;\n    }\n\n    .ph-marquee-item{\n      font-size:16px;\n      padding:0 20px;\n    }\n\n    .ph-marquee-sep{\n      width:40px;\n      flex-basis:40px;\n    }\n  }\n\n  @media (max-width: 767px){\n    .ph-marquee-item{\n      font-size:14px;\n      padding:0 16px;\n    }\n\n    .ph-marquee-sep{\n      width:28px;\n      flex-basis:28px;\n      height:2px;\n    }\n  }\n<\/style>\n\n\n\n\n<div class=\"phr-section\">\n  <div class=\"phr-container\">\n    <div class=\"phr-tag\">\u2022 Compelling Reasons to Choose \u2022<\/div>\n    <h2 class=\"phr-title\">Appliance<\/h2>\n\n    <div class=\"phr-grid\">\n      <!-- ITEM 1 -->\n      <div class=\"phr-item\">\n        <div class=\"phr-head\">\n          <span class=\"phr-icon phr-icon-orange\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M12 21c-1.8-1.5-6-4.8-6-9.2A4.2 4.2 0 0110.2 7c.8 0 1.5.2 1.8.7.3-.5 1-.7 1.8-.7A4.2 4.2 0 0118 11.8c0 4.4-4.2 7.7-6 9.2z\" fill=\"currentColor\"\/>\n            <\/svg>\n          <\/span>\n          <h3>Follow-Up Care<\/h3>\n        <\/div>\n        <p>\n          We ensure continuity of care through regular follow-ups and communication,\n          helping you stay on track with health goals.\n        <\/p>\n      <\/div>\n\n      <!-- ITEM 2 -->\n      <div class=\"phr-item\">\n        <div class=\"phr-head\">\n          <span class=\"phr-icon phr-icon-purple\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n              <path d=\"M8 12h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <path d=\"M12 8v8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <path d=\"M9 9v6M15 9v6\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" opacity=\".65\"\/>\n            <\/svg>\n          <\/span>\n          <h3>Patient-Centered Approach<\/h3>\n        <\/div>\n        <p>\n          We prioritize your comfort and preferences, tailoring our services to meet\n          your individual needs and Care from Our Experts\n        <\/p>\n      <\/div>\n\n      <!-- ITEM 3 -->\n      <div class=\"phr-item\">\n        <div class=\"phr-head\">\n          <span class=\"phr-icon phr-icon-dark\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <rect x=\"5\" y=\"8\" width=\"14\" height=\"11\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n              <path d=\"M9 5v4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <path d=\"M15 5v4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <path d=\"M8 13h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <path d=\"M12 9v8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" opacity=\".0\"\/>\n            <\/svg>\n          <\/span>\n          <h3>Convenient Access<\/h3>\n        <\/div>\n        <p>\n          Easily book appointments online or through our dedicated customer service\n          team, with flexible hours to fit your schedule.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .phr-section,\n  .phr-section *{\n    box-sizing:border-box;\n    font-family:Arial, Helvetica, sans-serif;\n  }\n\n  .phr-section{\n    width:100%;\n    background:#f5f5f6;\n    padding:38px 24px 56px;\n  }\n\n  .phr-container{\n    max-width:1380px;\n    margin:0 auto;\n    text-align:center;\n  }\n\n  .phr-tag{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    padding:10px 22px;\n    border-radius:999px;\n    background:linear-gradient(90deg,#1f87ff 0%, #1474ea 100%);\n    color:#fff;\n    font-size:18px;\n    font-weight:600;\n    line-height:1;\n    box-shadow:0 10px 20px rgba(31,135,255,.18);\n    margin-bottom:18px;\n  }\n\n  .phr-title{\n    margin:0 0 48px;\n    color:#222c49;\n    font-size:64px;\n    line-height:1.05;\n    font-weight:800;\n    letter-spacing:-1.4px;\n  }\n\n  .phr-grid{\n    display:grid;\n    grid-template-columns:repeat(3, 1fr);\n    gap:0;\n    text-align:left;\n    background:transparent;\n  }\n\n  .phr-item{\n    padding:30px 26px 26px;\n    min-height:190px;\n    border-left:1px dashed #d7d9de;\n  }\n\n  .phr-item:last-child{\n    border-right:1px dashed #d7d9de;\n  }\n\n  .phr-head{\n    display:flex;\n    align-items:center;\n    gap:12px;\n    margin-bottom:18px;\n  }\n\n  .phr-head h3{\n    margin:0;\n    color:#29314c;\n    font-size:29px;\n    line-height:1.2;\n    font-weight:700;\n    letter-spacing:-0.3px;\n  }\n\n  .phr-icon{\n    width:22px;\n    height:22px;\n    flex:0 0 22px;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n  }\n\n  .phr-icon svg{\n    width:100%;\n    height:100%;\n    display:block;\n  }\n\n  .phr-icon-orange{\n    color:#f4661b;\n  }\n\n  .phr-icon-purple{\n    color:#6857ff;\n  }\n\n  .phr-icon-dark{\n    color:#2c2f36;\n  }\n\n  .phr-item p{\n    margin:0;\n    color:#6f778a;\n    font-size:22px;\n    line-height:1.55;\n    max-width:92%;\n  }\n\n  @media (max-width: 1200px){\n    .phr-title{\n      font-size:48px;\n    }\n\n    .phr-head h3{\n      font-size:24px;\n    }\n\n    .phr-item p{\n      font-size:18px;\n      max-width:100%;\n    }\n  }\n\n  @media (max-width: 900px){\n    .phr-grid{\n      grid-template-columns:1fr;\n    }\n\n    .phr-item{\n      border-left:none;\n      border-right:none !important;\n      border-top:1px dashed #d7d9de;\n      padding:24px 8px 24px;\n      min-height:auto;\n    }\n\n    .phr-item:first-child{\n      border-top:none;\n    }\n\n    .phr-title{\n      font-size:38px;\n      margin-bottom:28px;\n    }\n\n    .phr-head h3{\n      font-size:22px;\n    }\n\n    .phr-item p{\n      font-size:17px;\n      line-height:1.6;\n    }\n  }\n\n  @media (max-width: 767px){\n    .phr-section{\n      padding:28px 16px 38px;\n    }\n\n    .phr-tag{\n      font-size:14px;\n      padding:9px 16px;\n      margin-bottom:14px;\n    }\n\n    .phr-title{\n      font-size:30px;\n    }\n\n    .phr-head{\n      gap:10px;\n      margin-bottom:12px;\n    }\n\n    .phr-head h3{\n      font-size:20px;\n    }\n\n    .phr-icon{\n      width:20px;\n      height:20px;\n      flex-basis:20px;\n    }\n\n    .phr-item p{\n      font-size:16px;\n    }\n  }\n<\/style>\n\n\n\n\n<div class=\"pwb-section\">\n  <div class=\"pwb-container\">\n\n    <div class=\"pwb-top\">\n      <!-- LEFT IMAGES -->\n      <div class=\"pwb-gallery\">\n        <div class=\"pwb-gallery-large\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1584515933487-779824d29309?auto=format&#038;fit=crop&#038;w=1200&#038;q=80\" alt=\"Healthcare team\">\n        <\/div>\n\n        <div class=\"pwb-gallery-row\">\n          <div class=\"pwb-gallery-small\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1666214280557-f1b5022eb634?auto=format&#038;fit=crop&#038;w=900&#038;q=80\" alt=\"Doctor with patient\">\n          <\/div>\n          <div class=\"pwb-gallery-small\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1579154204601-01588f351e67?auto=format&#038;fit=crop&#038;w=900&#038;q=80\" alt=\"Lab samples\">\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- RIGHT CONTENT -->\n      <div class=\"pwb-content\">\n        <div class=\"pwb-tag\">\u2022 Why Book With Us \u2022<\/div>\n\n        <h2 class=\"pwb-title\">\n          We are committed to understanding\n          your <span>unique needs and delivering care<\/span>\n        <\/h2>\n\n        <p class=\"pwb-text\">\n          As a trusted healthAs a trusted healthcare provider in our community, we are\n          passionate about promoting health and wellness beyond the clinic. We actively\n          engage in community outreach programs, health fairs, and educational workshop.\n        <\/p>\n\n        <div class=\"pwb-accordion\" id=\"pwbAccordion\">\n          <div class=\"pwb-acc-item active\">\n            <button class=\"pwb-acc-btn\" type=\"button\">\n              <span class=\"pwb-acc-title\">01. Our Vision<\/span>\n              <span class=\"pwb-acc-icon\">\u2212<\/span>\n            <\/button>\n            <div class=\"pwb-acc-panel\">\n              <p>\n                We envision a community where everyone has access to high-quality\n                healthcare and the resources they need to lead healthy, fulfilling lives.\n              <\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"pwb-acc-item\">\n            <button class=\"pwb-acc-btn\" type=\"button\">\n              <span class=\"pwb-acc-title\">02. Our Mission<\/span>\n              <span class=\"pwb-acc-icon\">+<\/span>\n            <\/button>\n            <div class=\"pwb-acc-panel\">\n              <p>\n                Our mission is to provide compassionate, accessible, and patient-centered\n                healthcare services supported by innovation, trust, and clinical excellence.\n              <\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- BOTTOM STEPS -->\n    <div class=\"pwb-steps\">\n      <div class=\"pwb-step\">\n        <div class=\"pwb-step-icon pwb-blue\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <circle cx=\"11\" cy=\"11\" r=\"6\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n            <path d=\"M20 20L16.6 16.6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Search For Doctors<\/h3>\n        <p>\n          Search for a doctor based on specialization,\n          location, or availability for your Treatements\n        <\/p>\n      <\/div>\n\n      <div class=\"pwb-wave\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 140 24\" fill=\"none\" preserveAspectRatio=\"none\">\n          <path d=\"M2 10C20 10 20 22 38 22C56 22 56 4 74 4C92 4 92 18 110 18C122 18 130 10 138 10\" stroke=\"rgba(16,114,255,.35)\" stroke-width=\"2.2\" stroke-dasharray=\"3 6\" stroke-linecap=\"round\"\/>\n          <path d=\"M132 10L138 10L138 16\" stroke=\"rgba(16,114,255,.35)\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\n        <\/svg>\n      <\/div>\n\n      <div class=\"pwb-step\">\n        <div class=\"pwb-step-icon pwb-orange\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <rect x=\"6\" y=\"4\" width=\"12\" height=\"16\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n            <circle cx=\"12\" cy=\"15\" r=\"1.4\" fill=\"currentColor\"\/>\n            <path d=\"M10 8H14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Check Doctor Profile<\/h3>\n        <p>\n          Explore detailed doctor profiles on our\n          platform to make informed healthcare decisions.\n        <\/p>\n      <\/div>\n\n      <div class=\"pwb-wave\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 140 24\" fill=\"none\" preserveAspectRatio=\"none\">\n          <path d=\"M2 10C20 10 20 22 38 22C56 22 56 4 74 4C92 4 92 18 110 18C122 18 130 10 138 10\" stroke=\"rgba(16,114,255,.35)\" stroke-width=\"2.2\" stroke-dasharray=\"3 6\" stroke-linecap=\"round\"\/>\n          <path d=\"M132 10L138 10L138 16\" stroke=\"rgba(16,114,255,.35)\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\n        <\/svg>\n      <\/div>\n\n      <div class=\"pwb-step\">\n        <div class=\"pwb-step-icon pwb-cyan\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <rect x=\"4\" y=\"6\" width=\"16\" height=\"14\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n            <path d=\"M8 3V8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <path d=\"M16 3V8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <path d=\"M4 10H20\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n            <path d=\"M9 14H12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <path d=\"M12 14V17\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Schedule Appointment<\/h3>\n        <p>\n          After choose your preferred doctor, select a\n          convenient time slot, &amp; confirm your appointment.\n        <\/p>\n      <\/div>\n\n      <div class=\"pwb-wave\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 140 24\" fill=\"none\" preserveAspectRatio=\"none\">\n          <path d=\"M2 10C20 10 20 22 38 22C56 22 56 4 74 4C92 4 92 18 110 18C122 18 130 10 138 10\" stroke=\"rgba(16,114,255,.35)\" stroke-width=\"2.2\" stroke-dasharray=\"3 6\" stroke-linecap=\"round\"\/>\n          <path d=\"M132 10L138 10L138 16\" stroke=\"rgba(16,114,255,.35)\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\n        <\/svg>\n      <\/div>\n\n      <div class=\"pwb-step\">\n        <div class=\"pwb-step-icon pwb-purple\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <circle cx=\"9\" cy=\"12\" r=\"4\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n            <path d=\"M13 12H18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <path d=\"M16 9L19 12L16 15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Get Your Solution<\/h3>\n        <p>\n          Discuss your health concerns with the doctor\n          and receive the personalized advice &amp; with solution.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<style>\n  .pwb-section,\n  .pwb-section *{\n    box-sizing:border-box;\n    font-family:Arial, Helvetica, sans-serif;\n  }\n\n  .pwb-section{\n    width:100%;\n    background:#031b49;\n    padding:50px 28px 48px;\n    color:#fff;\n    border-radius:0;\n    overflow:hidden;\n  }\n\n  .pwb-container{\n    max-width:1220px;\n    margin:0 auto;\n  }\n\n  .pwb-top{\n    display:grid;\n    grid-template-columns:1.02fr 1.15fr;\n    gap:42px;\n    align-items:start;\n  }\n\n  .pwb-gallery-large,\n  .pwb-gallery-small{\n    overflow:hidden;\n    border-radius:12px;\n    background:#0c295f;\n    box-shadow:0 10px 28px rgba(0,0,0,.18);\n  }\n\n  .pwb-gallery-large{\n    margin-bottom:12px;\n    height:250px;\n  }\n\n  .pwb-gallery-row{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:12px;\n  }\n\n  .pwb-gallery-small{\n    height:190px;\n  }\n\n  .pwb-gallery img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    display:block;\n  }\n\n  .pwb-tag{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    padding:10px 18px;\n    border-radius:999px;\n    background:linear-gradient(90deg,#1d8cff 0%, #1274ea 100%);\n    color:#fff;\n    font-size:16px;\n    font-weight:700;\n    line-height:1;\n    margin-bottom:18px;\n    box-shadow:0 10px 20px rgba(16,114,255,.18);\n  }\n\n  .pwb-title{\n    margin:0 0 14px;\n    color:#ffffff;\n    font-size:34px;\n    line-height:1.12;\n    font-weight:800;\n    letter-spacing:-0.8px;\n    max-width:680px;\n  }\n\n  .pwb-title span{\n    color:#11b9ff;\n  }\n\n  .pwb-text{\n    margin:0 0 18px;\n    color:rgba(255,255,255,.82);\n    font-size:15px;\n    line-height:1.6;\n    max-width:690px;\n  }\n\n  .pwb-accordion{\n    margin-top:12px;\n  }\n\n  .pwb-acc-item{\n    border:1px solid rgba(73,114,196,.35);\n    background:rgba(4,30,78,.5);\n    border-radius:10px;\n    overflow:hidden;\n    margin-bottom:14px;\n    transition:border-color .2s ease, background .2s ease;\n  }\n\n  .pwb-acc-item.active{\n    border-color:rgba(45,134,255,.52);\n    background:rgba(4,34,90,.6);\n  }\n\n  .pwb-acc-btn{\n    width:100%;\n    border:none;\n    background:transparent;\n    color:#fff;\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:16px;\n    padding:16px 16px;\n    cursor:pointer;\n    text-align:left;\n  }\n\n  .pwb-acc-title{\n    font-size:17px;\n    line-height:1.3;\n    font-weight:700;\n    color:#ffffff;\n  }\n\n  .pwb-acc-icon{\n    width:22px;\n    height:22px;\n    border-radius:5px;\n    background:#1380ff;\n    color:#fff;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    font-size:18px;\n    font-weight:700;\n    line-height:1;\n    flex:0 0 22px;\n  }\n\n  .pwb-acc-panel{\n    max-height:0;\n    overflow:hidden;\n    transition:max-height .28s ease;\n  }\n\n  .pwb-acc-item.active .pwb-acc-panel{\n    max-height:180px;\n  }\n\n  .pwb-acc-panel p{\n    margin:0;\n    padding:0 16px 16px;\n    color:rgba(255,255,255,.84);\n    font-size:15px;\n    line-height:1.55;\n    max-width:660px;\n  }\n\n  .pwb-steps{\n    margin-top:48px;\n    display:grid;\n    grid-template-columns:1fr 120px 1fr 120px 1fr 120px 1fr;\n    align-items:start;\n  }\n\n  .pwb-step{\n    text-align:center;\n  }\n\n  .pwb-step-icon{\n    width:46px;\n    height:46px;\n    border-radius:10px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    margin:0 auto 18px;\n    color:#fff;\n    box-shadow:0 10px 22px rgba(0,0,0,.18);\n  }\n\n  .pwb-step-icon svg{\n    width:22px;\n    height:22px;\n    display:block;\n  }\n\n  .pwb-blue{ background:#2d8cff; }\n  .pwb-orange{ background:#f56a19; }\n  .pwb-cyan{ background:#22c3f3; }\n  .pwb-purple{ background:#4a46e8; }\n\n  .pwb-step h3{\n    margin:0 0 10px;\n    color:#fff;\n    font-size:16px;\n    line-height:1.3;\n    font-weight:700;\n  }\n\n  .pwb-step p{\n    margin:0 auto;\n    color:rgba(255,255,255,.82);\n    font-size:13px;\n    line-height:1.55;\n    max-width:260px;\n  }\n\n  .pwb-wave{\n    display:flex;\n    align-items:flex-start;\n    justify-content:center;\n    padding-top:34px;\n  }\n\n  .pwb-wave svg{\n    width:100%;\n    height:28px;\n    display:block;\n  }\n\n  @media (max-width: 1100px){\n    .pwb-top{\n      grid-template-columns:1fr;\n      gap:28px;\n    }\n\n    .pwb-title{\n      font-size:30px;\n      max-width:none;\n    }\n\n    .pwb-steps{\n      grid-template-columns:1fr 1fr;\n      gap:28px 18px;\n    }\n\n    .pwb-wave{\n      display:none;\n    }\n\n    .pwb-step p{\n      max-width:100%;\n    }\n  }\n\n  @media (max-width: 767px){\n    .pwb-section{\n      padding:34px 16px 34px;\n    }\n\n    .pwb-gallery-large{\n      height:210px;\n    }\n\n    .pwb-gallery-row{\n      grid-template-columns:1fr;\n    }\n\n    .pwb-gallery-small{\n      height:180px;\n    }\n\n    .pwb-tag{\n      font-size:14px;\n      padding:9px 14px;\n      margin-bottom:14px;\n    }\n\n    .pwb-title{\n      font-size:26px;\n    }\n\n    .pwb-text{\n      font-size:14px;\n    }\n\n    .pwb-acc-title{\n      font-size:16px;\n    }\n\n    .pwb-acc-panel p{\n      font-size:14px;\n    }\n\n    .pwb-steps{\n      grid-template-columns:1fr;\n      gap:26px;\n      margin-top:34px;\n    }\n\n    .pwb-step-icon{\n      margin-bottom:14px;\n    }\n\n    .pwb-step h3{\n      font-size:15px;\n    }\n\n    .pwb-step p{\n      font-size:13px;\n    }\n  }\n<\/style>\n\n<script>\n  (function(){\n    const accordion = document.getElementById('pwbAccordion');\n    if(!accordion) return;\n\n    const items = accordion.querySelectorAll('.pwb-acc-item');\n\n    items.forEach(item => {\n      const btn = item.querySelector('.pwb-acc-btn');\n      const icon = item.querySelector('.pwb-acc-icon');\n\n      btn.addEventListener('click', function(){\n        const isActive = item.classList.contains('active');\n\n        items.forEach(other => {\n          other.classList.remove('active');\n          const otherIcon = other.querySelector('.pwb-acc-icon');\n          if(otherIcon) otherIcon.textContent = '+';\n        });\n\n        if(!isActive){\n          item.classList.add('active');\n          if(icon) icon.textContent = '\u2212';\n        }\n      });\n    });\n  })();\n<\/script>\n\n\n\n\n<div class=\"pts-section\">\n  <div class=\"pts-bg-shape pts-shape-left\"><\/div>\n  <div class=\"pts-bg-shape pts-shape-right\"><\/div>\n\n  <div class=\"pts-container\">\n    <div class=\"pts-tag\">\u2022 Testimonials \u2022<\/div>\n    <h2 class=\"pts-title\">15k Users Trust Doccure Worldwide<\/h2>\n\n    <!-- testimonials -->\n    <div class=\"pts-cards\">\n      <div class=\"pts-card\">\n        <div class=\"pts-card-top\">\n          <div class=\"pts-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <div class=\"pts-quote\">\u275d<\/div>\n        <\/div>\n\n        <h3>Nice Treatment<\/h3>\n        <p>\n          It is a long established fact that a reader will be distracted by the readable\n          content of a page when looking at its layout.Lorem ipsum dolor sit amet\n          consectetur adipisicing elit.\n        <\/p>\n\n        <div class=\"pts-user\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?auto=format&#038;fit=crop&#038;w=120&#038;q=80\" alt=\"Jennifer Robinson\">\n          <span>Jennifer Robinson<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"pts-card\">\n        <div class=\"pts-card-top\">\n          <div class=\"pts-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <div class=\"pts-quote\">\u275d<\/div>\n        <\/div>\n\n        <h3>Good Hospitality<\/h3>\n        <p>\n          It is a long established fact that a reader will be distracted by the readable\n          content of a page when looking at its layout.Lorem ipsum dolor sit amet\n          consectetur adipisicing elit.\n        <\/p>\n\n        <div class=\"pts-user\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?auto=format&#038;fit=crop&#038;w=120&#038;q=80\" alt=\"Denise Stevens\">\n          <span>Denise Stevens<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"pts-card\">\n        <div class=\"pts-card-top\">\n          <div class=\"pts-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <div class=\"pts-quote\">\u275d<\/div>\n        <\/div>\n\n        <h3>Nice Treatment<\/h3>\n        <p>\n          It is a long established fact that a reader will be distracted by the readable\n          content of a page when looking at its layout.Lorem ipsum dolor sit amet\n          consectetur adipisicing elit.\n        <\/p>\n\n        <div class=\"pts-user\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1506794778202-cad84cf45f1d?auto=format&#038;fit=crop&#038;w=120&#038;q=80\" alt=\"Charles Ortega\">\n          <span>Charles Ortega<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- counters -->\n    <div class=\"pts-stats\">\n      <div class=\"pts-stat\">\n        <div class=\"pts-stat-number\">500+<\/div>\n        <div class=\"pts-stat-line pts-green\"><\/div>\n        <div class=\"pts-stat-label\">Doctors Available<\/div>\n      <\/div>\n\n      <div class=\"pts-stat\">\n        <div class=\"pts-stat-number\">18+<\/div>\n        <div class=\"pts-stat-line pts-purple\"><\/div>\n        <div class=\"pts-stat-label\">Specialities<\/div>\n      <\/div>\n\n      <div class=\"pts-stat\">\n        <div class=\"pts-stat-number\">30K<\/div>\n        <div class=\"pts-stat-line pts-violet\"><\/div>\n        <div class=\"pts-stat-label\">Bookings Done<\/div>\n      <\/div>\n\n      <div class=\"pts-stat\">\n        <div class=\"pts-stat-number\">97+<\/div>\n        <div class=\"pts-stat-line pts-pink\"><\/div>\n        <div class=\"pts-stat-label\">Hospitals &amp; Clinic<\/div>\n      <\/div>\n\n      <div class=\"pts-stat\">\n        <div class=\"pts-stat-number\">317+<\/div>\n        <div class=\"pts-stat-line pts-yellow\"><\/div>\n        <div class=\"pts-stat-label\">Lab Tests Available<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .pts-section,\n  .pts-section *{\n    box-sizing:border-box;\n    font-family:Arial, Helvetica, sans-serif;\n  }\n\n  .pts-section{\n    position:relative;\n    width:100%;\n    overflow:hidden;\n    background:linear-gradient(180deg,#edf5ff 0%, #eef4ff 100%);\n    padding:38px 24px 40px;\n  }\n\n  .pts-container{\n    max-width:1220px;\n    margin:0 auto;\n    position:relative;\n    z-index:2;\n    text-align:center;\n  }\n\n  .pts-tag{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    padding:8px 18px;\n    border-radius:999px;\n    background:linear-gradient(90deg,#1f87ff 0%, #1474ea 100%);\n    color:#fff;\n    font-size:14px;\n    font-weight:700;\n    line-height:1;\n    box-shadow:0 10px 18px rgba(31,135,255,.16);\n    margin-bottom:16px;\n  }\n\n  .pts-title{\n    margin:0 0 26px;\n    color:#1f2947;\n    font-size:28px;\n    line-height:1.2;\n    font-weight:800;\n    letter-spacing:-0.4px;\n  }\n\n  .pts-cards{\n    display:grid;\n    grid-template-columns:repeat(3, 1fr);\n    gap:14px;\n    margin-bottom:34px;\n  }\n\n  .pts-card{\n    background:#fff;\n    border-radius:10px;\n    padding:14px 14px 16px;\n    box-shadow:0 10px 22px rgba(28,44,80,.06);\n    text-align:left;\n    transition:transform .22s ease, box-shadow .22s ease;\n  }\n\n  .pts-card:hover{\n    transform:translateY(-4px);\n    box-shadow:0 16px 28px rgba(28,44,80,.10);\n  }\n\n  .pts-card-top{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    margin-bottom:10px;\n  }\n\n  .pts-stars{\n    color:#ffbf00;\n    font-size:16px;\n    letter-spacing:2px;\n    line-height:1;\n  }\n\n  .pts-quote{\n    color:#f4661b;\n    font-size:28px;\n    line-height:1;\n    font-weight:800;\n  }\n\n  .pts-card h3{\n    margin:0 0 8px;\n    color:#24304d;\n    font-size:17px;\n    line-height:1.2;\n    font-weight:700;\n  }\n\n  .pts-card p{\n    margin:0 0 16px;\n    color:#4d5974;\n    font-size:14px;\n    line-height:1.6;\n  }\n\n  .pts-user{\n    display:flex;\n    align-items:center;\n    gap:10px;\n  }\n\n  .pts-user img{\n    width:34px;\n    height:34px;\n    border-radius:50%;\n    object-fit:cover;\n    display:block;\n  }\n\n  .pts-user span{\n    color:#1f2947;\n    font-size:15px;\n    font-weight:700;\n  }\n\n  .pts-stats{\n    display:grid;\n    grid-template-columns:repeat(5, 1fr);\n    gap:18px;\n    align-items:start;\n  }\n\n  .pts-stat{\n    text-align:center;\n  }\n\n  .pts-stat-number{\n    color:#1f2947;\n    font-size:26px;\n    line-height:1;\n    font-weight:800;\n    margin-bottom:6px;\n  }\n\n  .pts-stat-line{\n    width:62px;\n    height:4px;\n    border-radius:999px;\n    margin:0 auto 4px;\n  }\n\n  .pts-green{ background:#20c997; }\n  .pts-purple{ background:#7a3cff; }\n  .pts-violet{ background:#6f42c1; }\n  .pts-pink{ background:#ff4db8; }\n  .pts-yellow{ background:#ffc107; }\n\n  .pts-stat-label{\n    color:#6b7488;\n    font-size:13px;\n    line-height:1.35;\n  }\n\n  .pts-bg-shape{\n    position:absolute;\n    pointer-events:none;\n    z-index:1;\n  }\n\n  .pts-shape-left{\n    width:260px;\n    height:260px;\n    border:2px solid rgba(255,214,153,.55);\n    border-radius:50%;\n    left:-170px;\n    top:110px;\n  }\n\n  .pts-shape-right{\n    width:260px;\n    height:260px;\n    border:2px solid rgba(255,255,255,.85);\n    border-radius:50%;\n    right:-110px;\n    top:-80px;\n  }\n\n  @media (max-width: 1100px){\n    .pts-cards{\n      grid-template-columns:1fr;\n    }\n\n    .pts-stats{\n      grid-template-columns:repeat(3, 1fr);\n      row-gap:20px;\n    }\n  }\n\n  @media (max-width: 767px){\n    .pts-section{\n      padding:28px 14px 30px;\n    }\n\n    .pts-tag{\n      font-size:13px;\n      padding:8px 14px;\n      margin-bottom:12px;\n    }\n\n    .pts-title{\n      font-size:24px;\n      margin-bottom:20px;\n    }\n\n    .pts-card{\n      padding:14px 12px 14px;\n    }\n\n    .pts-card h3{\n      font-size:16px;\n    }\n\n    .pts-card p{\n      font-size:13px;\n    }\n\n    .pts-stats{\n      grid-template-columns:repeat(2, 1fr);\n      gap:16px;\n    }\n\n    .pts-stat-number{\n      font-size:22px;\n    }\n\n    .pts-stat-label{\n      font-size:12px;\n    }\n  }\n<\/style>\n\n\n\n\n<div class=\"pcl-section\">\n  <div class=\"pcl-container\">\n    <h2 class=\"pcl-title\">Trusted by 5+ million people at companies like<\/h2>\n\n    <div class=\"pcl-logos\">\n      <div class=\"pcl-logo\">HubSpot<\/div>\n      <div class=\"pcl-logo\">ClickUp<\/div>\n      <div class=\"pcl-logo\">hotjar<\/div>\n      <div class=\"pcl-logo\">Airtable<\/div>\n      <div class=\"pcl-logo\">pandasuite<\/div>\n      <div class=\"pcl-logo\">pingdom<\/div>\n      <div class=\"pcl-logo\">monday.com<\/div>\n      <div class=\"pcl-logo\">Lattice<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .pcl-section,\n  .pcl-section *{\n    box-sizing:border-box;\n    font-family:Arial, Helvetica, sans-serif;\n  }\n\n  .pcl-section{\n    width:100%;\n    background:#031b49;\n    padding:88px 30px 76px;\n    border-bottom-left-radius:38px;\n    border-bottom-right-radius:38px;\n    overflow:hidden;\n  }\n\n  .pcl-container{\n    max-width:1500px;\n    margin:0 auto;\n    text-align:center;\n  }\n\n  .pcl-title{\n    margin:0 0 54px;\n    color:rgba(255,255,255,.9);\n    font-size:22px;\n    line-height:1.35;\n    font-weight:600;\n    letter-spacing:.1px;\n  }\n\n  .pcl-logos{\n    display:grid;\n    grid-template-columns:repeat(8, 1fr);\n    gap:30px;\n    align-items:center;\n  }\n\n  .pcl-logo{\n    color:#ffffff;\n    font-size:28px;\n    line-height:1;\n    font-weight:700;\n    white-space:nowrap;\n    opacity:.96;\n    transition:transform .22s ease, opacity .22s ease;\n  }\n\n  .pcl-logo:hover{\n    transform:translateY(-2px);\n    opacity:1;\n  }\n\n  @media (max-width: 1400px){\n    .pcl-logos{\n      grid-template-columns:repeat(4, 1fr);\n      row-gap:34px;\n    }\n\n    .pcl-logo{\n      font-size:26px;\n    }\n  }\n\n  @media (max-width: 767px){\n    .pcl-section{\n      padding:48px 16px 42px;\n      border-bottom-left-radius:24px;\n      border-bottom-right-radius:24px;\n    }\n\n    .pcl-title{\n      font-size:18px;\n      margin-bottom:30px;\n    }\n\n    .pcl-logos{\n      grid-template-columns:repeat(2, 1fr);\n      gap:22px 16px;\n    }\n\n    .pcl-logo{\n      font-size:22px;\n    }\n  }\n<\/style>\n\n\n\n\n<div class=\"pfq-section\">\n  <div class=\"pfq-container\">\n    <div class=\"pfq-tag\">\u2022 Get Your Answer \u2022<\/div>\n    <h2 class=\"pfq-title\">Frequently Asked Questions<\/h2>\n\n    <div class=\"pfq-list\" id=\"pfqList\">\n\n      <div class=\"pfq-item active\">\n        <button class=\"pfq-question\" type=\"button\">\n          <span>How do I book an appointment with a doctor?<\/span>\n          <span class=\"pfq-icon\">\u2212<\/span>\n        <\/button>\n        <div class=\"pfq-answer\">\n          <p>\n            Yes, simply visit our website and log in or create an account. Search for a\n            doctor based on specialization, location, or availability &amp; confirm your booking.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"pfq-item\">\n        <button class=\"pfq-question\" type=\"button\">\n          <span>Can I request a specific doctor when booking my appointment?<\/span>\n          <span class=\"pfq-icon\">+<\/span>\n        <\/button>\n        <div class=\"pfq-answer\">\n          <p>\n            Yes, in many cases you can choose your preferred doctor during booking,\n            depending on availability, specialty, and appointment schedule.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"pfq-item\">\n        <button class=\"pfq-question\" type=\"button\">\n          <span>What should I do if I need to cancel or reschedule my appointment?<\/span>\n          <span class=\"pfq-icon\">+<\/span>\n        <\/button>\n        <div class=\"pfq-answer\">\n          <p>\n            You can cancel or reschedule through your account dashboard or by contacting\n            support. Policies may vary depending on the doctor or clinic.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"pfq-item\">\n        <button class=\"pfq-question\" type=\"button\">\n          <span>What if I&#8217;m running late for my appointment?<\/span>\n          <span class=\"pfq-icon\">+<\/span>\n        <\/button>\n        <div class=\"pfq-answer\">\n          <p>\n            Please notify the clinic or provider as soon as possible. Late arrival may affect\n            your appointment time depending on the doctor\u2019s schedule.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"pfq-item\">\n        <button class=\"pfq-question\" type=\"button\">\n          <span>Can I book appointments for family members or dependents?<\/span>\n          <span class=\"pfq-icon\">+<\/span>\n        <\/button>\n        <div class=\"pfq-answer\">\n          <p>\n            Yes, many platforms allow you to book for family members or dependents.\n            You may need to provide their details during the booking process.\n          <\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .pfq-section,\n  .pfq-section *{\n    box-sizing:border-box;\n    font-family:Arial, Helvetica, sans-serif;\n  }\n\n  .pfq-section{\n    width:100%;\n    background:#f6f6f7;\n    padding:28px 24px 40px;\n  }\n\n  .pfq-container{\n    max-width:1320px;\n    margin:0 auto;\n  }\n\n  .pfq-tag{\n    display:table;\n    margin:0 auto 18px;\n    padding:10px 22px;\n    border-radius:999px;\n    background:linear-gradient(90deg,#1f87ff 0%, #1474ea 100%);\n    color:#fff;\n    font-size:16px;\n    font-weight:700;\n    line-height:1;\n    box-shadow:0 10px 18px rgba(31,135,255,.16);\n  }\n\n  .pfq-title{\n    margin:0 0 34px;\n    text-align:center;\n    color:#232d49;\n    font-size:54px;\n    line-height:1.08;\n    font-weight:800;\n    letter-spacing:-1px;\n  }\n\n  .pfq-list{\n    border-top:1px solid transparent;\n  }\n\n  .pfq-item{\n    border-bottom:1px solid #e2e5ea;\n    padding:0;\n  }\n\n  .pfq-question{\n    width:100%;\n    border:none;\n    background:transparent;\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:18px;\n    text-align:left;\n    padding:28px 0 28px;\n    cursor:pointer;\n    color:#202b49;\n  }\n\n  .pfq-question span:first-child{\n    font-size:24px;\n    line-height:1.35;\n    font-weight:500;\n  }\n\n  .pfq-icon{\n    width:40px;\n    height:40px;\n    border-radius:8px;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    font-size:30px;\n    line-height:1;\n    font-weight:500;\n    color:#1f87ff;\n    flex:0 0 40px;\n    transition:all .22s ease;\n  }\n\n  .pfq-item.active .pfq-icon{\n    background:#1f87ff;\n    color:#fff;\n  }\n\n  .pfq-answer{\n    max-height:0;\n    overflow:hidden;\n    transition:max-height .28s ease;\n  }\n\n  .pfq-item.active .pfq-answer{\n    max-height:220px;\n  }\n\n  .pfq-answer p{\n    margin:0;\n    padding:0 70px 28px 0;\n    color:#353d50;\n    font-size:20px;\n    line-height:1.55;\n    max-width:1280px;\n  }\n\n  @media (max-width: 1100px){\n    .pfq-title{\n      font-size:42px;\n    }\n\n    .pfq-question span:first-child{\n      font-size:21px;\n    }\n\n    .pfq-answer p{\n      font-size:18px;\n      padding-right:20px;\n    }\n  }\n\n  @media (max-width: 767px){\n    .pfq-section{\n      padding:24px 16px 28px;\n    }\n\n    .pfq-tag{\n      font-size:14px;\n      padding:9px 16px;\n      margin-bottom:14px;\n    }\n\n    .pfq-title{\n      font-size:30px;\n      margin-bottom:24px;\n    }\n\n    .pfq-question{\n      padding:20px 0;\n      gap:12px;\n      align-items:flex-start;\n    }\n\n    .pfq-question span:first-child{\n      font-size:18px;\n      line-height:1.45;\n    }\n\n    .pfq-icon{\n      width:34px;\n      height:34px;\n      font-size:24px;\n      flex-basis:34px;\n    }\n\n    .pfq-answer p{\n      font-size:15px;\n      line-height:1.7;\n      padding:0 6px 20px 0;\n    }\n\n    .pfq-item.active .pfq-answer{\n      max-height:320px;\n    }\n  }\n<\/style>\n\n<script>\n  (function(){\n    const list = document.getElementById('pfqList');\n    if(!list) return;\n\n    const items = list.querySelectorAll('.pfq-item');\n\n    items.forEach(item => {\n      const btn = item.querySelector('.pfq-question');\n      const icon = item.querySelector('.pfq-icon');\n\n      btn.addEventListener('click', function(){\n        const isActive = item.classList.contains('active');\n\n        items.forEach(other => {\n          other.classList.remove('active');\n          const otherIcon = other.querySelector('.pfq-icon');\n          if(otherIcon) otherIcon.textContent = '+';\n        });\n\n        if(!isActive){\n          item.classList.add('active');\n          if(icon) icon.textContent = '\u2212';\n        }\n      });\n    });\n  })();\n<\/script>\n\n\n\n\n<div class=\"pda-section\">\n  <div class=\"pda-container\">\n\n    <div class=\"pda-shape pda-shape-left-top\"><\/div>\n    <div class=\"pda-shape pda-shape-left-bottom\"><\/div>\n    <div class=\"pda-shape pda-shape-right\"><\/div>\n\n    <div class=\"pda-content\">\n      <div class=\"pda-left\">\n        <h2 class=\"pda-title\">Download the Doccure App today!<\/h2>\n        <p class=\"pda-text\">\n          To download an app related to a doctor or medical services, you can\n          typically visit the app store on your device.\n        <\/p>\n\n        <div class=\"pda-buttons\">\n          <a href=\"#\" class=\"pda-store-btn\">\n            <span class=\"pda-store-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M4 4L20 12L4 20V4Z\" fill=\"#34A853\"\/>\n                <path d=\"M4 4L13 13L10 16L4 20V4Z\" fill=\"#FBBC05\"\/>\n                <path d=\"M4 4L13 13L20 12L4 4Z\" fill=\"#EA4335\"\/>\n                <path d=\"M10 16L13 13L20 12L4 20L10 16Z\" fill=\"#4285F4\"\/>\n              <\/svg>\n            <\/span>\n            <span class=\"pda-store-text\">\n              <small>GET IT ON<\/small>\n              <strong>Google Play<\/strong>\n            <\/span>\n          <\/a>\n\n          <a href=\"#\" class=\"pda-store-btn\">\n            <span class=\"pda-store-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M16.5 12.5c.03 2.58 2.25 3.44 2.27 3.45-.02.06-.35 1.2-1.15 2.37-.69 1.01-1.41 2.02-2.54 2.04-1.11.02-1.47-.66-2.75-.66-1.28 0-1.68.64-2.73.68-1.09.04-1.92-1.09-2.62-2.09-1.43-2.07-2.52-5.85-1.05-8.4.73-1.27 2.03-2.08 3.45-2.1 1.08-.02 2.09.73 2.75.73.66 0 1.91-.9 3.22-.77.55.02 2.09.22 3.08 1.67-.08.05-1.84 1.07-1.83 3.08ZM14.45 5.5c.58-.7.98-1.67.87-2.64-.84.03-1.86.56-2.46 1.25-.54.62-1.01 1.61-.88 2.56.94.07 1.89-.48 2.47-1.17Z\" fill=\"currentColor\"\/>\n              <\/svg>\n            <\/span>\n            <span class=\"pda-store-text\">\n              <small>Download on the<\/small>\n              <strong>App Store<\/strong>\n            <\/span>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"pda-right\">\n        <div class=\"pda-phone pda-phone-main\">\n          <div class=\"pda-phone-frame\">\n            <div class=\"pda-notch\"><\/div>\n            <div class=\"pda-screen\">\n              <div class=\"pda-app-header\">\n                <div class=\"pda-app-bar\"><\/div>\n                <div class=\"pda-app-bar small\"><\/div>\n              <\/div>\n\n              <div class=\"pda-app-row\">\n                <div class=\"pda-chip\"><\/div>\n                <div class=\"pda-chip\"><\/div>\n                <div class=\"pda-chip short\"><\/div>\n              <\/div>\n\n              <div class=\"pda-card\">\n                <div class=\"pda-avatar\"><\/div>\n                <div class=\"pda-lines\">\n                  <span><\/span>\n                  <span><\/span>\n                  <span class=\"short\"><\/span>\n                <\/div>\n              <\/div>\n\n              <div class=\"pda-btn-wide\"><\/div>\n\n              <div class=\"pda-card\">\n                <div class=\"pda-avatar\"><\/div>\n                <div class=\"pda-lines\">\n                  <span><\/span>\n                  <span><\/span>\n                  <span class=\"short\"><\/span>\n                <\/div>\n              <\/div>\n\n              <div class=\"pda-btn-wide\"><\/div>\n\n              <div class=\"pda-card\">\n                <div class=\"pda-avatar\"><\/div>\n                <div class=\"pda-lines\">\n                  <span><\/span>\n                  <span><\/span>\n                  <span class=\"short\"><\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"pda-phone pda-phone-secondary\">\n          <div class=\"pda-phone-frame\">\n            <div class=\"pda-notch\"><\/div>\n            <div class=\"pda-screen\">\n              <div class=\"pda-app-header\">\n                <div class=\"pda-app-bar\"><\/div>\n                <div class=\"pda-app-bar small\"><\/div>\n              <\/div>\n\n              <div class=\"pda-search-box\"><\/div>\n\n              <div class=\"pda-circle-row\">\n                <div class=\"pda-circle\"><\/div>\n                <div class=\"pda-circle\"><\/div>\n                <div class=\"pda-circle\"><\/div>\n                <div class=\"pda-circle\"><\/div>\n              <\/div>\n\n              <div class=\"pda-card mini\">\n                <div class=\"pda-avatar\"><\/div>\n                <div class=\"pda-lines\">\n                  <span><\/span>\n                  <span><\/span>\n                  <span class=\"short\"><\/span>\n                <\/div>\n              <\/div>\n\n              <div class=\"pda-card mini\">\n                <div class=\"pda-avatar\"><\/div>\n                <div class=\"pda-lines\">\n                  <span><\/span>\n                  <span><\/span>\n                  <span class=\"short\"><\/span>\n                <\/div>\n              <\/div>\n\n              <div class=\"pda-card mini\">\n                <div class=\"pda-avatar\"><\/div>\n                <div class=\"pda-lines\">\n                  <span><\/span>\n                  <span><\/span>\n                  <span class=\"short\"><\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .pda-section,\n  .pda-section *{\n    box-sizing:border-box;\n    font-family:Arial, Helvetica, sans-serif;\n  }\n\n  .pda-section{\n    width:100%;\n    padding:22px 24px 32px;\n    background:#f3f3f4;\n  }\n\n  .pda-container{\n    max-width:1220px;\n    margin:0 auto;\n    position:relative;\n    overflow:hidden;\n    border-radius:22px;\n    background:linear-gradient(90deg,#1f86ff 0%, #18abd3 100%);\n    min-height:370px;\n    box-shadow:0 16px 36px rgba(22,76,159,.10);\n  }\n\n  .pda-content{\n    position:relative;\n    z-index:2;\n    display:grid;\n    grid-template-columns:1fr 1.1fr;\n    gap:24px;\n    align-items:center;\n    min-height:370px;\n    padding:34px 42px;\n  }\n\n  .pda-left{\n    max-width:420px;\n    padding-left:56px;\n  }\n\n  .pda-title{\n    margin:0 0 12px;\n    color:#fff;\n    font-size:34px;\n    line-height:1.08;\n    font-weight:800;\n    letter-spacing:-0.7px;\n  }\n\n  .pda-text{\n    margin:0 0 24px;\n    color:rgba(255,255,255,.9);\n    font-size:16px;\n    line-height:1.6;\n    max-width:380px;\n  }\n\n  .pda-buttons{\n    display:flex;\n    gap:10px;\n    flex-wrap:wrap;\n  }\n\n  .pda-store-btn{\n    display:inline-flex;\n    align-items:center;\n    gap:10px;\n    background:#0e1015;\n    color:#fff;\n    text-decoration:none;\n    border-radius:8px;\n    padding:8px 14px 8px 10px;\n    min-width:145px;\n    box-shadow:0 8px 18px rgba(0,0,0,.14);\n    transition:transform .2s ease, opacity .2s ease;\n  }\n\n  .pda-store-btn:hover{\n    transform:translateY(-2px);\n    opacity:.96;\n  }\n\n  .pda-store-icon{\n    width:24px;\n    height:24px;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    flex:0 0 24px;\n  }\n\n  .pda-store-icon svg{\n    width:100%;\n    height:100%;\n    display:block;\n  }\n\n  .pda-store-text{\n    display:flex;\n    flex-direction:column;\n    line-height:1.1;\n  }\n\n  .pda-store-text small{\n    font-size:9px;\n    letter-spacing:.3px;\n    opacity:.85;\n  }\n\n  .pda-store-text strong{\n    font-size:16px;\n    font-weight:700;\n  }\n\n  .pda-right{\n    position:relative;\n    height:100%;\n    min-height:300px;\n  }\n\n  .pda-phone{\n    position:absolute;\n    bottom:-18px;\n  }\n\n  .pda-phone-main{\n    right:190px;\n    z-index:3;\n  }\n\n  .pda-phone-secondary{\n    right:36px;\n    z-index:2;\n  }\n\n  .pda-phone-frame{\n    width:205px;\n    height:420px;\n    border-radius:28px;\n    background:#f4f5f7;\n    box-shadow:\n      0 14px 34px rgba(0,0,0,.16),\n      inset 0 0 0 2px rgba(0,0,0,.03);\n    padding:16px 10px 12px;\n    position:relative;\n  }\n\n  .pda-phone-secondary .pda-phone-frame{\n    width:175px;\n    height:360px;\n  }\n\n  .pda-notch{\n    position:absolute;\n    top:8px;\n    left:50%;\n    transform:translateX(-50%);\n    width:74px;\n    height:10px;\n    border-radius:0 0 10px 10px;\n    background:#eef0f3;\n  }\n\n  .pda-screen{\n    width:100%;\n    height:100%;\n    border-radius:22px;\n    background:#ffffff;\n    overflow:hidden;\n    box-shadow:inset 0 0 0 1px #edf1f7;\n  }\n\n  .pda-app-header{\n    background:#2c68a8;\n    padding:12px 12px 10px;\n  }\n\n  .pda-app-bar{\n    height:8px;\n    border-radius:999px;\n    background:rgba(255,255,255,.9);\n    margin-bottom:8px;\n    width:74%;\n  }\n\n  .pda-app-bar.small{\n    height:6px;\n    width:46%;\n    margin-bottom:0;\n    opacity:.8;\n  }\n\n  .pda-app-row{\n    display:flex;\n    gap:8px;\n    padding:10px 10px 4px;\n  }\n\n  .pda-chip{\n    width:52px;\n    height:20px;\n    border-radius:999px;\n    background:#f0f2f8;\n  }\n\n  .pda-chip.short{\n    width:38px;\n  }\n\n  .pda-card{\n    display:flex;\n    gap:8px;\n    align-items:flex-start;\n    padding:10px;\n    border-bottom:1px solid #eef1f7;\n  }\n\n  .pda-card.mini{\n    padding:9px;\n  }\n\n  .pda-avatar{\n    width:34px;\n    height:34px;\n    border-radius:8px;\n    background:linear-gradient(135deg,#dbe3f0,#bfcde3);\n    flex:0 0 34px;\n  }\n\n  .pda-lines{\n    flex:1;\n    display:flex;\n    flex-direction:column;\n    gap:6px;\n    padding-top:2px;\n  }\n\n  .pda-lines span{\n    display:block;\n    height:7px;\n    border-radius:999px;\n    background:#e8edf5;\n    width:100%;\n  }\n\n  .pda-lines span.short{\n    width:60%;\n  }\n\n  .pda-btn-wide{\n    height:18px;\n    margin:8px 10px 10px;\n    border-radius:6px;\n    background:#23c1ee;\n  }\n\n  .pda-search-box{\n    height:34px;\n    margin:12px 10px 10px;\n    border-radius:8px;\n    background:#f1f4f8;\n  }\n\n  .pda-circle-row{\n    display:flex;\n    justify-content:space-between;\n    gap:8px;\n    padding:10px;\n  }\n\n  .pda-circle{\n    width:28px;\n    height:28px;\n    border-radius:50%;\n    background:linear-gradient(135deg,#ffcc4d,#ff7a59);\n  }\n\n  .pda-circle:nth-child(2){ background:linear-gradient(135deg,#49dcb1,#2a91ff); }\n  .pda-circle:nth-child(3){ background:linear-gradient(135deg,#ff6ea9,#ff9b42); }\n  .pda-circle:nth-child(4){ background:linear-gradient(135deg,#5ac8fa,#4a68ff); }\n\n  .pda-shape{\n    position:absolute;\n    z-index:1;\n    pointer-events:none;\n  }\n\n  .pda-shape-left-top{\n    top:34px;\n    left:-40px;\n    width:120px;\n    height:150px;\n    border-radius:0 100px 100px 0;\n    background:linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,.10));\n    transform:rotate(20deg);\n    filter:blur(.2px);\n  }\n\n  .pda-shape-left-bottom{\n    left:-28px;\n    bottom:-46px;\n    width:260px;\n    height:130px;\n    border-radius:120px;\n    background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.12));\n    transform:rotate(18deg);\n  }\n\n  .pda-shape-right{\n    right:-36px;\n    bottom:10px;\n    width:140px;\n    height:140px;\n    border:2px solid rgba(255,255,255,.22);\n    border-radius:50%;\n  }\n\n  @media (max-width: 1100px){\n    .pda-content{\n      grid-template-columns:1fr;\n      padding:36px 24px 24px;\n    }\n\n    .pda-left{\n      max-width:none;\n      padding-left:0;\n    }\n\n    .pda-text{\n      max-width:100%;\n    }\n\n    .pda-right{\n      min-height:420px;\n    }\n\n    .pda-phone-main{\n      right:170px;\n    }\n\n    .pda-phone-secondary{\n      right:20px;\n    }\n  }\n\n  @media (max-width: 767px){\n    .pda-section{\n      padding:16px 12px 24px;\n    }\n\n    .pda-container{\n      border-radius:18px;\n    }\n\n    .pda-content{\n      padding:28px 18px 18px;\n      min-height:auto;\n      gap:20px;\n    }\n\n    .pda-title{\n      font-size:28px;\n    }\n\n    .pda-text{\n      font-size:15px;\n      margin-bottom:18px;\n    }\n\n    .pda-buttons{\n      gap:8px;\n    }\n\n    .pda-store-btn{\n      min-width:132px;\n      padding:8px 12px 8px 9px;\n    }\n\n    .pda-store-text strong{\n      font-size:14px;\n    }\n\n    .pda-right{\n      min-height:320px;\n    }\n\n    .pda-phone-main{\n      right:96px;\n    }\n\n    .pda-phone-secondary{\n      right:0;\n    }\n\n    .pda-phone-frame{\n      width:150px;\n      height:310px;\n      border-radius:24px;\n    }\n\n    .pda-phone-secondary .pda-phone-frame{\n      width:126px;\n      height:266px;\n      border-radius:22px;\n    }\n\n    .pda-notch{\n      width:58px;\n      height:8px;\n    }\n\n    .pda-shape-left-bottom{\n      width:180px;\n      height:90px;\n    }\n  }\n<\/style>\n\n\n\n\n<div class=\"prb-section\">\n  <div class=\"prb-container\">\n    <div class=\"prb-tag\">\u2022 Recent Blogs \u2022<\/div>\n    <h2 class=\"prb-title\">Stay Updated With Our Latest Articles<\/h2>\n\n    <div class=\"prb-grid\">\n\n      <!-- ITEM 1 -->\n      <a href=\"#\" class=\"prb-item\">\n        <div class=\"prb-image-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1582750433449-648ed127bb54?auto=format&#038;fit=crop&#038;w=1200&#038;q=80\" alt=\"Doctors\">\n          <div class=\"prb-date\">\n            <strong>18<\/strong>\n            <span>Jul<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"prb-content\">\n          <div class=\"prb-badge\">Doctor<\/div>\n          <h3>Doccure \u2013 Making your clinic painless visit?<\/h3>\n          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do&#8230;<\/p>\n        <\/div>\n      <\/a>\n\n      <!-- ITEM 2 -->\n      <a href=\"#\" class=\"prb-item\">\n        <div class=\"prb-image-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1579684385127-1ef15d508118?auto=format&#038;fit=crop&#038;w=1200&#038;q=80\" alt=\"Clinic\">\n          <div class=\"prb-date\">\n            <strong>28<\/strong>\n            <span>Sep<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"prb-content\">\n          <div class=\"prb-badge\">Clinic<\/div>\n          <h3>Benefits of Consulting With an Online Doctor<\/h3>\n          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do&#8230;<\/p>\n        <\/div>\n      <\/a>\n\n      <!-- ITEM 3 -->\n      <a href=\"#\" class=\"prb-item\">\n        <div class=\"prb-image-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1559839734-2b71ea197ec2?auto=format&#038;fit=crop&#038;w=1200&#038;q=80\" alt=\"Online booking\">\n          <div class=\"prb-date\">\n            <strong>28<\/strong>\n            <span>Sep<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"prb-content\">\n          <div class=\"prb-badge\">Clinic<\/div>\n          <h3>What are the benefits of online doctor booking<\/h3>\n          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do&#8230;<\/p>\n        <\/div>\n      <\/a>\n\n      <!-- ITEM 4 -->\n      <a href=\"#\" class=\"prb-item\">\n        <div class=\"prb-image-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516549655169-df83a0774514?auto=format&#038;fit=crop&#038;w=1200&#038;q=80\" alt=\"Doctor care\">\n          <div class=\"prb-date\">\n            <strong>25<\/strong>\n            <span>Sep<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"prb-content\">\n          <div class=\"prb-badge\">Doctor<\/div>\n          <h3>5 Great reasons to use an online doctor to choose<\/h3>\n          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do&#8230;<\/p>\n        <\/div>\n      <\/a>\n\n    <\/div>\n\n    <div class=\"prb-btn-wrap\">\n      <a href=\"#\" class=\"prb-btn\">\n        <span>View All Articles<\/span>\n        <span class=\"prb-btn-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M9 6L15 12L9 18\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .prb-section,\n  .prb-section *{\n    box-sizing:border-box;\n    font-family:Arial, Helvetica, sans-serif;\n  }\n\n  .prb-section{\n    width:100%;\n    background:#f5f5f6;\n    padding:26px 24px 38px;\n  }\n\n  .prb-container{\n    max-width:1300px;\n    margin:0 auto;\n  }\n\n  .prb-tag{\n    display:table;\n    margin:0 auto 18px;\n    padding:10px 20px;\n    border-radius:999px;\n    background:linear-gradient(90deg,#1f87ff 0%, #1474ea 100%);\n    color:#fff;\n    font-size:16px;\n    font-weight:700;\n    line-height:1;\n    box-shadow:0 10px 18px rgba(31,135,255,.16);\n  }\n\n  .prb-title{\n    margin:0 0 34px;\n    text-align:center;\n    color:#232d49;\n    font-size:34px;\n    line-height:1.15;\n    font-weight:800;\n    letter-spacing:-0.7px;\n  }\n\n  .prb-grid{\n    display:grid;\n    grid-template-columns:repeat(2, 1fr);\n    gap:22px 24px;\n  }\n\n  .prb-item{\n    display:grid;\n    grid-template-columns:300px 1fr;\n    gap:24px;\n    align-items:center;\n    text-decoration:none;\n    background:transparent;\n    border-radius:14px;\n    transition:transform .22s ease;\n  }\n\n  .prb-item:hover{\n    transform:translateY(-3px);\n  }\n\n  .prb-image-wrap{\n    position:relative;\n    border-radius:14px;\n    overflow:hidden;\n    height:198px;\n    background:#dde3ee;\n    box-shadow:0 8px 20px rgba(28,44,80,.05);\n  }\n\n  .prb-image-wrap img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    display:block;\n    transition:transform .3s ease;\n  }\n\n  .prb-item:hover .prb-image-wrap img{\n    transform:scale(1.03);\n  }\n\n  .prb-date{\n    position:absolute;\n    top:14px;\n    left:14px;\n    width:58px;\n    min-height:64px;\n    border-radius:12px;\n    background:rgba(255,255,255,.96);\n    box-shadow:0 10px 18px rgba(30,50,90,.10);\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    justify-content:center;\n    padding:8px 6px;\n    text-align:center;\n  }\n\n  .prb-date strong{\n    color:#1d325d;\n    font-size:18px;\n    line-height:1;\n    font-weight:800;\n    margin-bottom:6px;\n  }\n\n  .prb-date span{\n    color:#6b7488;\n    font-size:14px;\n    line-height:1;\n    font-weight:500;\n  }\n\n  .prb-content{\n    padding-right:8px;\n  }\n\n  .prb-badge{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    padding:6px 12px;\n    border-radius:999px;\n    background:#1db4da;\n    color:#fff;\n    font-size:14px;\n    font-weight:700;\n    line-height:1;\n    margin-bottom:14px;\n  }\n\n  .prb-content h3{\n    margin:0 0 12px;\n    color:#27314d;\n    font-size:22px;\n    line-height:1.35;\n    font-weight:500;\n  }\n\n  .prb-content p{\n    margin:0;\n    color:#7b8498;\n    font-size:16px;\n    line-height:1.55;\n  }\n\n  .prb-btn-wrap{\n    text-align:center;\n    margin-top:36px;\n  }\n\n  .prb-btn{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:10px;\n    min-width:180px;\n    height:44px;\n    padding:0 18px;\n    border-radius:8px;\n    background:#20242f;\n    color:#fff;\n    text-decoration:none;\n    font-size:16px;\n    font-weight:500;\n    line-height:1;\n    box-shadow:0 10px 18px rgba(32,36,47,.14);\n    transition:all .2s ease;\n  }\n\n  .prb-btn:hover{\n    background:#141820;\n    transform:translateY(-2px);\n  }\n\n  .prb-btn-icon{\n    width:16px;\n    height:16px;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n  }\n\n  .prb-btn-icon svg{\n    width:100%;\n    height:100%;\n    display:block;\n  }\n\n  @media (max-width: 1200px){\n    .prb-grid{\n      grid-template-columns:1fr;\n    }\n\n    .prb-item{\n      grid-template-columns:280px 1fr;\n    }\n  }\n\n  @media (max-width: 767px){\n    .prb-section{\n      padding:22px 14px 28px;\n    }\n\n    .prb-tag{\n      font-size:14px;\n      padding:9px 16px;\n      margin-bottom:14px;\n    }\n\n    .prb-title{\n      font-size:28px;\n      margin-bottom:24px;\n    }\n\n    .prb-grid{\n      gap:18px;\n    }\n\n    .prb-item{\n      grid-template-columns:1fr;\n      gap:14px;\n    }\n\n    .prb-image-wrap{\n      height:210px;\n    }\n\n    .prb-content{\n      padding-right:0;\n    }\n\n    .prb-content h3{\n      font-size:22px;\n      margin-bottom:10px;\n    }\n\n    .prb-content p{\n      font-size:15px;\n    }\n\n    .prb-btn-wrap{\n      margin-top:26px;\n    }\n\n    .prb-btn{\n      width:100%;\n      max-width:240px;\n    }\n  }\n<\/style>\n\n\n\n\n<div class=\"phcta-section\">\n  <div class=\"phcta-container\">\n\n    <div class=\"phcta-content\">\n      <!-- LEFT -->\n      <div class=\"phcta-left\">\n        <h2>Working for Your Better Health.<\/h2>\n      <\/div>\n\n      <!-- RIGHT -->\n      <div class=\"phcta-right\">\n\n        <div class=\"phcta-item\">\n          <div class=\"phcta-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M4 4h16v16H4z\" opacity=\"0\"\/>\n              <path d=\"M12 3C7.58 3 4 6.58 4 11v4a3 3 0 003 3h1v-6H7v-1a5 5 0 0110 0v1h-1v6h1a3 3 0 003-3v-4c0-4.42-3.58-8-8-8z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n            <\/svg>\n          <\/div>\n          <div>\n            <span>Customer Support<\/span>\n            <strong>+1 56589 54598<\/strong>\n          <\/div>\n        <\/div>\n\n        <div class=\"phcta-item\">\n          <div class=\"phcta-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2v10z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n            <\/svg>\n          <\/div>\n          <div>\n            <span>Drop Us an Email<\/span>\n            <strong>info1256@example.com<\/strong>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<style>\n  .phcta-section,\n  .phcta-section *{\n    box-sizing:border-box;\n    font-family:Arial, Helvetica, sans-serif;\n  }\n\n  .phcta-section{\n    width:100%;\n    padding:20px 24px;\n    background:#f4f4f5;\n  }\n\n  .phcta-container{\n    max-width:1400px;\n    margin:0 auto;\n    background:linear-gradient(90deg,#1f87ff 0%, #19a7c9 100%);\n    border-radius:34px;\n    padding:48px 60px;\n    overflow:hidden;\n  }\n\n  .phcta-content{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:30px;\n  }\n\n  .phcta-left h2{\n    margin:0;\n    color:#fff;\n    font-size:48px;\n    font-weight:800;\n    line-height:1.1;\n    letter-spacing:-1px;\n  }\n\n  .phcta-right{\n    display:flex;\n    gap:50px;\n    align-items:center;\n  }\n\n  .phcta-item{\n    display:flex;\n    align-items:center;\n    gap:16px;\n  }\n\n  .phcta-icon{\n    width:52px;\n    height:52px;\n    border-radius:50%;\n    background:rgba(255,255,255,0.15);\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    color:#fff;\n    flex:0 0 52px;\n  }\n\n  .phcta-icon svg{\n    width:26px;\n    height:26px;\n  }\n\n  .phcta-item span{\n    display:block;\n    color:rgba(255,255,255,0.85);\n    font-size:16px;\n    margin-bottom:4px;\n  }\n\n  .phcta-item strong{\n    display:block;\n    color:#fff;\n    font-size:20px;\n    font-weight:700;\n  }\n\n  \/* Responsive *\/\n  @media (max-width: 1100px){\n    .phcta-content{\n      flex-direction:column;\n      align-items:flex-start;\n      gap:30px;\n    }\n\n    .phcta-left h2{\n      font-size:36px;\n    }\n\n    .phcta-right{\n      gap:30px;\n      flex-wrap:wrap;\n    }\n  }\n\n  @media (max-width: 767px){\n    .phcta-container{\n      padding:28px 20px;\n      border-radius:22px;\n    }\n\n    .phcta-left h2{\n      font-size:28px;\n    }\n\n    .phcta-item strong{\n      font-size:17px;\n    }\n\n    .phcta-item span{\n      font-size:14px;\n    }\n\n    .phcta-icon{\n      width:44px;\n      height:44px;\n    }\n  }\n<\/style>\n\n\n\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/parsheal.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/parsheal.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/parsheal.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/parsheal.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/parsheal.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":68,"href":"https:\/\/parsheal.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":157,"href":"https:\/\/parsheal.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/157"}],"wp:attachment":[{"href":"https:\/\/parsheal.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}