{"id":43,"date":"2026-08-03T07:11:11","date_gmt":"2026-08-03T07:11:11","guid":{"rendered":"https:\/\/synapsecircle.com\/campuscircle\/?page_id=43"},"modified":"2026-08-04T09:14:10","modified_gmt":"2026-08-04T03:44:10","slug":"campus-circle-home-page","status":"publish","type":"page","link":"https:\/\/synapsecircle.com\/campuscircle\/","title":{"rendered":"Campus Circle &#8211; Home Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"43\" class=\"elementor elementor-43\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cef7db1 e-con-full e-flex e-con e-parent\" data-id=\"cef7db1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ace5a1a elementor-widget elementor-widget-html\" data-id=\"ace5a1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .syn-home-hero,\r\n  .syn-home-hero * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .syn-home-hero {\r\n    --navy: #051a24;\r\n    --navy-mid: #082c38;\r\n    --teal: #45e0d0;\r\n    --teal-soft: #b5fff6;\r\n    --violet: #9b8cff;\r\n    --white: #f6fffd;\r\n    --muted: #9fb6bc;\r\n\r\n    position: relative;\r\n    min-height: 860px;\r\n    display: flex;\r\n    align-items: center;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    padding: 175px 24px 130px;\r\n    font-family: Inter, Manrope, -apple-system, BlinkMacSystemFont, \"Segoe UI\",\r\n      sans-serif;\r\n    background:\r\n      radial-gradient(\r\n        circle at 18% 25%,\r\n        rgba(69, 224, 208, 0.15),\r\n        transparent 28%\r\n      ),\r\n      radial-gradient(\r\n        circle at 85% 75%,\r\n        rgba(155, 140, 255, 0.13),\r\n        transparent 29%\r\n      ),\r\n      linear-gradient(140deg, var(--navy), var(--navy-mid));\r\n  }\r\n\r\n  .syn-home-hero::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -3;\r\n    opacity: 0.34;\r\n    background-image:\r\n      linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);\r\n    background-size: 54px 54px;\r\n    mask-image: radial-gradient(circle at center, #000, transparent 84%);\r\n  }\r\n\r\n  .syn-home-orb {\r\n    position: absolute;\r\n    z-index: -2;\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .syn-home-orb-one {\r\n    width: 440px;\r\n    height: 440px;\r\n    top: -265px;\r\n    right: -115px;\r\n    border: 1px solid rgba(69, 224, 208, 0.12);\r\n    box-shadow:\r\n      0 0 0 65px rgba(69, 224, 208, 0.025),\r\n      0 0 0 130px rgba(155, 140, 255, 0.018);\r\n  }\r\n\r\n  .syn-home-orb-two {\r\n    width: 290px;\r\n    height: 290px;\r\n    left: -165px;\r\n    bottom: -145px;\r\n    border: 1px solid rgba(155, 140, 255, 0.11);\r\n    box-shadow: 0 0 0 52px rgba(155, 140, 255, 0.02);\r\n  }\r\n\r\n  \/* Header *\/\r\n\r\n  .syn-home-header {\r\n    position: absolute;\r\n    top: 23px;\r\n    left: 0;\r\n    z-index: 30;\r\n    width: 100%;\r\n    padding: 0 24px;\r\n  }\r\n\r\n  .syn-home-header-inner {\r\n    width: min(1180px, 100%);\r\n    min-height: 72px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 24px;\r\n    margin: 0 auto;\r\n    padding: 10px 11px 10px 18px;\r\n    border: 1px solid rgba(255, 255, 255, 0.11);\r\n    border-radius: 21px;\r\n    background: rgba(7, 29, 39, 0.68);\r\n    box-shadow:\r\n      0 20px 55px rgba(0, 8, 14, 0.24),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.08);\r\n    backdrop-filter: blur(21px);\r\n    -webkit-backdrop-filter: blur(21px);\r\n  }\r\n\r\n  .syn-home-brand {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    flex: 0 0 auto;\r\n    color: var(--white) !important;\r\n    text-decoration: none !important;\r\n  }\r\n\r\n  .syn-home-logo {\r\n    position: relative;\r\n    width: 38px;\r\n    height: 38px;\r\n    display: grid;\r\n    place-items: center;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(181, 255, 246, 0.2);\r\n    border-radius: 12px;\r\n    background: linear-gradient(135deg, var(--teal-soft), var(--teal));\r\n    box-shadow: 0 10px 24px rgba(69, 224, 208, 0.19);\r\n  }\r\n\r\n  .syn-home-logo::before,\r\n  .syn-home-logo::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 20px;\r\n    height: 9px;\r\n    border: 2px solid rgba(5, 33, 31, 0.73);\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .syn-home-logo::before {\r\n    transform: rotate(35deg);\r\n  }\r\n\r\n  .syn-home-logo::after {\r\n    transform: rotate(-35deg);\r\n  }\r\n\r\n  .syn-home-brand-copy {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1px;\r\n  }\r\n\r\n  .syn-home-brand-name {\r\n    color: #f4fffd;\r\n    font-size: 17px;\r\n    font-weight: 760;\r\n    line-height: 1.1;\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  .syn-home-brand-tag {\r\n    color: #7e989f;\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.11em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .syn-home-nav {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    margin-left: auto;\r\n  }\r\n\r\n  .syn-home-nav a {\r\n    padding: 12px 13px;\r\n    border-radius: 11px;\r\n    color: #b6cace !important;\r\n    text-decoration: none !important;\r\n    font-size: 13px;\r\n    font-weight: 650;\r\n    white-space: nowrap;\r\n    transition:\r\n      color 0.25s ease,\r\n      background 0.25s ease;\r\n  }\r\n\r\n  .syn-home-nav a:hover {\r\n    color: #f5fffd !important;\r\n    background: rgba(255, 255, 255, 0.06);\r\n  }\r\n\r\n  .syn-home-login {\r\n    padding: 11px 10px;\r\n    color: #c5d5d8 !important;\r\n    text-decoration: none !important;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .syn-home-header-cta {\r\n    min-height: 46px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    flex: 0 0 auto;\r\n    padding: 0 17px;\r\n    border-radius: 13px;\r\n    color: #062422 !important;\r\n    background: linear-gradient(135deg, var(--teal-soft), var(--teal));\r\n    box-shadow: 0 12px 29px rgba(69, 224, 208, 0.2);\r\n    text-decoration: none !important;\r\n    font-size: 13px;\r\n    font-weight: 760;\r\n    transition:\r\n      transform 0.25s ease,\r\n      box-shadow 0.25s ease;\r\n  }\r\n\r\n  .syn-home-header-cta:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 16px 35px rgba(69, 224, 208, 0.29);\r\n  }\r\n\r\n  .syn-home-header-cta svg {\r\n    width: 15px;\r\n    height: 15px;\r\n  }\r\n\r\n  \/* Hero content *\/\r\n\r\n  .syn-home-wrap {\r\n    position: relative;\r\n    z-index: 4;\r\n    width: min(1180px, 100%);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .syn-home-content {\r\n    max-width: 990px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n  }\r\n\r\n  .syn-home-eyebrow {\r\n    width: fit-content;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin-bottom: 24px;\r\n    padding: 8px 13px;\r\n    border: 1px solid rgba(181, 255, 246, 0.15);\r\n    border-radius: 999px;\r\n    color: var(--teal-soft);\r\n    background: rgba(255, 255, 255, 0.055);\r\n    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);\r\n    backdrop-filter: blur(14px);\r\n    -webkit-backdrop-filter: blur(14px);\r\n    font-size: 11px;\r\n    font-weight: 760;\r\n    letter-spacing: 0.11em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .syn-home-eyebrow-dot {\r\n    width: 7px;\r\n    height: 7px;\r\n    border-radius: 50%;\r\n    background: var(--teal);\r\n    box-shadow: 0 0 0 5px rgba(69, 224, 208, 0.09);\r\n  }\r\n\r\n  .syn-home-title {\r\n    margin: 0;\r\n    color: var(--white);\r\n    font-size: clamp(48px, 6.2vw, 84px);\r\n    font-weight: 735;\r\n    line-height: 0.99;\r\n    letter-spacing: -0.06em;\r\n  }\r\n\r\n  .syn-home-title span {\r\n    color: transparent;\r\n    background: linear-gradient(100deg, var(--teal-soft), var(--teal));\r\n    background-clip: text;\r\n    -webkit-background-clip: text;\r\n  }\r\n\r\n  .syn-home-description {\r\n    max-width: 720px;\r\n    margin: 27px auto 0;\r\n    color: var(--muted);\r\n    font-size: 18px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .syn-home-description strong {\r\n    color: #eaf8f7;\r\n    font-weight: 680;\r\n  }\r\n\r\n  .syn-home-actions {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 13px;\r\n    margin-top: 33px;\r\n  }\r\n\r\n  .syn-home-primary,\r\n  .syn-home-secondary {\r\n    min-height: 54px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 9px;\r\n    padding: 0 22px;\r\n    border-radius: 15px;\r\n    text-decoration: none !important;\r\n    font-size: 14px;\r\n    font-weight: 760;\r\n    transition:\r\n      transform 0.25s ease,\r\n      box-shadow 0.25s ease,\r\n      background 0.25s ease;\r\n  }\r\n\r\n  .syn-home-primary {\r\n    color: #062422 !important;\r\n    background: linear-gradient(135deg, var(--teal-soft), var(--teal));\r\n    box-shadow: 0 16px 38px rgba(69, 224, 208, 0.21);\r\n  }\r\n\r\n  .syn-home-primary:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 21px 45px rgba(69, 224, 208, 0.31);\r\n  }\r\n\r\n  .syn-home-secondary {\r\n    color: #e7f5f4 !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.11);\r\n    background: rgba(255, 255, 255, 0.055);\r\n    backdrop-filter: blur(13px);\r\n    -webkit-backdrop-filter: blur(13px);\r\n  }\r\n\r\n  .syn-home-secondary:hover {\r\n    transform: translateY(-3px);\r\n    background: rgba(255, 255, 255, 0.09);\r\n  }\r\n\r\n  .syn-home-primary svg,\r\n  .syn-home-secondary svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n\r\n  \/* Trust points *\/\r\n\r\n  .syn-home-trust {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 11px 21px;\r\n    margin-top: 26px;\r\n  }\r\n\r\n  .syn-home-trust-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #91aab0;\r\n    font-size: 12px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .syn-home-trust-check {\r\n    width: 18px;\r\n    height: 18px;\r\n    display: grid;\r\n    place-items: center;\r\n    flex: 0 0 auto;\r\n    border-radius: 50%;\r\n    color: var(--teal-soft);\r\n    background: rgba(69, 224, 208, 0.09);\r\n  }\r\n\r\n  .syn-home-trust-check svg {\r\n    width: 10px;\r\n    height: 10px;\r\n  }\r\n\r\n  \/* Floating elements *\/\r\n\r\n  .syn-home-float {\r\n    position: absolute;\r\n    z-index: 3;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    padding: 11px 14px;\r\n    border: 1px solid rgba(255, 255, 255, 0.11);\r\n    border-radius: 15px;\r\n    color: #e5f4f3;\r\n    background: rgba(12, 43, 54, 0.66);\r\n    box-shadow: 0 18px 42px rgba(0, 8, 14, 0.22);\r\n    backdrop-filter: blur(17px);\r\n    -webkit-backdrop-filter: blur(17px);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    animation: synHomeFloat 5s ease-in-out infinite;\r\n  }\r\n\r\n  .syn-home-float-left {\r\n    top: 245px;\r\n    left: max(25px, calc((100vw - 1180px) \/ 2 - 25px));\r\n  }\r\n\r\n  .syn-home-float-right {\r\n    top: 390px;\r\n    right: max(25px, calc((100vw - 1180px) \/ 2 - 25px));\r\n    animation-delay: 1.2s;\r\n  }\r\n\r\n  .syn-home-float-icon {\r\n    width: 28px;\r\n    height: 28px;\r\n    display: grid;\r\n    place-items: center;\r\n    flex: 0 0 auto;\r\n    border-radius: 9px;\r\n    color: #062422;\r\n    background: var(--teal);\r\n  }\r\n\r\n  .syn-home-float-right .syn-home-float-icon {\r\n    color: #ffffff;\r\n    background: var(--violet);\r\n  }\r\n\r\n  .syn-home-float-icon svg {\r\n    width: 14px;\r\n    height: 14px;\r\n  }\r\n\r\n  @keyframes synHomeFloat {\r\n    0%,\r\n    100% {\r\n      transform: translateY(0);\r\n    }\r\n\r\n    50% {\r\n      transform: translateY(-7px);\r\n    }\r\n  }\r\n\r\n  \/* Search panel *\/\r\n\r\n  .syn-home-search {\r\n    max-width: 970px;\r\n    margin: 60px auto 0;\r\n    padding: 12px;\r\n    border: 1px solid rgba(255, 255, 255, 0.13);\r\n    border-radius: 23px;\r\n    background: rgba(255, 255, 255, 0.075);\r\n    box-shadow:\r\n      0 28px 70px rgba(0, 8, 14, 0.25),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.08);\r\n    backdrop-filter: blur(21px);\r\n    -webkit-backdrop-filter: blur(21px);\r\n  }\r\n\r\n  .syn-home-search-heading {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n    padding: 6px 7px 13px;\r\n  }\r\n\r\n  .syn-home-search-heading strong {\r\n    color: #eaf7f6;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .syn-home-search-heading span {\r\n    color: #819ba2;\r\n    font-size: 10px;\r\n  }\r\n\r\n  .syn-home-search-form {\r\n    display: grid;\r\n    grid-template-columns: 1.15fr 1fr auto;\r\n    gap: 9px;\r\n  }\r\n\r\n  .syn-home-field {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n    min-width: 0;\r\n    min-height: 66px;\r\n    padding: 0 15px;\r\n    border: 1px solid rgba(255, 255, 255, 0.085);\r\n    border-radius: 16px;\r\n    background: rgba(3, 19, 27, 0.35);\r\n    transition:\r\n      border-color 0.25s ease,\r\n      background 0.25s ease;\r\n  }\r\n\r\n  .syn-home-field:focus-within {\r\n    border-color: rgba(69, 224, 208, 0.35);\r\n    background: rgba(3, 19, 27, 0.5);\r\n  }\r\n\r\n  .syn-home-field-icon {\r\n    width: 35px;\r\n    height: 35px;\r\n    display: grid;\r\n    place-items: center;\r\n    flex: 0 0 auto;\r\n    border-radius: 11px;\r\n    color: var(--teal-soft);\r\n    background: rgba(69, 224, 208, 0.09);\r\n  }\r\n\r\n  .syn-home-field:nth-child(2) .syn-home-field-icon {\r\n    color: #ddd8ff;\r\n    background: rgba(155, 140, 255, 0.11);\r\n  }\r\n\r\n  .syn-home-field-icon svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n\r\n  .syn-home-field-copy {\r\n    min-width: 0;\r\n    flex: 1;\r\n  }\r\n\r\n  .syn-home-field label {\r\n    display: block;\r\n    margin-bottom: 3px;\r\n    color: #779198;\r\n    font-size: 9px;\r\n    font-weight: 760;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .syn-home-field input {\r\n    width: 100%;\r\n    height: 25px;\r\n    padding: 0;\r\n    outline: none;\r\n    border: 0;\r\n    color: #eefafa;\r\n    background: transparent;\r\n    font-family: inherit;\r\n    font-size: 13px;\r\n    font-weight: 650;\r\n  }\r\n\r\n  .syn-home-field input::placeholder {\r\n    color: #91a7ac;\r\n    opacity: 1;\r\n  }\r\n\r\n  .syn-home-search-button {\r\n    min-width: 165px;\r\n    min-height: 66px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 9px;\r\n    border: 0;\r\n    border-radius: 16px;\r\n    color: #062422;\r\n    background: linear-gradient(135deg, var(--teal-soft), var(--teal));\r\n    box-shadow: 0 15px 36px rgba(69, 224, 208, 0.2);\r\n    font-family: inherit;\r\n    font-size: 13px;\r\n    font-weight: 780;\r\n    cursor: pointer;\r\n    transition:\r\n      transform 0.25s ease,\r\n      box-shadow 0.25s ease;\r\n  }\r\n\r\n  .syn-home-search-button:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 20px 43px rgba(69, 224, 208, 0.3);\r\n  }\r\n\r\n  .syn-home-search-button svg {\r\n    width: 17px;\r\n    height: 17px;\r\n  }\r\n\r\n  .syn-home-search-note {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 7px;\r\n    margin: 12px 5px 2px;\r\n    color: #718b92;\r\n    font-size: 10px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .syn-home-search-note svg {\r\n    width: 13px;\r\n    height: 13px;\r\n    color: var(--teal);\r\n  }\r\n\r\n  @media (max-width: 1050px) {\r\n    .syn-home-nav {\r\n      display: none;\r\n    }\r\n\r\n    .syn-home-float {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 720px) {\r\n    .syn-home-hero {\r\n      min-height: auto;\r\n      padding: 140px 17px 82px;\r\n    }\r\n\r\n    .syn-home-header {\r\n      top: 14px;\r\n      padding: 0 13px;\r\n    }\r\n\r\n    .syn-home-header-inner {\r\n      min-height: 62px;\r\n      padding: 8px 8px 8px 11px;\r\n      border-radius: 17px;\r\n    }\r\n\r\n    .syn-home-logo {\r\n      width: 34px;\r\n      height: 34px;\r\n      border-radius: 10px;\r\n    }\r\n\r\n    .syn-home-brand {\r\n      gap: 8px;\r\n    }\r\n\r\n    .syn-home-brand-name {\r\n      font-size: 14px;\r\n    }\r\n\r\n    .syn-home-brand-tag,\r\n    .syn-home-login {\r\n      display: none;\r\n    }\r\n\r\n    .syn-home-header-cta {\r\n      min-height: 40px;\r\n      padding: 0 12px;\r\n      font-size: 11px;\r\n    }\r\n\r\n    .syn-home-header-cta svg {\r\n      display: none;\r\n    }\r\n\r\n    .syn-home-title {\r\n      font-size: clamp(43px, 12.7vw, 59px);\r\n    }\r\n\r\n    .syn-home-description {\r\n      font-size: 16px;\r\n    }\r\n\r\n    .syn-home-actions {\r\n      align-items: stretch;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .syn-home-primary,\r\n    .syn-home-secondary {\r\n      width: 100%;\r\n    }\r\n\r\n    .syn-home-trust {\r\n      align-items: flex-start;\r\n      flex-direction: column;\r\n      width: fit-content;\r\n      margin-right: auto;\r\n      margin-left: auto;\r\n      text-align: left;\r\n    }\r\n\r\n    .syn-home-search {\r\n      margin-top: 48px;\r\n      padding: 10px;\r\n      border-radius: 20px;\r\n    }\r\n\r\n    .syn-home-search-heading {\r\n      align-items: flex-start;\r\n      flex-direction: column;\r\n      gap: 4px;\r\n    }\r\n\r\n    .syn-home-search-form {\r\n      grid-template-columns: 1fr;\r\n      gap: 8px;\r\n    }\r\n\r\n    .syn-home-field {\r\n      min-height: 62px;\r\n    }\r\n\r\n    .syn-home-search-button {\r\n      width: 100%;\r\n      min-height: 58px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .syn-home-float {\r\n      animation: none;\r\n    }\r\n\r\n    .syn-home-header-cta,\r\n    .syn-home-primary,\r\n    .syn-home-secondary,\r\n    .syn-home-search-button,\r\n    .syn-home-field {\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"syn-home-hero\">\r\n  <div class=\"syn-home-orb syn-home-orb-one\"><\/div>\r\n  <div class=\"syn-home-orb syn-home-orb-two\"><\/div>\r\n\r\n  <!-- Header -->\r\n  <header class=\"syn-home-header\">\r\n    <div class=\"syn-home-header-inner\">\r\n\r\n      <a class=\"syn-home-brand\" href=\"\/\">\r\n        <span class=\"syn-home-logo\" aria-hidden=\"true\"><\/span>\r\n\r\n        <span class=\"syn-home-brand-copy\">\r\n          <span class=\"syn-home-brand-name\">Synapse Circle<\/span>\r\n          <span class=\"syn-home-brand-tag\">By Doctors, For Doctors<\/span>\r\n        <\/span>\r\n      <\/a>\r\n\r\n      <nav class=\"syn-home-nav\" aria-label=\"Main navigation\">\r\n        <a href=\"https:\/\/synapsecircle.com\/campuscircle\/doctor-listings\/\">Find a Doctor<\/a>\r\n        <a href=\"#home-how-it-works\">How It Works<\/a>\r\n        <a href=\"#home-pricing\">Pricing<\/a>\r\n        <a href=\"#home-faqs\">FAQs<\/a>\r\n        <a href=\"\/doctor-registration\/\">Register as a Doctor<\/a>\r\n      <\/nav>\r\n\r\n      <a class=\"syn-home-login\" href=\"\/login\/\">Login<\/a>\r\n\r\n      <a class=\"syn-home-header-cta\" href=\"https:\/\/synapsecircle.com\/campuscircle\/doctor-listings\/\">\r\n        Find a Doctor\r\n\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n          <circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\/>\r\n          <path d=\"m15.5 15.5 4 4\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n            stroke-linecap=\"round\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- Floating trust elements -->\r\n  <div class=\"syn-home-float syn-home-float-left\">\r\n    <span class=\"syn-home-float-icon\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n        <path d=\"M12 3 4.5 6v5.2c0 4.8 3.1 8 7.5 9.8 4.4-1.8 7.5-5 7.5-9.8V6L12 3Z\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"1.8\"\r\n          stroke-linejoin=\"round\"\/>\r\n        <path d=\"m8 12 2.5 2.5L16 9\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"1.8\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\/>\r\n      <\/svg>\r\n    <\/span>\r\n    Verified PG doctors\r\n  <\/div>\r\n\r\n  <div class=\"syn-home-float syn-home-float-right\">\r\n    <span class=\"syn-home-float-icon\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n        <rect x=\"3\" y=\"5\" width=\"13\" height=\"14\" rx=\"3\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"1.8\"\/>\r\n        <path d=\"m16 10 5-3v10l-5-3\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"1.8\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\/>\r\n      <\/svg>\r\n    <\/span>\r\n    Private 30-minute calls\r\n  <\/div>\r\n\r\n  <div class=\"syn-home-wrap\">\r\n    <div class=\"syn-home-content\">\r\n\r\n      <div class=\"syn-home-eyebrow\">\r\n        <span class=\"syn-home-eyebrow-dot\"><\/span>\r\n        NEET PG College Guidance\r\n      <\/div>\r\n\r\n      <h1 class=\"syn-home-title\">\r\n        Before you choose a PG college, speak to someone who\r\n        <span>trained there.<\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"syn-home-description\">\r\n        Book a private 30-minute video call with a\r\n        <strong>verified doctor<\/strong> from the college and department you are\r\n        considering.\r\n      <\/p>\r\n\r\n      <div class=\"syn-home-actions\">\r\n        <a class=\"syn-home-primary\" href=\"https:\/\/synapsecircle.com\/campuscircle\/doctor-listings\/\">\r\n          Find a Doctor\r\n\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n            <circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.8\"\/>\r\n            <path d=\"m15.5 15.5 4 4\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.8\"\r\n              stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n        <a class=\"syn-home-secondary\" href=\"#home-pricing\">\r\n          View Call Packages\r\n\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n            <path d=\"M12 5v14M6 13l6 6 6-6\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.9\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"syn-home-trust\">\r\n        <div class=\"syn-home-trust-item\">\r\n          <span class=\"syn-home-trust-check\">\r\n            <svg viewBox=\"0 0 12 12\" fill=\"none\">\r\n              <path d=\"M2 6.2 4.6 9 10 3\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          Verified doctors\r\n        <\/div>\r\n\r\n        <div class=\"syn-home-trust-item\">\r\n          <span class=\"syn-home-trust-check\">\r\n            <svg viewBox=\"0 0 12 12\" fill=\"none\">\r\n              <path d=\"M2 6.2 4.6 9 10 3\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          Private Google Meet calls\r\n        <\/div>\r\n\r\n        <div class=\"syn-home-trust-item\">\r\n          <span class=\"syn-home-trust-check\">\r\n            <svg viewBox=\"0 0 12 12\" fill=\"none\">\r\n              <path d=\"M2 6.2 4.6 9 10 3\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          No phone number sharing\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Quick search -->\r\n      <div class=\"syn-home-search\">\r\n        <div class=\"syn-home-search-heading\">\r\n          <strong>Start with your college and department<\/strong>\r\n          <span>See available doctors<\/span>\r\n        <\/div>\r\n\r\n        <form\r\n          class=\"syn-home-search-form\"\r\n          action=\"https:\/\/synapsecircle.com\/campuscircle\/doctor-listings\/\"\r\n          method=\"get\"\r\n        >\r\n\r\n          <!-- College -->\r\n          <div class=\"syn-home-field\">\r\n            <span class=\"syn-home-field-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <path d=\"M4 20h16M6 20V8h12v12M9 8V4h6v4\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linejoin=\"round\"\/>\r\n                <path d=\"M9 12h2M13 12h2M9 15h2M13 15h2\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.6\"\r\n                  stroke-linecap=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <div class=\"syn-home-field-copy\">\r\n              <label for=\"syn-home-college\">Medical college<\/label>\r\n\r\n              <input\r\n                id=\"syn-home-college\"\r\n                name=\"college\"\r\n                type=\"text\"\r\n                list=\"syn-home-college-options\"\r\n                placeholder=\"Select or search college\"\r\n                required\r\n              \/>\r\n\r\n              <datalist id=\"syn-home-college-options\">\r\n                <option value=\"Madras Medical College\"><\/option>\r\n                <option value=\"Stanley Medical College\"><\/option>\r\n                <option value=\"Kilpauk Medical College\"><\/option>\r\n                <option value=\"Coimbatore Medical College\"><\/option>\r\n                <option value=\"Madurai Medical College\"><\/option>\r\n                <option value=\"Chengalpattu Medical College\"><\/option>\r\n                <option value=\"Tirunelveli Medical College\"><\/option>\r\n              <\/datalist>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Department -->\r\n          <div class=\"syn-home-field\">\r\n            <span class=\"syn-home-field-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <circle cx=\"12\" cy=\"12\" r=\"9\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n                <path d=\"M12 7v10M7 12h10\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.9\"\r\n                  stroke-linecap=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <div class=\"syn-home-field-copy\">\r\n              <label for=\"syn-home-department\">PG department<\/label>\r\n\r\n              <input\r\n                id=\"syn-home-department\"\r\n                name=\"department\"\r\n                type=\"text\"\r\n                list=\"syn-home-department-options\"\r\n                placeholder=\"Select department\"\r\n                required\r\n              \/>\r\n\r\n              <datalist id=\"syn-home-department-options\">\r\n                <option value=\"General Medicine\"><\/option>\r\n                <option value=\"General Surgery\"><\/option>\r\n                <option value=\"Obstetrics and Gynaecology\"><\/option>\r\n                <option value=\"Paediatrics\"><\/option>\r\n                <option value=\"Orthopaedics\"><\/option>\r\n                <option value=\"Anaesthesiology\"><\/option>\r\n                <option value=\"Radiodiagnosis\"><\/option>\r\n                <option value=\"Dermatology\"><\/option>\r\n                <option value=\"Psychiatry\"><\/option>\r\n                <option value=\"ENT\"><\/option>\r\n                <option value=\"Ophthalmology\"><\/option>\r\n              <\/datalist>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <button class=\"syn-home-search-button\" type=\"submit\">\r\n            Show Doctors\r\n\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n              <path d=\"M5 12h14M13 6l6 6-6 6\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/button>\r\n        <\/form>\r\n\r\n        <div class=\"syn-home-search-note\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n            <path d=\"M12 3 4.5 6v5.2c0 4.8 3.1 8 7.5 9.8 4.4-1.8 7.5-5 7.5-9.8V6L12 3Z\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.8\"\r\n              stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n          Search results will open on the Find a Doctor page.\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b2adf4 e-con-full e-flex e-con e-parent\" data-id=\"0b2adf4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69e727f elementor-widget elementor-widget-html\" data-id=\"69e727f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .syn-home-process,\r\n  .syn-home-process * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .syn-home-process {\r\n    --ink: #092832;\r\n    --muted: #647e85;\r\n    --teal: #23c7b9;\r\n    --teal-dark: #087f77;\r\n    --teal-soft: #d9faf5;\r\n    --violet: #8172e8;\r\n    --violet-soft: #efedff;\r\n    --blue: #3571d0;\r\n    --blue-soft: #e5efff;\r\n    --navy: #082733;\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    padding: 115px 24px;\r\n    font-family: Inter, Manrope, -apple-system, BlinkMacSystemFont, \"Segoe UI\",\r\n      sans-serif;\r\n    background:\r\n      radial-gradient(\r\n        circle at 91% 13%,\r\n        rgba(35, 199, 185, 0.12),\r\n        transparent 27%\r\n      ),\r\n      radial-gradient(\r\n        circle at 6% 89%,\r\n        rgba(129, 114, 232, 0.08),\r\n        transparent 28%\r\n      ),\r\n      linear-gradient(145deg, #f4faf9 0%, #f9fbff 52%, #f6f3ff 100%);\r\n  }\r\n\r\n  .syn-home-process::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 420px;\r\n    height: 420px;\r\n    left: -270px;\r\n    top: -190px;\r\n    z-index: -2;\r\n    border: 1px solid rgba(35, 199, 185, 0.12);\r\n    border-radius: 50%;\r\n    box-shadow:\r\n      0 0 0 60px rgba(35, 199, 185, 0.025),\r\n      0 0 0 120px rgba(129, 114, 232, 0.018);\r\n  }\r\n\r\n  .syn-home-process-wrap {\r\n    width: min(1180px, 100%);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .syn-home-process-layout {\r\n    display: grid;\r\n    grid-template-columns: minmax(280px, 0.7fr) minmax(0, 1.3fr);\r\n    align-items: center;\r\n    gap: 75px;\r\n  }\r\n\r\n  \/* Left content *\/\r\n\r\n  .syn-home-process-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin-bottom: 20px;\r\n    color: var(--teal-dark);\r\n    font-size: 11px;\r\n    font-weight: 760;\r\n    letter-spacing: 0.11em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .syn-home-process-label::before {\r\n    content: \"\";\r\n    width: 25px;\r\n    height: 2px;\r\n    border-radius: 99px;\r\n    background: linear-gradient(90deg, var(--teal), var(--violet));\r\n  }\r\n\r\n  .syn-home-process-title {\r\n    max-width: 480px;\r\n    margin: 0;\r\n    color: var(--ink);\r\n    font-size: clamp(40px, 4.7vw, 62px);\r\n    font-weight: 730;\r\n    line-height: 1.06;\r\n    letter-spacing: -0.05em;\r\n  }\r\n\r\n  .syn-home-process-title span {\r\n    color: var(--teal-dark);\r\n  }\r\n\r\n  .syn-home-process-description {\r\n    max-width: 450px;\r\n    margin: 22px 0 0;\r\n    color: var(--muted);\r\n    font-size: 16px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .syn-home-process-button {\r\n    min-height: 51px;\r\n    width: fit-content;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 9px;\r\n    margin-top: 29px;\r\n    padding: 0 19px;\r\n    border-radius: 14px;\r\n    color: #ffffff !important;\r\n    background: var(--navy);\r\n    box-shadow: 0 14px 32px rgba(8, 39, 51, 0.16);\r\n    text-decoration: none !important;\r\n    font-size: 13px;\r\n    font-weight: 750;\r\n    transition:\r\n      transform 0.25s ease,\r\n      box-shadow 0.25s ease;\r\n  }\r\n\r\n  .syn-home-process-button:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 19px 39px rgba(8, 39, 51, 0.23);\r\n  }\r\n\r\n  .syn-home-process-button svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n\r\n  .syn-home-process-note {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 11px;\r\n    max-width: 430px;\r\n    margin-top: 23px;\r\n    padding: 14px;\r\n    border: 1px solid rgba(255, 255, 255, 0.95);\r\n    border-radius: 16px;\r\n    background: rgba(255, 255, 255, 0.65);\r\n    box-shadow:\r\n      0 16px 40px rgba(25, 77, 84, 0.07),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.97);\r\n    backdrop-filter: blur(15px);\r\n    -webkit-backdrop-filter: blur(15px);\r\n  }\r\n\r\n  .syn-home-process-note-icon {\r\n    width: 29px;\r\n    height: 29px;\r\n    display: grid;\r\n    place-items: center;\r\n    flex: 0 0 auto;\r\n    border-radius: 9px;\r\n    color: var(--teal-dark);\r\n    background: var(--teal-soft);\r\n  }\r\n\r\n  .syn-home-process-note-icon svg {\r\n    width: 14px;\r\n    height: 14px;\r\n  }\r\n\r\n  .syn-home-process-note p {\r\n    margin: 0;\r\n    color: #617a81;\r\n    font-size: 11px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .syn-home-process-note strong {\r\n    color: var(--ink);\r\n  }\r\n\r\n  \/* Steps *\/\r\n\r\n  .syn-home-process-steps {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 15px;\r\n  }\r\n\r\n  .syn-home-process-step {\r\n    position: relative;\r\n    min-height: 245px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    overflow: hidden;\r\n    padding: 24px;\r\n    border: 1px solid rgba(255, 255, 255, 0.96);\r\n    border-radius: 24px;\r\n    background: rgba(255, 255, 255, 0.69);\r\n    box-shadow:\r\n      0 22px 55px rgba(25, 77, 84, 0.085),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.98);\r\n    backdrop-filter: blur(18px);\r\n    -webkit-backdrop-filter: blur(18px);\r\n    transition:\r\n      transform 0.28s ease,\r\n      border-color 0.28s ease,\r\n      box-shadow 0.28s ease;\r\n  }\r\n\r\n  .syn-home-process-step:nth-child(2),\r\n  .syn-home-process-step:nth-child(4) {\r\n    transform: translateY(21px);\r\n  }\r\n\r\n  .syn-home-process-step:hover {\r\n    transform: translateY(-5px);\r\n    border-color: rgba(35, 199, 185, 0.2);\r\n    box-shadow:\r\n      0 29px 65px rgba(25, 77, 84, 0.13),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.98);\r\n  }\r\n\r\n  .syn-home-process-step:nth-child(2):hover,\r\n  .syn-home-process-step:nth-child(4):hover {\r\n    transform: translateY(16px);\r\n  }\r\n\r\n  .syn-home-process-step::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 115px;\r\n    height: 115px;\r\n    top: -62px;\r\n    right: -50px;\r\n    border-radius: 50%;\r\n    background: rgba(35, 199, 185, 0.065);\r\n  }\r\n\r\n  .syn-home-process-step:nth-child(even)::after {\r\n    background: rgba(129, 114, 232, 0.06);\r\n  }\r\n\r\n  .syn-home-process-step-top {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    gap: 15px;\r\n  }\r\n\r\n  .syn-home-process-icon {\r\n    width: 48px;\r\n    height: 48px;\r\n    display: grid;\r\n    place-items: center;\r\n    border: 1px solid rgba(35, 199, 185, 0.14);\r\n    border-radius: 15px;\r\n    color: var(--teal-dark);\r\n    background: var(--teal-soft);\r\n    box-shadow: 0 10px 24px rgba(35, 199, 185, 0.09);\r\n  }\r\n\r\n  .syn-home-process-step:nth-child(2) .syn-home-process-icon {\r\n    color: var(--violet);\r\n    border-color: rgba(129, 114, 232, 0.14);\r\n    background: var(--violet-soft);\r\n  }\r\n\r\n  .syn-home-process-step:nth-child(3) .syn-home-process-icon {\r\n    color: var(--blue);\r\n    border-color: rgba(53, 113, 208, 0.14);\r\n    background: var(--blue-soft);\r\n  }\r\n\r\n  .syn-home-process-step:nth-child(4) .syn-home-process-icon {\r\n    color: var(--teal-dark);\r\n    background: linear-gradient(145deg, var(--teal-soft), #e7f1ff);\r\n  }\r\n\r\n  .syn-home-process-icon svg {\r\n    width: 22px;\r\n    height: 22px;\r\n  }\r\n\r\n  .syn-home-process-number {\r\n    color: rgba(9, 40, 50, 0.23);\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.08em;\r\n  }\r\n\r\n  .syn-home-process-copy {\r\n    margin-top: auto;\r\n    padding-top: 35px;\r\n  }\r\n\r\n  .syn-home-process-step h3 {\r\n    margin: 0 0 9px;\r\n    color: var(--ink);\r\n    font-size: 19px;\r\n    font-weight: 720;\r\n    line-height: 1.3;\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  .syn-home-process-step p {\r\n    margin: 0;\r\n    color: var(--muted);\r\n    font-size: 12px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  @media (max-width: 960px) {\r\n    .syn-home-process {\r\n      padding: 95px 22px 110px;\r\n    }\r\n\r\n    .syn-home-process-layout {\r\n      grid-template-columns: 1fr;\r\n      gap: 55px;\r\n    }\r\n\r\n    .syn-home-process-title,\r\n    .syn-home-process-description {\r\n      max-width: 650px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 620px) {\r\n    .syn-home-process {\r\n      padding: 78px 16px;\r\n    }\r\n\r\n    .syn-home-process-title {\r\n      font-size: clamp(37px, 10.8vw, 49px);\r\n    }\r\n\r\n    .syn-home-process-description {\r\n      font-size: 15px;\r\n    }\r\n\r\n    .syn-home-process-button {\r\n      width: 100%;\r\n    }\r\n\r\n    .syn-home-process-steps {\r\n      grid-template-columns: 1fr;\r\n      gap: 11px;\r\n    }\r\n\r\n    .syn-home-process-step,\r\n    .syn-home-process-step:nth-child(2),\r\n    .syn-home-process-step:nth-child(4) {\r\n      min-height: 220px;\r\n      transform: none;\r\n    }\r\n\r\n    .syn-home-process-step:hover,\r\n    .syn-home-process-step:nth-child(2):hover,\r\n    .syn-home-process-step:nth-child(4):hover {\r\n      transform: translateY(-4px);\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .syn-home-process-step,\r\n    .syn-home-process-button {\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"syn-home-process\" id=\"home-how-it-works\">\r\n  <div class=\"syn-home-process-wrap\">\r\n    <div class=\"syn-home-process-layout\">\r\n\r\n      <!-- Left content -->\r\n      <div class=\"syn-home-process-content\">\r\n        <div class=\"syn-home-process-label\">How it works<\/div>\r\n\r\n        <h2 class=\"syn-home-process-title\">\r\n          Four steps. One clear <span>conversation.<\/span>\r\n        <\/h2>\r\n\r\n        <p class=\"syn-home-process-description\">\r\n          Find someone who knows the college, choose a time and speak privately\r\n          before making your counselling decision.\r\n        <\/p>\r\n\r\n        <a class=\"syn-home-process-button\" href=\"https:\/\/synapsecircle.com\/campuscircle\/doctor-listings\/\">\r\n          Browse Doctors\r\n\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h14M13 6l6 6-6 6\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n        <div class=\"syn-home-process-note\">\r\n          <span class=\"syn-home-process-note-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n              <path d=\"M12 3 4.5 6v5.2c0 4.8 3.1 8 7.5 9.8 4.4-1.8 7.5-5 7.5-9.8V6L12 3Z\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n                stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <p>\r\n            <strong>Your contact details remain private.<\/strong>\r\n            Calls happen through Google Meet.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Steps -->\r\n      <div class=\"syn-home-process-steps\">\r\n\r\n        <article class=\"syn-home-process-step\">\r\n          <div class=\"syn-home-process-step-top\">\r\n            <span class=\"syn-home-process-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n                <path d=\"m15.5 15.5 4 4\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linecap=\"round\"\/>\r\n                <circle cx=\"10.5\" cy=\"9\" r=\"2.2\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.5\"\/>\r\n                <path d=\"M6.8 14c.8-1.7 2-2.5 3.7-2.5s2.9.8 3.7 2.5\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.5\"\r\n                  stroke-linecap=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"syn-home-process-number\">01<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-process-copy\">\r\n            <h3>Find a doctor<\/h3>\r\n            <p>Search by medical college and PG department.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"syn-home-process-step\">\r\n          <div class=\"syn-home-process-step-top\">\r\n            <span class=\"syn-home-process-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n                <path d=\"M7 3v4M17 3v4M3 10h18\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linecap=\"round\"\/>\r\n                <path d=\"m8 15 2 2 5-5\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"syn-home-process-number\">02<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-process-copy\">\r\n            <h3>Choose a slot<\/h3>\r\n            <p>Select from the doctor\u2019s actual availability.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"syn-home-process-step\">\r\n          <div class=\"syn-home-process-step-top\">\r\n            <span class=\"syn-home-process-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <rect x=\"3\" y=\"6\" width=\"18\" height=\"13\" rx=\"3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n                <path d=\"M3 10h18M7 15h4\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linecap=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"syn-home-process-number\">03<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-process-copy\">\r\n            <h3>Use a credit or pay<\/h3>\r\n            <p>Use your package credit or purchase a call.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"syn-home-process-step\">\r\n          <div class=\"syn-home-process-step-top\">\r\n            <span class=\"syn-home-process-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <rect x=\"3\" y=\"5\" width=\"13\" height=\"14\" rx=\"3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n                <path d=\"m16 10 5-3v10l-5-3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"syn-home-process-number\">04<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-process-copy\">\r\n            <h3>Join the call<\/h3>\r\n            <p>Receive the Meet link and speak privately for 30 minutes.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-74e90a1 e-con-full e-flex e-con e-parent\" data-id=\"74e90a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54e6e75 elementor-widget elementor-widget-html\" data-id=\"54e6e75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .syn-home-doctors,\r\n  .syn-home-doctors * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .syn-home-doctors {\r\n    --navy: #061d28;\r\n    --navy-soft: #0b3541;\r\n    --teal: #45e0d0;\r\n    --teal-soft: #b3fff6;\r\n    --violet: #9c8cff;\r\n    --white: #f5fffd;\r\n    --muted: #9bb3b9;\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    padding: 115px 24px;\r\n    font-family: Inter, Manrope, -apple-system, BlinkMacSystemFont, \"Segoe UI\",\r\n      sans-serif;\r\n    background:\r\n      radial-gradient(\r\n        circle at 13% 13%,\r\n        rgba(69, 224, 208, 0.14),\r\n        transparent 27%\r\n      ),\r\n      radial-gradient(\r\n        circle at 90% 87%,\r\n        rgba(156, 140, 255, 0.12),\r\n        transparent 29%\r\n      ),\r\n      linear-gradient(140deg, var(--navy), var(--navy-soft));\r\n  }\r\n\r\n  .syn-home-doctors::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -3;\r\n    opacity: 0.31;\r\n    background-image:\r\n      linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);\r\n    background-size: 52px 52px;\r\n    mask-image: radial-gradient(circle at center, #000, transparent 85%);\r\n  }\r\n\r\n  .syn-home-doctors-wrap {\r\n    width: min(1180px, 100%);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Heading *\/\r\n\r\n  .syn-home-doctors-header {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    gap: 40px;\r\n    margin-bottom: 48px;\r\n  }\r\n\r\n  .syn-home-doctors-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin-bottom: 19px;\r\n    color: var(--teal-soft);\r\n    font-size: 11px;\r\n    font-weight: 760;\r\n    letter-spacing: 0.11em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .syn-home-doctors-label::before {\r\n    content: \"\";\r\n    width: 25px;\r\n    height: 2px;\r\n    border-radius: 99px;\r\n    background: linear-gradient(90deg, var(--teal), var(--violet));\r\n  }\r\n\r\n  .syn-home-doctors-title {\r\n    max-width: 670px;\r\n    margin: 0;\r\n    color: var(--white);\r\n    font-size: clamp(40px, 4.8vw, 63px);\r\n    font-weight: 730;\r\n    line-height: 1.06;\r\n    letter-spacing: -0.05em;\r\n  }\r\n\r\n  .syn-home-doctors-title span {\r\n    color: transparent;\r\n    background: linear-gradient(100deg, var(--teal-soft), var(--teal));\r\n    background-clip: text;\r\n    -webkit-background-clip: text;\r\n  }\r\n\r\n  .syn-home-doctors-description {\r\n    max-width: 570px;\r\n    margin: 19px 0 0;\r\n    color: var(--muted);\r\n    font-size: 16px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .syn-home-doctors-header-button {\r\n    min-height: 49px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 9px;\r\n    flex: 0 0 auto;\r\n    padding: 0 18px;\r\n    border: 1px solid rgba(255, 255, 255, 0.11);\r\n    border-radius: 14px;\r\n    color: #e8f5f4 !important;\r\n    background: rgba(255, 255, 255, 0.055);\r\n    backdrop-filter: blur(13px);\r\n    -webkit-backdrop-filter: blur(13px);\r\n    text-decoration: none !important;\r\n    font-size: 12px;\r\n    font-weight: 730;\r\n    transition:\r\n      transform 0.25s ease,\r\n      background 0.25s ease;\r\n  }\r\n\r\n  .syn-home-doctors-header-button:hover {\r\n    transform: translateY(-3px);\r\n    background: rgba(255, 255, 255, 0.09);\r\n  }\r\n\r\n  .syn-home-doctors-header-button svg {\r\n    width: 15px;\r\n    height: 15px;\r\n  }\r\n\r\n  \/* Doctor grid *\/\r\n\r\n  .syn-home-doctors-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 16px;\r\n  }\r\n\r\n  .syn-home-doctor-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 14px;\r\n    border: 1px solid rgba(255, 255, 255, 0.105);\r\n    border-radius: 25px;\r\n    background: linear-gradient(\r\n      145deg,\r\n      rgba(255, 255, 255, 0.095),\r\n      rgba(255, 255, 255, 0.04)\r\n    );\r\n    box-shadow:\r\n      0 25px 60px rgba(0, 8, 14, 0.2),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.08);\r\n    backdrop-filter: blur(19px);\r\n    -webkit-backdrop-filter: blur(19px);\r\n    transition:\r\n      transform 0.28s ease,\r\n      border-color 0.28s ease,\r\n      box-shadow 0.28s ease;\r\n  }\r\n\r\n  .syn-home-doctor-card:hover {\r\n    transform: translateY(-6px);\r\n    border-color: rgba(69, 224, 208, 0.18);\r\n    box-shadow:\r\n      0 32px 70px rgba(0, 8, 14, 0.27),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.1);\r\n  }\r\n\r\n  \/* Photo area *\/\r\n\r\n  .syn-home-doctor-photo {\r\n    position: relative;\r\n    height: 215px;\r\n    display: grid;\r\n    place-items: center;\r\n    overflow: hidden;\r\n    border-radius: 18px;\r\n    background:\r\n      radial-gradient(\r\n        circle at 50% 30%,\r\n        rgba(255, 255, 255, 0.18),\r\n        transparent 28%\r\n      ),\r\n      linear-gradient(145deg, #174653, #16796f);\r\n  }\r\n\r\n  .syn-home-doctor-card:nth-child(2) .syn-home-doctor-photo,\r\n  .syn-home-doctor-card:nth-child(5) .syn-home-doctor-photo {\r\n    background:\r\n      radial-gradient(\r\n        circle at 50% 30%,\r\n        rgba(255, 255, 255, 0.16),\r\n        transparent 28%\r\n      ),\r\n      linear-gradient(145deg, #29355c, #61559e);\r\n  }\r\n\r\n  .syn-home-doctor-card:nth-child(3) .syn-home-doctor-photo,\r\n  .syn-home-doctor-card:nth-child(6) .syn-home-doctor-photo {\r\n    background:\r\n      radial-gradient(\r\n        circle at 50% 30%,\r\n        rgba(255, 255, 255, 0.17),\r\n        transparent 28%\r\n      ),\r\n      linear-gradient(145deg, #15465b, #315b9b);\r\n  }\r\n\r\n  .syn-home-doctor-photo::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 165px;\r\n    height: 165px;\r\n    top: 28px;\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: 50%;\r\n    box-shadow:\r\n      0 0 0 25px rgba(255, 255, 255, 0.035),\r\n      0 0 0 50px rgba(255, 255, 255, 0.02);\r\n  }\r\n\r\n  .syn-home-doctor-photo-placeholder {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 91px;\r\n    height: 91px;\r\n    display: grid;\r\n    place-items: center;\r\n    border: 1px solid rgba(255, 255, 255, 0.16);\r\n    border-radius: 29px;\r\n    color: var(--teal-soft);\r\n    background: rgba(255, 255, 255, 0.08);\r\n    box-shadow:\r\n      0 19px 42px rgba(0, 8, 14, 0.19),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.09);\r\n    backdrop-filter: blur(13px);\r\n    -webkit-backdrop-filter: blur(13px);\r\n    font-size: 22px;\r\n    font-weight: 780;\r\n  }\r\n\r\n  .syn-home-doctor-card:nth-child(2) .syn-home-doctor-photo-placeholder,\r\n  .syn-home-doctor-card:nth-child(5) .syn-home-doctor-photo-placeholder {\r\n    color: #ddd8ff;\r\n  }\r\n\r\n  .syn-home-doctor-photo img {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 3;\r\n    width: 100%;\r\n    height: 100%;\r\n    display: none;\r\n    object-fit: cover;\r\n    object-position: center top;\r\n  }\r\n\r\n  .syn-home-doctor-photo.has-image img {\r\n    display: block;\r\n  }\r\n\r\n  .syn-home-doctor-photo.has-image .syn-home-doctor-photo-placeholder {\r\n    display: none;\r\n  }\r\n\r\n  .syn-home-doctor-verified {\r\n    position: absolute;\r\n    top: 11px;\r\n    right: 11px;\r\n    z-index: 5;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    padding: 7px 9px;\r\n    border: 1px solid rgba(255, 255, 255, 0.13);\r\n    border-radius: 999px;\r\n    color: var(--teal-soft);\r\n    background: rgba(5, 29, 39, 0.6);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    font-size: 9px;\r\n    font-weight: 760;\r\n    letter-spacing: 0.04em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .syn-home-doctor-verified svg {\r\n    width: 11px;\r\n    height: 11px;\r\n  }\r\n\r\n  \/* Doctor information *\/\r\n\r\n  .syn-home-doctor-copy {\r\n    padding: 20px 7px 7px;\r\n  }\r\n\r\n  .syn-home-doctor-copy h3 {\r\n    margin: 0;\r\n    color: var(--white);\r\n    font-size: 18px;\r\n    font-weight: 720;\r\n    line-height: 1.3;\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  .syn-home-doctor-speciality {\r\n    display: block;\r\n    margin-top: 5px;\r\n    color: var(--teal-soft);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .syn-home-doctor-card:nth-child(2) .syn-home-doctor-speciality,\r\n  .syn-home-doctor-card:nth-child(5) .syn-home-doctor-speciality {\r\n    color: #ddd8ff;\r\n  }\r\n\r\n  .syn-home-doctor-college {\r\n    min-height: 67px;\r\n    margin-top: 15px;\r\n    padding: 12px;\r\n    border: 1px solid rgba(255, 255, 255, 0.07);\r\n    border-radius: 13px;\r\n    background: rgba(2, 17, 24, 0.24);\r\n  }\r\n\r\n  .syn-home-doctor-college span {\r\n    display: block;\r\n    margin-bottom: 4px;\r\n    color: #758f96;\r\n    font-size: 9px;\r\n    font-weight: 750;\r\n    letter-spacing: 0.07em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .syn-home-doctor-college strong {\r\n    display: block;\r\n    color: #dfeeed;\r\n    font-size: 11px;\r\n    font-weight: 680;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .syn-home-doctor-meta {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 6px;\r\n    margin-top: 11px;\r\n  }\r\n\r\n  .syn-home-doctor-meta span {\r\n    padding: 6px 8px;\r\n    border-radius: 8px;\r\n    color: #93aab0;\r\n    background: rgba(255, 255, 255, 0.05);\r\n    font-size: 9px;\r\n    font-weight: 650;\r\n  }\r\n\r\n  .syn-home-doctor-availability {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin-top: 15px;\r\n    padding-top: 15px;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.075);\r\n  }\r\n\r\n  .syn-home-doctor-availability-icon {\r\n    width: 31px;\r\n    height: 31px;\r\n    display: grid;\r\n    place-items: center;\r\n    flex: 0 0 auto;\r\n    border-radius: 10px;\r\n    color: var(--teal-soft);\r\n    background: rgba(69, 224, 208, 0.085);\r\n  }\r\n\r\n  .syn-home-doctor-availability-icon svg {\r\n    width: 15px;\r\n    height: 15px;\r\n  }\r\n\r\n  .syn-home-doctor-availability span {\r\n    display: block;\r\n    margin-bottom: 3px;\r\n    color: #748f96;\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .syn-home-doctor-availability strong {\r\n    display: block;\r\n    color: #e5f3f2;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .syn-home-doctor-duration {\r\n    margin-left: auto;\r\n    color: #849da3;\r\n    text-align: right;\r\n    font-size: 9px;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  .syn-home-doctor-actions {\r\n    display: grid;\r\n    grid-template-columns: 0.85fr 1.15fr;\r\n    gap: 8px;\r\n    margin-top: 16px;\r\n  }\r\n\r\n  .syn-home-doctor-profile,\r\n  .syn-home-doctor-book {\r\n    min-height: 42px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 11px;\r\n    text-decoration: none !important;\r\n    font-size: 10px;\r\n    font-weight: 730;\r\n    transition:\r\n      transform 0.25s ease,\r\n      background 0.25s ease,\r\n      box-shadow 0.25s ease;\r\n  }\r\n\r\n  .syn-home-doctor-profile {\r\n    color: #d9e9e8 !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.09);\r\n    background: rgba(255, 255, 255, 0.05);\r\n  }\r\n\r\n  .syn-home-doctor-book {\r\n    color: #062422 !important;\r\n    background: linear-gradient(135deg, var(--teal-soft), var(--teal));\r\n    box-shadow: 0 10px 24px rgba(69, 224, 208, 0.14);\r\n  }\r\n\r\n  .syn-home-doctor-profile:hover,\r\n  .syn-home-doctor-book:hover {\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .syn-home-doctor-profile:hover {\r\n    background: rgba(255, 255, 255, 0.085);\r\n  }\r\n\r\n  .syn-home-doctor-book:hover {\r\n    box-shadow: 0 14px 30px rgba(69, 224, 208, 0.22);\r\n  }\r\n\r\n  \/* Bottom CTA *\/\r\n\r\n  .syn-home-doctors-bottom {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-top: 39px;\r\n  }\r\n\r\n  .syn-home-doctors-all {\r\n    min-height: 51px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 9px;\r\n    padding: 0 20px;\r\n    border-radius: 14px;\r\n    color: #062422 !important;\r\n    background: linear-gradient(135deg, var(--teal-soft), var(--teal));\r\n    box-shadow: 0 15px 36px rgba(69, 224, 208, 0.19);\r\n    text-decoration: none !important;\r\n    font-size: 13px;\r\n    font-weight: 760;\r\n    transition:\r\n      transform 0.25s ease,\r\n      box-shadow 0.25s ease;\r\n  }\r\n\r\n  .syn-home-doctors-all:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 20px 43px rgba(69, 224, 208, 0.28);\r\n  }\r\n\r\n  .syn-home-doctors-all svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n\r\n  @media (max-width: 960px) {\r\n    .syn-home-doctors {\r\n      padding: 95px 22px;\r\n    }\r\n\r\n    .syn-home-doctors-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n  }\r\n\r\n  @media (max-width: 680px) {\r\n    .syn-home-doctors {\r\n      padding: 78px 16px;\r\n    }\r\n\r\n    .syn-home-doctors-header {\r\n      align-items: flex-start;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .syn-home-doctors-title {\r\n      font-size: clamp(37px, 10.8vw, 49px);\r\n    }\r\n\r\n    .syn-home-doctors-description {\r\n      font-size: 15px;\r\n    }\r\n\r\n    .syn-home-doctors-header-button {\r\n      width: 100%;\r\n    }\r\n\r\n    .syn-home-doctors-grid {\r\n      display: flex;\r\n      overflow-x: auto;\r\n      gap: 12px;\r\n      padding: 0 2px 14px;\r\n      scroll-snap-type: x mandatory;\r\n      scrollbar-width: none;\r\n    }\r\n\r\n    .syn-home-doctors-grid::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n\r\n    .syn-home-doctor-card {\r\n      width: 85%;\r\n      min-width: 290px;\r\n      flex: 0 0 85%;\r\n      scroll-snap-align: start;\r\n    }\r\n\r\n    .syn-home-doctors-all {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .syn-home-doctor-card,\r\n    .syn-home-doctor-profile,\r\n    .syn-home-doctor-book,\r\n    .syn-home-doctors-all,\r\n    .syn-home-doctors-header-button {\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"syn-home-doctors\" id=\"featured-doctors\">\r\n  <div class=\"syn-home-doctors-wrap\">\r\n\r\n    <!-- Heading -->\r\n    <div class=\"syn-home-doctors-header\">\r\n      <div>\r\n        <div class=\"syn-home-doctors-label\">Featured doctors<\/div>\r\n\r\n        <h2 class=\"syn-home-doctors-title\">\r\n          Speak with doctors who have <span>been there.<\/span>\r\n        <\/h2>\r\n\r\n        <p class=\"syn-home-doctors-description\">\r\n          Browse verified doctors across colleges and departments.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <a class=\"syn-home-doctors-header-button\" href=\"\/find-a-doctor\/\">\r\n        View All Doctors\r\n\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n          <path d=\"M5 12h14M13 6l6 6-6 6\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"2\"\r\n            stroke-linecap=\"round\"\r\n            stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!--\r\n      These are design placeholders.\r\n      Replace with LeadPoint dynamic doctor listings.\r\n    -->\r\n    <div class=\"syn-home-doctors-grid\">\r\n\r\n      <!-- Card 1 -->\r\n      <article class=\"syn-home-doctor-card\">\r\n        <div class=\"syn-home-doctor-photo\">\r\n          <img decoding=\"async\" src=\"\" alt=\"Doctor profile\" \/>\r\n          <span class=\"syn-home-doctor-photo-placeholder\">DR<\/span>\r\n\r\n          <span class=\"syn-home-doctor-verified\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"m6 12 4 4 8-8\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2.2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            Verified\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"syn-home-doctor-copy\">\r\n          <h3>Doctor Name<\/h3>\r\n          <span class=\"syn-home-doctor-speciality\">MD General Medicine<\/span>\r\n\r\n          <div class=\"syn-home-doctor-college\">\r\n            <span>PG College<\/span>\r\n            <strong>Madras Medical College<\/strong>\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-doctor-meta\">\r\n            <span>Completed 2024<\/span>\r\n            <span>Tamil<\/span>\r\n            <span>English<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-doctor-availability\">\r\n            <span class=\"syn-home-doctor-availability-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n                <path d=\"M7 3v4M17 3v4M3 10h18\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linecap=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <div>\r\n              <span>Next available<\/span>\r\n              <strong>Tomorrow, 7:30 PM<\/strong>\r\n            <\/div>\r\n\r\n            <div class=\"syn-home-doctor-duration\">\r\n              30 min<br \/>1 credit\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-doctor-actions\">\r\n            <a class=\"syn-home-doctor-profile\" href=\"#\">View Profile<\/a>\r\n            <a class=\"syn-home-doctor-book\" href=\"#\">Book a Call<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Card 2 -->\r\n      <article class=\"syn-home-doctor-card\">\r\n        <div class=\"syn-home-doctor-photo\">\r\n          <img decoding=\"async\" src=\"\" alt=\"Doctor profile\" \/>\r\n          <span class=\"syn-home-doctor-photo-placeholder\">DR<\/span>\r\n\r\n          <span class=\"syn-home-doctor-verified\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"m6 12 4 4 8-8\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2.2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            Verified\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"syn-home-doctor-copy\">\r\n          <h3>Doctor Name<\/h3>\r\n          <span class=\"syn-home-doctor-speciality\">MS General Surgery<\/span>\r\n\r\n          <div class=\"syn-home-doctor-college\">\r\n            <span>PG College<\/span>\r\n            <strong>Stanley Medical College<\/strong>\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-doctor-meta\">\r\n            <span>Completed 2023<\/span>\r\n            <span>Tamil<\/span>\r\n            <span>English<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-doctor-availability\">\r\n            <span class=\"syn-home-doctor-availability-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n                <path d=\"M7 3v4M17 3v4M3 10h18\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linecap=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <div>\r\n              <span>Next available<\/span>\r\n              <strong>This week<\/strong>\r\n            <\/div>\r\n\r\n            <div class=\"syn-home-doctor-duration\">\r\n              30 min<br \/>1 credit\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-doctor-actions\">\r\n            <a class=\"syn-home-doctor-profile\" href=\"#\">View Profile<\/a>\r\n            <a class=\"syn-home-doctor-book\" href=\"#\">Book a Call<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Card 3 -->\r\n      <article class=\"syn-home-doctor-card\">\r\n        <div class=\"syn-home-doctor-photo\">\r\n          <img decoding=\"async\" src=\"\" alt=\"Doctor profile\" \/>\r\n          <span class=\"syn-home-doctor-photo-placeholder\">DR<\/span>\r\n\r\n          <span class=\"syn-home-doctor-verified\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"m6 12 4 4 8-8\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2.2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            Verified\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"syn-home-doctor-copy\">\r\n          <h3>Doctor Name<\/h3>\r\n          <span class=\"syn-home-doctor-speciality\">MD Paediatrics<\/span>\r\n\r\n          <div class=\"syn-home-doctor-college\">\r\n            <span>PG College<\/span>\r\n            <strong>Madurai Medical College<\/strong>\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-doctor-meta\">\r\n            <span>Completed 2024<\/span>\r\n            <span>Tamil<\/span>\r\n            <span>English<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-doctor-availability\">\r\n            <span class=\"syn-home-doctor-availability-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n                <path d=\"M7 3v4M17 3v4M3 10h18\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linecap=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <div>\r\n              <span>Next available<\/span>\r\n              <strong>Saturday, 6:00 PM<\/strong>\r\n            <\/div>\r\n\r\n            <div class=\"syn-home-doctor-duration\">\r\n              30 min<br \/>1 credit\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-doctor-actions\">\r\n            <a class=\"syn-home-doctor-profile\" href=\"#\">View Profile<\/a>\r\n            <a class=\"syn-home-doctor-book\" href=\"#\">Book a Call<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Duplicate templates for additional dynamic profiles -->\r\n      <article class=\"syn-home-doctor-card\">\r\n        <div class=\"syn-home-doctor-photo\">\r\n          <img decoding=\"async\" src=\"\" alt=\"Doctor profile\" \/>\r\n          <span class=\"syn-home-doctor-photo-placeholder\">DR<\/span>\r\n\r\n          <span class=\"syn-home-doctor-verified\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"m6 12 4 4 8-8\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2.2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            Verified\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"syn-home-doctor-copy\">\r\n          <h3>Doctor Name<\/h3>\r\n          <span class=\"syn-home-doctor-speciality\">MD Anaesthesiology<\/span>\r\n\r\n          <div class=\"syn-home-doctor-college\">\r\n            <span>PG College<\/span>\r\n            <strong>Coimbatore Medical College<\/strong>\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-doctor-meta\">\r\n            <span>Completed 2023<\/span>\r\n            <span>Tamil<\/span>\r\n            <span>English<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-doctor-availability\">\r\n            <span class=\"syn-home-doctor-availability-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n                <path d=\"M7 3v4M17 3v4M3 10h18\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <div>\r\n              <span>Next available<\/span>\r\n              <strong>This week<\/strong>\r\n            <\/div>\r\n\r\n            <div class=\"syn-home-doctor-duration\">\r\n              30 min<br \/>1 credit\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-doctor-actions\">\r\n            <a class=\"syn-home-doctor-profile\" href=\"#\">View Profile<\/a>\r\n            <a class=\"syn-home-doctor-book\" href=\"#\">Book a Call<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"syn-home-doctor-card\">\r\n        <div class=\"syn-home-doctor-photo\">\r\n          <img decoding=\"async\" src=\"\" alt=\"Doctor profile\" \/>\r\n          <span class=\"syn-home-doctor-photo-placeholder\">DR<\/span>\r\n\r\n          <span class=\"syn-home-doctor-verified\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"m6 12 4 4 8-8\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2.2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            Verified\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"syn-home-doctor-copy\">\r\n          <h3>Doctor Name<\/h3>\r\n          <span class=\"syn-home-doctor-speciality\">MS Orthopaedics<\/span>\r\n\r\n          <div class=\"syn-home-doctor-college\">\r\n            <span>PG College<\/span>\r\n            <strong>Kilpauk Medical College<\/strong>\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-doctor-meta\">\r\n            <span>Completed 2024<\/span>\r\n            <span>Tamil<\/span>\r\n            <span>English<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-doctor-availability\">\r\n            <span class=\"syn-home-doctor-availability-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n                <path d=\"M7 3v4M17 3v4M3 10h18\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <div>\r\n              <span>Next available<\/span>\r\n              <strong>Sunday, 7:00 PM<\/strong>\r\n            <\/div>\r\n\r\n            <div class=\"syn-home-doctor-duration\">\r\n              30 min<br \/>1 credit\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-doctor-actions\">\r\n            <a class=\"syn-home-doctor-profile\" href=\"#\">View Profile<\/a>\r\n            <a class=\"syn-home-doctor-book\" href=\"#\">Book a Call<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"syn-home-doctor-card\">\r\n        <div class=\"syn-home-doctor-photo\">\r\n          <img decoding=\"async\" src=\"\" alt=\"Doctor profile\" \/>\r\n          <span class=\"syn-home-doctor-photo-placeholder\">DR<\/span>\r\n\r\n          <span class=\"syn-home-doctor-verified\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"m6 12 4 4 8-8\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2.2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            Verified\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"syn-home-doctor-copy\">\r\n          <h3>Doctor Name<\/h3>\r\n          <span class=\"syn-home-doctor-speciality\">MD Radiodiagnosis<\/span>\r\n\r\n          <div class=\"syn-home-doctor-college\">\r\n            <span>PG College<\/span>\r\n            <strong>Tirunelveli Medical College<\/strong>\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-doctor-meta\">\r\n            <span>Completed 2023<\/span>\r\n            <span>Tamil<\/span>\r\n            <span>English<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-doctor-availability\">\r\n            <span class=\"syn-home-doctor-availability-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n                <path d=\"M7 3v4M17 3v4M3 10h18\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <div>\r\n              <span>Next available<\/span>\r\n              <strong>Next week<\/strong>\r\n            <\/div>\r\n\r\n            <div class=\"syn-home-doctor-duration\">\r\n              30 min<br \/>1 credit\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-doctor-actions\">\r\n            <a class=\"syn-home-doctor-profile\" href=\"#\">View Profile<\/a>\r\n            <a class=\"syn-home-doctor-book\" href=\"#\">Book a Call<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"syn-home-doctors-bottom\">\r\n      <a class=\"syn-home-doctors-all\" href=\"\/find-a-doctor\/\">\r\n        Explore All Doctors\r\n\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n          <path d=\"M5 12h14M13 6l6 6-6 6\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"2\"\r\n            stroke-linecap=\"round\"\r\n            stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4fb0838 e-con-full e-flex e-con e-parent\" data-id=\"4fb0838\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bcd58c9 elementor-widget elementor-widget-html\" data-id=\"bcd58c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .syn-home-topics,\r\n  .syn-home-topics * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .syn-home-topics {\r\n    --ink: #092832;\r\n    --muted: #647e85;\r\n    --teal: #23c7b9;\r\n    --teal-dark: #087f77;\r\n    --teal-soft: #d9faf5;\r\n    --violet: #8172e8;\r\n    --violet-soft: #efedff;\r\n    --blue: #3571d0;\r\n    --blue-soft: #e5efff;\r\n    --navy: #082733;\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    padding: 115px 24px;\r\n    font-family: Inter, Manrope, -apple-system, BlinkMacSystemFont, \"Segoe UI\",\r\n      sans-serif;\r\n    background:\r\n      radial-gradient(\r\n        circle at 90% 13%,\r\n        rgba(35, 199, 185, 0.12),\r\n        transparent 27%\r\n      ),\r\n      radial-gradient(\r\n        circle at 6% 89%,\r\n        rgba(129, 114, 232, 0.08),\r\n        transparent 28%\r\n      ),\r\n      linear-gradient(145deg, #f4faf9 0%, #f9fbff 52%, #f6f3ff 100%);\r\n  }\r\n\r\n  .syn-home-topics::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 420px;\r\n    height: 420px;\r\n    left: -270px;\r\n    top: -190px;\r\n    z-index: -2;\r\n    border: 1px solid rgba(35, 199, 185, 0.12);\r\n    border-radius: 50%;\r\n    box-shadow:\r\n      0 0 0 60px rgba(35, 199, 185, 0.025),\r\n      0 0 0 120px rgba(129, 114, 232, 0.018);\r\n  }\r\n\r\n  .syn-home-topics-wrap {\r\n    width: min(1180px, 100%);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Heading *\/\r\n\r\n  .syn-home-topics-header {\r\n    max-width: 820px;\r\n    margin: 0 auto 55px;\r\n    text-align: center;\r\n  }\r\n\r\n  .syn-home-topics-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin-bottom: 19px;\r\n    color: var(--teal-dark);\r\n    font-size: 11px;\r\n    font-weight: 760;\r\n    letter-spacing: 0.11em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .syn-home-topics-label::before,\r\n  .syn-home-topics-label::after {\r\n    content: \"\";\r\n    width: 22px;\r\n    height: 2px;\r\n    border-radius: 99px;\r\n  }\r\n\r\n  .syn-home-topics-label::before {\r\n    background: var(--teal);\r\n  }\r\n\r\n  .syn-home-topics-label::after {\r\n    background: var(--violet);\r\n  }\r\n\r\n  .syn-home-topics-title {\r\n    margin: 0;\r\n    color: var(--ink);\r\n    font-size: clamp(40px, 4.8vw, 63px);\r\n    font-weight: 730;\r\n    line-height: 1.06;\r\n    letter-spacing: -0.05em;\r\n  }\r\n\r\n  .syn-home-topics-title span {\r\n    color: var(--teal-dark);\r\n  }\r\n\r\n  .syn-home-topics-description {\r\n    max-width: 650px;\r\n    margin: 20px auto 0;\r\n    color: var(--muted);\r\n    font-size: 16px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  \/* Main layout *\/\r\n\r\n  .syn-home-topics-layout {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.22fr) minmax(350px, 0.78fr);\r\n    align-items: stretch;\r\n    gap: 20px;\r\n  }\r\n\r\n  \/* Topic panel *\/\r\n\r\n  .syn-home-topic-panel {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 31px;\r\n    border: 1px solid rgba(255, 255, 255, 0.96);\r\n    border-radius: 28px;\r\n    background: rgba(255, 255, 255, 0.68);\r\n    box-shadow:\r\n      0 25px 65px rgba(25, 77, 84, 0.085),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.98);\r\n    backdrop-filter: blur(18px);\r\n    -webkit-backdrop-filter: blur(18px);\r\n  }\r\n\r\n  .syn-home-topic-panel::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 170px;\r\n    height: 170px;\r\n    top: -90px;\r\n    right: -80px;\r\n    border-radius: 50%;\r\n    background: rgba(35, 199, 185, 0.065);\r\n  }\r\n\r\n  .syn-home-topic-panel-heading {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 13px;\r\n    margin-bottom: 25px;\r\n  }\r\n\r\n  .syn-home-topic-panel-icon {\r\n    width: 44px;\r\n    height: 44px;\r\n    display: grid;\r\n    place-items: center;\r\n    flex: 0 0 auto;\r\n    border-radius: 14px;\r\n    color: var(--teal-dark);\r\n    background: var(--teal-soft);\r\n  }\r\n\r\n  .syn-home-topic-panel-icon svg {\r\n    width: 21px;\r\n    height: 21px;\r\n  }\r\n\r\n  .syn-home-topic-panel-heading h3 {\r\n    margin: 0;\r\n    color: var(--ink);\r\n    font-size: 19px;\r\n    font-weight: 720;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .syn-home-topic-panel-heading p {\r\n    margin: 4px 0 0;\r\n    color: #748c92;\r\n    font-size: 11px;\r\n  }\r\n\r\n  .syn-home-topic-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 10px;\r\n  }\r\n\r\n  .syn-home-topic {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n    min-height: 61px;\r\n    padding: 12px 13px;\r\n    border: 1px solid rgba(9, 40, 50, 0.06);\r\n    border-radius: 15px;\r\n    color: #385c63;\r\n    background: rgba(248, 252, 252, 0.75);\r\n    font-size: 12px;\r\n    font-weight: 670;\r\n    line-height: 1.4;\r\n    transition:\r\n      transform 0.25s ease,\r\n      border-color 0.25s ease,\r\n      background 0.25s ease;\r\n  }\r\n\r\n  .syn-home-topic:hover {\r\n    transform: translateY(-3px);\r\n    border-color: rgba(35, 199, 185, 0.17);\r\n    background: #ffffff;\r\n  }\r\n\r\n  .syn-home-topic-icon {\r\n    width: 30px;\r\n    height: 30px;\r\n    display: grid;\r\n    place-items: center;\r\n    flex: 0 0 auto;\r\n    border-radius: 10px;\r\n    color: var(--teal-dark);\r\n    background: var(--teal-soft);\r\n  }\r\n\r\n  .syn-home-topic:nth-child(2n) .syn-home-topic-icon {\r\n    color: var(--violet);\r\n    background: var(--violet-soft);\r\n  }\r\n\r\n  .syn-home-topic:nth-child(3n) .syn-home-topic-icon {\r\n    color: var(--blue);\r\n    background: var(--blue-soft);\r\n  }\r\n\r\n  .syn-home-topic-icon svg {\r\n    width: 14px;\r\n    height: 14px;\r\n  }\r\n\r\n  \/* Call preview *\/\r\n\r\n  .syn-home-call-panel {\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    overflow: hidden;\r\n    padding: 27px;\r\n    border: 1px solid rgba(9, 40, 50, 0.08);\r\n    border-radius: 28px;\r\n    background:\r\n      radial-gradient(\r\n        circle at 100% 0%,\r\n        rgba(35, 199, 185, 0.11),\r\n        transparent 34%\r\n      ),\r\n      linear-gradient(145deg, #082733, #0c3a46);\r\n    box-shadow:\r\n      0 27px 65px rgba(7, 28, 39, 0.17),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.08);\r\n  }\r\n\r\n  .syn-home-call-top {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding-bottom: 20px;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\r\n  }\r\n\r\n  .syn-home-call-icon {\r\n    width: 43px;\r\n    height: 43px;\r\n    display: grid;\r\n    place-items: center;\r\n    flex: 0 0 auto;\r\n    border-radius: 14px;\r\n    color: #062422;\r\n    background: linear-gradient(135deg, #b3fff6, #45e0d0);\r\n  }\r\n\r\n  .syn-home-call-icon svg {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n\r\n  .syn-home-call-top h3 {\r\n    margin: 0;\r\n    color: #f4fffd;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .syn-home-call-top p {\r\n    margin: 4px 0 0;\r\n    color: #809aa1;\r\n    font-size: 10px;\r\n  }\r\n\r\n  .syn-home-call-status {\r\n    width: 8px;\r\n    height: 8px;\r\n    margin-left: auto;\r\n    border-radius: 50%;\r\n    background: var(--teal);\r\n    box-shadow: 0 0 0 5px rgba(69, 224, 208, 0.08);\r\n  }\r\n\r\n  .syn-home-call-list {\r\n    display: grid;\r\n    gap: 10px;\r\n    margin-top: 22px;\r\n  }\r\n\r\n  .syn-home-call-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n    padding: 12px;\r\n    border: 1px solid rgba(255, 255, 255, 0.075);\r\n    border-radius: 14px;\r\n    background: rgba(255, 255, 255, 0.05);\r\n  }\r\n\r\n  .syn-home-call-item-number {\r\n    width: 27px;\r\n    height: 27px;\r\n    display: grid;\r\n    place-items: center;\r\n    flex: 0 0 auto;\r\n    border-radius: 9px;\r\n    color: var(--teal-soft);\r\n    background: rgba(69, 224, 208, 0.085);\r\n    font-size: 9px;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .syn-home-call-item:nth-child(even) .syn-home-call-item-number {\r\n    color: #ddd8ff;\r\n    background: rgba(155, 140, 255, 0.1);\r\n  }\r\n\r\n  .syn-home-call-item span:last-child {\r\n    color: #b5c9cd;\r\n    font-size: 11px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .syn-home-call-note {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n    margin-top: auto;\r\n    padding-top: 23px;\r\n  }\r\n\r\n  .syn-home-call-note-icon {\r\n    width: 28px;\r\n    height: 28px;\r\n    display: grid;\r\n    place-items: center;\r\n    flex: 0 0 auto;\r\n    border-radius: 9px;\r\n    color: #ddd8ff;\r\n    background: rgba(155, 140, 255, 0.11);\r\n  }\r\n\r\n  .syn-home-call-note-icon svg {\r\n    width: 14px;\r\n    height: 14px;\r\n  }\r\n\r\n  .syn-home-call-note p {\r\n    margin: 0;\r\n    color: #8fa7ad;\r\n    font-size: 11px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .syn-home-call-note strong {\r\n    color: #e8f6f5;\r\n  }\r\n\r\n  \/* Bottom note *\/\r\n\r\n  .syn-home-topics-bottom {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 11px;\r\n    max-width: 790px;\r\n    margin: 27px auto 0;\r\n    color: #607a81;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .syn-home-topics-bottom-icon {\r\n    width: 23px;\r\n    height: 23px;\r\n    display: grid;\r\n    place-items: center;\r\n    flex: 0 0 auto;\r\n    border-radius: 50%;\r\n    color: var(--teal-dark);\r\n    background: var(--teal-soft);\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n  }\r\n\r\n  @media (max-width: 960px) {\r\n    .syn-home-topics {\r\n      padding: 95px 22px;\r\n    }\r\n\r\n    .syn-home-topics-layout {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .syn-home-call-panel {\r\n      min-height: 430px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 620px) {\r\n    .syn-home-topics {\r\n      padding: 78px 16px;\r\n    }\r\n\r\n    .syn-home-topics-header {\r\n      margin-bottom: 42px;\r\n    }\r\n\r\n    .syn-home-topics-title {\r\n      font-size: clamp(37px, 10.8vw, 49px);\r\n    }\r\n\r\n    .syn-home-topics-description {\r\n      font-size: 15px;\r\n    }\r\n\r\n    .syn-home-topic-panel,\r\n    .syn-home-call-panel {\r\n      padding: 21px;\r\n      border-radius: 23px;\r\n    }\r\n\r\n    .syn-home-topic-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .syn-home-call-panel {\r\n      min-height: 415px;\r\n    }\r\n\r\n    .syn-home-topics-bottom {\r\n      align-items: flex-start;\r\n      text-align: left;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .syn-home-topic {\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"syn-home-topics\" id=\"home-call-topics\">\r\n  <div class=\"syn-home-topics-wrap\">\r\n\r\n    <!-- Heading -->\r\n    <div class=\"syn-home-topics-header\">\r\n      <div class=\"syn-home-topics-label\">What can you ask?<\/div>\r\n\r\n      <h2 class=\"syn-home-topics-title\">\r\n        Ask what actually matters <span>before joining.<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"syn-home-topics-description\">\r\n        Use the call to understand the practical realities of the college and\r\n        department.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"syn-home-topics-layout\">\r\n\r\n      <!-- Topics -->\r\n      <div class=\"syn-home-topic-panel\">\r\n        <div class=\"syn-home-topic-panel-heading\">\r\n          <span class=\"syn-home-topic-panel-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n              <path d=\"M5 5.5h14a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-7l-4.5 3v-3H5a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2Z\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n                stroke-linejoin=\"round\"\/>\r\n              <path d=\"M8 10h8M8 13.5h5\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n                stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <div>\r\n            <h3>Common discussion topics<\/h3>\r\n            <p>Ask based on what matters to your decision.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"syn-home-topic-grid\">\r\n\r\n          <div class=\"syn-home-topic\">\r\n            <span class=\"syn-home-topic-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <path d=\"M12 3v18M3 12h18\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"2\"\r\n                  stroke-linecap=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            Clinical exposure\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-topic\">\r\n            <span class=\"syn-home-topic-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <circle cx=\"12\" cy=\"12\" r=\"8\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n                <path d=\"M12 7v5l3 2\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linecap=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            Duty hours and workload\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-topic\">\r\n            <span class=\"syn-home-topic-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <path d=\"M4 6.5 12 3l8 3.5-8 3.5-8-3.5Z\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linejoin=\"round\"\/>\r\n                <path d=\"M7 9v5c2.7 2 7.3 2 10 0V9\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            Teaching and academics\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-topic\">\r\n            <span class=\"syn-home-topic-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <circle cx=\"8\" cy=\"8\" r=\"3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n                <circle cx=\"17\" cy=\"9\" r=\"2.5\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n                <path d=\"M3 20v-2a5 5 0 0 1 10 0v2M14 20v-1.5a4 4 0 0 1 7 0V20\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            Department culture\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-topic\">\r\n            <span class=\"syn-home-topic-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <circle cx=\"12\" cy=\"12\" r=\"8\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n                <path d=\"M15 8.5H9M14 12H9M9.5 8.5c4 0 4 7 0 7H15\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linecap=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            Stipend and bond\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-topic\">\r\n            <span class=\"syn-home-topic-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <path d=\"M4 20V9l8-5 8 5v11\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linejoin=\"round\"\/>\r\n                <path d=\"M9 20v-6h6v6\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            Hostel and accommodation\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-topic\">\r\n            <span class=\"syn-home-topic-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <path d=\"M4 19h16M6 19V8h12v11M9 8V4h6v4\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linejoin=\"round\"\/>\r\n                <path d=\"M9 12h2M13 12h2\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.6\"\r\n                  stroke-linecap=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            Patient load and cases\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-topic\">\r\n            <span class=\"syn-home-topic-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <path d=\"M12 21s7-5.2 7-11a7 7 0 1 0-14 0c0 5.8 7 11 7 11Z\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n                <circle cx=\"12\" cy=\"10\" r=\"2.5\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            College and city life\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-topic\">\r\n            <span class=\"syn-home-topic-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <path d=\"m5 12 4 4L19 6\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            Advantages\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-topic\">\r\n            <span class=\"syn-home-topic-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <path d=\"M12 8v5M12 17h.01\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"2\"\r\n                  stroke-linecap=\"round\"\/>\r\n                <circle cx=\"12\" cy=\"12\" r=\"9\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            Limitations\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Call preview -->\r\n      <div class=\"syn-home-call-panel\">\r\n        <div class=\"syn-home-call-top\">\r\n          <span class=\"syn-home-call-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n              <rect x=\"3\" y=\"5\" width=\"13\" height=\"14\" rx=\"3\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\/>\r\n              <path d=\"m16 10 5-3v10l-5-3\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <div>\r\n            <h3>Your guidance call<\/h3>\r\n            <p>Private \u2022 30 minutes<\/p>\r\n          <\/div>\r\n\r\n          <span class=\"syn-home-call-status\"><\/span>\r\n        <\/div>\r\n\r\n        <div class=\"syn-home-call-list\">\r\n          <div class=\"syn-home-call-item\">\r\n            <span class=\"syn-home-call-item-number\">01<\/span>\r\n            <span>Understand the day-to-day reality<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-call-item\">\r\n            <span class=\"syn-home-call-item-number\">02<\/span>\r\n            <span>Compare what matters to you<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-call-item\">\r\n            <span class=\"syn-home-call-item-number\">03<\/span>\r\n            <span>Clarify practical concerns<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-call-item\">\r\n            <span class=\"syn-home-call-item-number\">04<\/span>\r\n            <span>Make your own informed decision<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"syn-home-call-note\">\r\n          <span class=\"syn-home-call-note-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M12 8v5M12 17h.01\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\"\/>\r\n              <circle cx=\"12\" cy=\"12\" r=\"9\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <p>\r\n            <strong>The doctor shares personal experience.<\/strong><br \/>\r\n            The final counselling choice remains with you.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"syn-home-topics-bottom\">\r\n      <span class=\"syn-home-topics-bottom-icon\">\u2713<\/span>\r\n      No prepared counselling speech\u2014just a direct conversation with someone\r\n      who has trained there.\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8f2e719 e-con-full e-flex e-con e-parent\" data-id=\"8f2e719\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc60254 elementor-widget elementor-widget-html\" data-id=\"dc60254\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .syn-home-pricing,\r\n  .syn-home-pricing * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .syn-home-pricing {\r\n    --navy: #061d28;\r\n    --navy-soft: #0b3541;\r\n    --teal: #45e0d0;\r\n    --teal-soft: #b3fff6;\r\n    --violet: #9c8cff;\r\n    --white: #f5fffd;\r\n    --muted: #9bb3b9;\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    padding: 115px 24px;\r\n    font-family: Inter, Manrope, -apple-system, BlinkMacSystemFont, \"Segoe UI\",\r\n      sans-serif;\r\n    background:\r\n      radial-gradient(\r\n        circle at 13% 13%,\r\n        rgba(69, 224, 208, 0.14),\r\n        transparent 27%\r\n      ),\r\n      radial-gradient(\r\n        circle at 90% 87%,\r\n        rgba(156, 140, 255, 0.12),\r\n        transparent 29%\r\n      ),\r\n      linear-gradient(140deg, var(--navy), var(--navy-soft));\r\n  }\r\n\r\n  .syn-home-pricing::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -3;\r\n    opacity: 0.31;\r\n    background-image:\r\n      linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);\r\n    background-size: 52px 52px;\r\n    mask-image: radial-gradient(circle at center, #000, transparent 84%);\r\n  }\r\n\r\n  .syn-home-pricing::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 430px;\r\n    height: 430px;\r\n    right: -270px;\r\n    top: -200px;\r\n    z-index: -2;\r\n    border: 1px solid rgba(69, 224, 208, 0.11);\r\n    border-radius: 50%;\r\n    box-shadow:\r\n      0 0 0 60px rgba(69, 224, 208, 0.024),\r\n      0 0 0 120px rgba(156, 140, 255, 0.017);\r\n  }\r\n\r\n  .syn-home-pricing-wrap {\r\n    width: min(1180px, 100%);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Heading *\/\r\n\r\n  .syn-home-pricing-header {\r\n    max-width: 800px;\r\n    margin: 0 auto 55px;\r\n    text-align: center;\r\n  }\r\n\r\n  .syn-home-pricing-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin-bottom: 19px;\r\n    color: var(--teal-soft);\r\n    font-size: 11px;\r\n    font-weight: 760;\r\n    letter-spacing: 0.11em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .syn-home-pricing-label::before,\r\n  .syn-home-pricing-label::after {\r\n    content: \"\";\r\n    width: 22px;\r\n    height: 2px;\r\n    border-radius: 99px;\r\n  }\r\n\r\n  .syn-home-pricing-label::before {\r\n    background: var(--teal);\r\n  }\r\n\r\n  .syn-home-pricing-label::after {\r\n    background: var(--violet);\r\n  }\r\n\r\n  .syn-home-pricing-title {\r\n    margin: 0;\r\n    color: var(--white);\r\n    font-size: clamp(40px, 4.8vw, 63px);\r\n    font-weight: 730;\r\n    line-height: 1.06;\r\n    letter-spacing: -0.05em;\r\n  }\r\n\r\n  .syn-home-pricing-title span {\r\n    color: transparent;\r\n    background: linear-gradient(100deg, var(--teal-soft), var(--teal));\r\n    background-clip: text;\r\n    -webkit-background-clip: text;\r\n  }\r\n\r\n  .syn-home-pricing-description {\r\n    max-width: 670px;\r\n    margin: 20px auto 0;\r\n    color: var(--muted);\r\n    font-size: 16px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  \/* Pricing grid *\/\r\n\r\n  .syn-home-pricing-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    align-items: stretch;\r\n    gap: 13px;\r\n  }\r\n\r\n  .syn-home-price-card {\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    overflow: hidden;\r\n    padding: 24px;\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: 25px;\r\n    background: linear-gradient(\r\n      145deg,\r\n      rgba(255, 255, 255, 0.09),\r\n      rgba(255, 255, 255, 0.04)\r\n    );\r\n    box-shadow:\r\n      0 25px 60px rgba(0, 8, 14, 0.2),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.08);\r\n    backdrop-filter: blur(19px);\r\n    -webkit-backdrop-filter: blur(19px);\r\n    transition:\r\n      transform 0.28s ease,\r\n      border-color 0.28s ease,\r\n      box-shadow 0.28s ease;\r\n  }\r\n\r\n  .syn-home-price-card:hover {\r\n    transform: translateY(-6px);\r\n    border-color: rgba(69, 224, 208, 0.19);\r\n    box-shadow:\r\n      0 32px 72px rgba(0, 8, 14, 0.27),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.1);\r\n  }\r\n\r\n  .syn-home-price-card-popular {\r\n    border-color: rgba(69, 224, 208, 0.27);\r\n    background:\r\n      radial-gradient(\r\n        circle at 100% 0%,\r\n        rgba(69, 224, 208, 0.13),\r\n        transparent 35%\r\n      ),\r\n      linear-gradient(\r\n        145deg,\r\n        rgba(69, 224, 208, 0.105),\r\n        rgba(255, 255, 255, 0.045)\r\n      );\r\n    box-shadow:\r\n      0 28px 70px rgba(0, 8, 14, 0.26),\r\n      0 0 0 1px rgba(69, 224, 208, 0.04),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.1);\r\n  }\r\n\r\n  .syn-home-price-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 120px;\r\n    height: 120px;\r\n    top: -65px;\r\n    right: -53px;\r\n    border-radius: 50%;\r\n    background: rgba(69, 224, 208, 0.055);\r\n  }\r\n\r\n  .syn-home-price-card:nth-child(even)::after {\r\n    background: rgba(156, 140, 255, 0.055);\r\n  }\r\n\r\n  .syn-home-price-badge-space {\r\n    min-height: 26px;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .syn-home-price-badge {\r\n    width: fit-content;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    padding: 7px 9px;\r\n    border: 1px solid rgba(69, 224, 208, 0.16);\r\n    border-radius: 999px;\r\n    color: var(--teal-soft);\r\n    background: rgba(69, 224, 208, 0.085);\r\n    font-size: 9px;\r\n    font-weight: 780;\r\n    letter-spacing: 0.06em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .syn-home-price-badge::before {\r\n    content: \"\";\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    background: var(--teal);\r\n    box-shadow: 0 0 8px rgba(69, 224, 208, 0.75);\r\n  }\r\n\r\n  .syn-home-price-name {\r\n    margin: 0;\r\n    color: var(--white);\r\n    font-size: 20px;\r\n    font-weight: 730;\r\n    line-height: 1.25;\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  .syn-home-price-purpose {\r\n    min-height: 41px;\r\n    margin: 7px 0 0;\r\n    color: #859fa5;\r\n    font-size: 11px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .syn-home-price-value {\r\n    margin-top: 22px;\r\n  }\r\n\r\n  .syn-home-price-value strong {\r\n    display: block;\r\n    color: var(--white);\r\n    font-size: 39px;\r\n    font-weight: 760;\r\n    line-height: 1;\r\n    letter-spacing: -0.05em;\r\n  }\r\n\r\n  .syn-home-price-value span {\r\n    display: block;\r\n    margin-top: 7px;\r\n    color: #829da3;\r\n    font-size: 10px;\r\n  }\r\n\r\n  .syn-home-price-call-count {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 12px;\r\n    margin-top: 21px;\r\n    padding: 13px;\r\n    border: 1px solid rgba(255, 255, 255, 0.07);\r\n    border-radius: 14px;\r\n    background: rgba(2, 17, 24, 0.24);\r\n  }\r\n\r\n  .syn-home-price-call-count span {\r\n    color: #829ca3;\r\n    font-size: 10px;\r\n  }\r\n\r\n  .syn-home-price-call-count strong {\r\n    color: #e8f6f5;\r\n    font-size: 12px;\r\n    font-weight: 720;\r\n  }\r\n\r\n  .syn-home-price-saving {\r\n    min-height: 25px;\r\n    display: flex;\r\n    align-items: center;\r\n    margin-top: 10px;\r\n    color: var(--teal-soft);\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .syn-home-price-saving-muted {\r\n    color: #708b92;\r\n  }\r\n\r\n  .syn-home-price-features {\r\n    display: grid;\r\n    gap: 10px;\r\n    margin: 21px 0 0;\r\n    padding: 19px 0 0;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.075);\r\n  }\r\n\r\n  .syn-home-price-feature {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 8px;\r\n    color: #a0b5ba;\r\n    font-size: 10px;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  .syn-home-price-check {\r\n    width: 17px;\r\n    height: 17px;\r\n    display: grid;\r\n    place-items: center;\r\n    flex: 0 0 auto;\r\n    border-radius: 50%;\r\n    color: var(--teal-soft);\r\n    background: rgba(69, 224, 208, 0.085);\r\n  }\r\n\r\n  .syn-home-price-check svg {\r\n    width: 9px;\r\n    height: 9px;\r\n  }\r\n\r\n  .syn-home-price-button {\r\n    min-height: 48px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    width: 100%;\r\n    margin-top: auto;\r\n    padding: 0 14px;\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: 13px;\r\n    color: #e5f3f2 !important;\r\n    background: rgba(255, 255, 255, 0.055);\r\n    text-decoration: none !important;\r\n    font-size: 11px;\r\n    font-weight: 750;\r\n    transition:\r\n      transform 0.25s ease,\r\n      background 0.25s ease,\r\n      box-shadow 0.25s ease;\r\n  }\r\n\r\n  .syn-home-price-features + .syn-home-price-button {\r\n    margin-top: 22px;\r\n  }\r\n\r\n  .syn-home-price-button:hover {\r\n    transform: translateY(-3px);\r\n    background: rgba(255, 255, 255, 0.09);\r\n  }\r\n\r\n  .syn-home-price-card-popular .syn-home-price-button {\r\n    color: #062422 !important;\r\n    border-color: transparent;\r\n    background: linear-gradient(135deg, var(--teal-soft), var(--teal));\r\n    box-shadow: 0 14px 33px rgba(69, 224, 208, 0.18);\r\n  }\r\n\r\n  .syn-home-price-card-popular .syn-home-price-button:hover {\r\n    box-shadow: 0 19px 40px rgba(69, 224, 208, 0.28);\r\n  }\r\n\r\n  .syn-home-price-button svg {\r\n    width: 14px;\r\n    height: 14px;\r\n  }\r\n\r\n  \/* Package notes *\/\r\n\r\n  .syn-home-pricing-notes {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    margin-top: 27px;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(255, 255, 255, 0.09);\r\n    border-radius: 19px;\r\n    background: rgba(255, 255, 255, 0.045);\r\n    backdrop-filter: blur(14px);\r\n    -webkit-backdrop-filter: blur(14px);\r\n  }\r\n\r\n  .syn-home-pricing-note {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 9px;\r\n    padding: 17px 14px;\r\n    color: #94abb0;\r\n    text-align: center;\r\n    font-size: 10px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .syn-home-pricing-note + .syn-home-pricing-note {\r\n    border-left: 1px solid rgba(255, 255, 255, 0.075);\r\n  }\r\n\r\n  .syn-home-pricing-note-icon {\r\n    width: 25px;\r\n    height: 25px;\r\n    display: grid;\r\n    place-items: center;\r\n    flex: 0 0 auto;\r\n    border-radius: 8px;\r\n    color: var(--teal-soft);\r\n    background: rgba(69, 224, 208, 0.08);\r\n  }\r\n\r\n  .syn-home-pricing-note:nth-child(even) .syn-home-pricing-note-icon {\r\n    color: #ddd8ff;\r\n    background: rgba(156, 140, 255, 0.1);\r\n  }\r\n\r\n  .syn-home-pricing-note-icon svg {\r\n    width: 13px;\r\n    height: 13px;\r\n  }\r\n\r\n  @media (max-width: 1050px) {\r\n    .syn-home-pricing-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .syn-home-pricing-notes {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .syn-home-pricing-note:nth-child(3) {\r\n      border-top: 1px solid rgba(255, 255, 255, 0.075);\r\n      border-left: 0;\r\n    }\r\n\r\n    .syn-home-pricing-note:nth-child(4) {\r\n      border-top: 1px solid rgba(255, 255, 255, 0.075);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 620px) {\r\n    .syn-home-pricing {\r\n      padding: 78px 16px;\r\n    }\r\n\r\n    .syn-home-pricing-header {\r\n      margin-bottom: 42px;\r\n    }\r\n\r\n    .syn-home-pricing-title {\r\n      font-size: clamp(37px, 10.8vw, 49px);\r\n    }\r\n\r\n    .syn-home-pricing-description {\r\n      font-size: 15px;\r\n    }\r\n\r\n    .syn-home-pricing-grid,\r\n    .syn-home-pricing-notes {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .syn-home-price-card {\r\n      padding: 22px;\r\n      border-radius: 22px;\r\n    }\r\n\r\n    .syn-home-pricing-note + .syn-home-pricing-note,\r\n    .syn-home-pricing-note:nth-child(3),\r\n    .syn-home-pricing-note:nth-child(4) {\r\n      border-top: 1px solid rgba(255, 255, 255, 0.075);\r\n      border-left: 0;\r\n    }\r\n\r\n    .syn-home-pricing-note {\r\n      justify-content: flex-start;\r\n      text-align: left;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .syn-home-price-card,\r\n    .syn-home-price-button {\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"syn-home-pricing\" id=\"home-pricing\">\r\n  <div class=\"syn-home-pricing-wrap\">\r\n\r\n    <!-- Heading -->\r\n    <div class=\"syn-home-pricing-header\">\r\n      <div class=\"syn-home-pricing-label\">Call packages<\/div>\r\n\r\n      <h2 class=\"syn-home-pricing-title\">\r\n        Choose how many calls <span>you need.<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"syn-home-pricing-description\">\r\n        Use your credits with any available doctor. Compare different colleges,\r\n        departments or training experiences.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"syn-home-pricing-grid\">\r\n\r\n      <!-- Starter -->\r\n      <article class=\"syn-home-price-card\">\r\n        <div class=\"syn-home-price-badge-space\"><\/div>\r\n\r\n        <h3 class=\"syn-home-price-name\">Starter<\/h3>\r\n        <p class=\"syn-home-price-purpose\">For one focused conversation.<\/p>\r\n\r\n        <div class=\"syn-home-price-value\">\r\n          <strong>\u20b9500<\/strong>\r\n          <span>\u20b9500 per call<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"syn-home-price-call-count\">\r\n          <span>Included<\/span>\r\n          <strong>1 Call<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"syn-home-price-saving syn-home-price-saving-muted\">\r\n          Single-call access\r\n        <\/div>\r\n\r\n        <div class=\"syn-home-price-features\">\r\n          <div class=\"syn-home-price-feature\">\r\n            <span class=\"syn-home-price-check\">\r\n              <svg viewBox=\"0 0 12 12\" fill=\"none\">\r\n                <path d=\"M2 6.2 4.6 9 10 3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            One private 30-minute call\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-price-feature\">\r\n            <span class=\"syn-home-price-check\">\r\n              <svg viewBox=\"0 0 12 12\" fill=\"none\">\r\n                <path d=\"M2 6.2 4.6 9 10 3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            Choose any available doctor\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-price-feature\">\r\n            <span class=\"syn-home-price-check\">\r\n              <svg viewBox=\"0 0 12 12\" fill=\"none\">\r\n                <path d=\"M2 6.2 4.6 9 10 3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            Google Meet link and reminders\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <a class=\"syn-home-price-button\" href=\"#\">\r\n          Buy 1 Call\r\n        <\/a>\r\n      <\/article>\r\n\r\n      <!-- Compare -->\r\n      <article class=\"syn-home-price-card\">\r\n        <div class=\"syn-home-price-badge-space\"><\/div>\r\n\r\n        <h3 class=\"syn-home-price-name\">Compare<\/h3>\r\n        <p class=\"syn-home-price-purpose\">For comparing a few options.<\/p>\r\n\r\n        <div class=\"syn-home-price-value\">\r\n          <strong>\u20b91,400<\/strong>\r\n          <span>\u20b9467 per call<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"syn-home-price-call-count\">\r\n          <span>Included<\/span>\r\n          <strong>3 Calls<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"syn-home-price-saving\">Save \u20b9100<\/div>\r\n\r\n        <div class=\"syn-home-price-features\">\r\n          <div class=\"syn-home-price-feature\">\r\n            <span class=\"syn-home-price-check\">\r\n              <svg viewBox=\"0 0 12 12\" fill=\"none\">\r\n                <path d=\"M2 6.2 4.6 9 10 3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            Three private 30-minute calls\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-price-feature\">\r\n            <span class=\"syn-home-price-check\">\r\n              <svg viewBox=\"0 0 12 12\" fill=\"none\">\r\n                <path d=\"M2 6.2 4.6 9 10 3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            Use credits with different doctors\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-price-feature\">\r\n            <span class=\"syn-home-price-check\">\r\n              <svg viewBox=\"0 0 12 12\" fill=\"none\">\r\n                <path d=\"M2 6.2 4.6 9 10 3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            Booking history in your account\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <a class=\"syn-home-price-button\" href=\"#\">\r\n          Buy 3 Calls\r\n        <\/a>\r\n      <\/article>\r\n\r\n      <!-- Decide -->\r\n      <article class=\"syn-home-price-card syn-home-price-card-popular\">\r\n        <div class=\"syn-home-price-badge-space\">\r\n          <span class=\"syn-home-price-badge\">Most Popular<\/span>\r\n        <\/div>\r\n\r\n        <h3 class=\"syn-home-price-name\">Decide<\/h3>\r\n        <p class=\"syn-home-price-purpose\">For multiple realistic options.<\/p>\r\n\r\n        <div class=\"syn-home-price-value\">\r\n          <strong>\u20b92,250<\/strong>\r\n          <span>\u20b9450 per call<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"syn-home-price-call-count\">\r\n          <span>Included<\/span>\r\n          <strong>5 Calls<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"syn-home-price-saving\">Save \u20b9250<\/div>\r\n\r\n        <div class=\"syn-home-price-features\">\r\n          <div class=\"syn-home-price-feature\">\r\n            <span class=\"syn-home-price-check\">\r\n              <svg viewBox=\"0 0 12 12\" fill=\"none\">\r\n                <path d=\"M2 6.2 4.6 9 10 3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            Five private 30-minute calls\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-price-feature\">\r\n            <span class=\"syn-home-price-check\">\r\n              <svg viewBox=\"0 0 12 12\" fill=\"none\">\r\n                <path d=\"M2 6.2 4.6 9 10 3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            Compare colleges and departments\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-price-feature\">\r\n            <span class=\"syn-home-price-check\">\r\n              <svg viewBox=\"0 0 12 12\" fill=\"none\">\r\n                <path d=\"M2 6.2 4.6 9 10 3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            Use credits whenever required\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <a class=\"syn-home-price-button\" href=\"#\">\r\n          Buy 5 Calls\r\n        <\/a>\r\n      <\/article>\r\n\r\n      <!-- Explorer -->\r\n      <article class=\"syn-home-price-card\">\r\n        <div class=\"syn-home-price-badge-space\"><\/div>\r\n\r\n        <h3 class=\"syn-home-price-name\">Explorer<\/h3>\r\n        <p class=\"syn-home-price-purpose\">For wider counselling comparison.<\/p>\r\n\r\n        <div class=\"syn-home-price-value\">\r\n          <strong>\u20b94,000<\/strong>\r\n          <span>\u20b9400 per call<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"syn-home-price-call-count\">\r\n          <span>Included<\/span>\r\n          <strong>10 Calls<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"syn-home-price-saving\">Save \u20b91,000<\/div>\r\n\r\n        <div class=\"syn-home-price-features\">\r\n          <div class=\"syn-home-price-feature\">\r\n            <span class=\"syn-home-price-check\">\r\n              <svg viewBox=\"0 0 12 12\" fill=\"none\">\r\n                <path d=\"M2 6.2 4.6 9 10 3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            Ten private 30-minute calls\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-price-feature\">\r\n            <span class=\"syn-home-price-check\">\r\n              <svg viewBox=\"0 0 12 12\" fill=\"none\">\r\n                <path d=\"M2 6.2 4.6 9 10 3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            Use with any available doctor\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-price-feature\">\r\n            <span class=\"syn-home-price-check\">\r\n              <svg viewBox=\"0 0 12 12\" fill=\"none\">\r\n                <path d=\"M2 6.2 4.6 9 10 3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            Best value per call\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <a class=\"syn-home-price-button\" href=\"#\">\r\n          Buy 10 Calls\r\n        <\/a>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <!-- Important package notes -->\r\n    <div class=\"syn-home-pricing-notes\">\r\n      <div class=\"syn-home-pricing-note\">\r\n        <span class=\"syn-home-pricing-note-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"9\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.8\"\/>\r\n            <path d=\"M12 7v5l3 2\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.8\"\r\n              stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        Each call is 30 minutes\r\n      <\/div>\r\n\r\n      <div class=\"syn-home-pricing-note\">\r\n        <span class=\"syn-home-pricing-note-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M12 3 4.5 6v5.2c0 4.8 3.1 8 7.5 9.8 4.4-1.8 7.5-5 7.5-9.8V6L12 3Z\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.8\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        Use credits with any doctor\r\n      <\/div>\r\n\r\n      <div class=\"syn-home-pricing-note\">\r\n        <span class=\"syn-home-pricing-note-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"3\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.8\"\/>\r\n            <path d=\"M7 3v4M17 3v4M3 10h18\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.8\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        Valid during package period\r\n      <\/div>\r\n\r\n      <div class=\"syn-home-pricing-note\">\r\n        <span class=\"syn-home-pricing-note-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M6 8h9a4 4 0 0 1 4 4v1\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.8\"\r\n              stroke-linecap=\"round\"\/>\r\n            <path d=\"m9 5-3 3 3 3M18 19v-6\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.8\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        One eligible reschedule\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f4aea87 e-con-full e-flex e-con e-parent\" data-id=\"f4aea87\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f28c14 elementor-widget elementor-widget-html\" data-id=\"8f28c14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .syn-home-assurance,\r\n  .syn-home-assurance * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .syn-home-assurance {\r\n    --ink: #092832;\r\n    --muted: #647e85;\r\n    --teal: #23c7b9;\r\n    --teal-dark: #087f77;\r\n    --teal-soft: #d9faf5;\r\n    --violet: #8172e8;\r\n    --violet-soft: #efedff;\r\n    --blue: #3571d0;\r\n    --blue-soft: #e5efff;\r\n    --navy: #082733;\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    padding: 115px 24px;\r\n    font-family: Inter, Manrope, -apple-system, BlinkMacSystemFont, \"Segoe UI\",\r\n      sans-serif;\r\n    background:\r\n      radial-gradient(\r\n        circle at 90% 13%,\r\n        rgba(35, 199, 185, 0.12),\r\n        transparent 27%\r\n      ),\r\n      radial-gradient(\r\n        circle at 6% 89%,\r\n        rgba(129, 114, 232, 0.08),\r\n        transparent 28%\r\n      ),\r\n      linear-gradient(145deg, #f4faf9 0%, #f9fbff 52%, #f6f3ff 100%);\r\n  }\r\n\r\n  .syn-home-assurance::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 420px;\r\n    height: 420px;\r\n    right: -270px;\r\n    top: -190px;\r\n    z-index: -2;\r\n    border: 1px solid rgba(35, 199, 185, 0.12);\r\n    border-radius: 50%;\r\n    box-shadow:\r\n      0 0 0 60px rgba(35, 199, 185, 0.025),\r\n      0 0 0 120px rgba(129, 114, 232, 0.018);\r\n  }\r\n\r\n  .syn-home-assurance-wrap {\r\n    width: min(1180px, 100%);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .syn-home-assurance-layout {\r\n    display: grid;\r\n    grid-template-columns: minmax(350px, 0.82fr) minmax(0, 1.18fr);\r\n    align-items: center;\r\n    gap: 75px;\r\n  }\r\n\r\n  \/* Booking visual *\/\r\n\r\n  .syn-home-assurance-visual {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 470px;\r\n    margin: 0 auto;\r\n    padding: 31px 0;\r\n  }\r\n\r\n  .syn-home-assurance-visual::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 360px;\r\n    height: 360px;\r\n    top: 50%;\r\n    left: 50%;\r\n    z-index: -1;\r\n    border: 1px solid rgba(35, 199, 185, 0.13);\r\n    border-radius: 50%;\r\n    transform: translate(-50%, -50%);\r\n    box-shadow:\r\n      0 0 0 50px rgba(35, 199, 185, 0.025),\r\n      0 0 0 100px rgba(129, 114, 232, 0.018);\r\n  }\r\n\r\n  .syn-home-assurance-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 27px;\r\n    border: 1px solid rgba(255, 255, 255, 0.96);\r\n    border-radius: 29px;\r\n    background: rgba(255, 255, 255, 0.71);\r\n    box-shadow:\r\n      0 30px 75px rgba(25, 77, 84, 0.13),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.98);\r\n    backdrop-filter: blur(21px);\r\n    -webkit-backdrop-filter: blur(21px);\r\n  }\r\n\r\n  .syn-home-assurance-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 155px;\r\n    height: 155px;\r\n    top: -82px;\r\n    right: -68px;\r\n    border-radius: 50%;\r\n    background: rgba(35, 199, 185, 0.07);\r\n  }\r\n\r\n  .syn-home-assurance-card-top {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 14px;\r\n    padding-bottom: 21px;\r\n    border-bottom: 1px solid rgba(9, 40, 50, 0.07);\r\n  }\r\n\r\n  .syn-home-assurance-card-label {\r\n    color: #718a91;\r\n    font-size: 10px;\r\n    font-weight: 760;\r\n    letter-spacing: 0.09em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .syn-home-assurance-status {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    padding: 7px 9px;\r\n    border-radius: 999px;\r\n    color: var(--teal-dark);\r\n    background: var(--teal-soft);\r\n    font-size: 9px;\r\n    font-weight: 760;\r\n    letter-spacing: 0.05em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .syn-home-assurance-status::before {\r\n    content: \"\";\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    background: var(--teal);\r\n  }\r\n\r\n  .syn-home-assurance-booking {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 13px;\r\n    margin-top: 23px;\r\n  }\r\n\r\n  .syn-home-assurance-video {\r\n    width: 50px;\r\n    height: 50px;\r\n    display: grid;\r\n    place-items: center;\r\n    flex: 0 0 auto;\r\n    border-radius: 16px;\r\n    color: #062422;\r\n    background: linear-gradient(135deg, #b3fff6, #45e0d0);\r\n    box-shadow: 0 12px 28px rgba(35, 199, 185, 0.15);\r\n  }\r\n\r\n  .syn-home-assurance-video svg {\r\n    width: 23px;\r\n    height: 23px;\r\n  }\r\n\r\n  .syn-home-assurance-booking h3 {\r\n    margin: 0 0 5px;\r\n    color: var(--ink);\r\n    font-size: 17px;\r\n    font-weight: 720;\r\n    line-height: 1.25;\r\n  }\r\n\r\n  .syn-home-assurance-booking p {\r\n    margin: 0;\r\n    color: #718a91;\r\n    font-size: 11px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .syn-home-assurance-details {\r\n    display: grid;\r\n    gap: 9px;\r\n    margin-top: 22px;\r\n  }\r\n\r\n  .syn-home-assurance-detail {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n    padding: 13px;\r\n    border: 1px solid rgba(9, 40, 50, 0.06);\r\n    border-radius: 14px;\r\n    background: rgba(248, 252, 252, 0.8);\r\n  }\r\n\r\n  .syn-home-assurance-detail-icon {\r\n    width: 30px;\r\n    height: 30px;\r\n    display: grid;\r\n    place-items: center;\r\n    flex: 0 0 auto;\r\n    border-radius: 10px;\r\n    color: var(--teal-dark);\r\n    background: var(--teal-soft);\r\n  }\r\n\r\n  .syn-home-assurance-detail:nth-child(2) .syn-home-assurance-detail-icon {\r\n    color: var(--violet);\r\n    background: var(--violet-soft);\r\n  }\r\n\r\n  .syn-home-assurance-detail:nth-child(3) .syn-home-assurance-detail-icon {\r\n    color: var(--blue);\r\n    background: var(--blue-soft);\r\n  }\r\n\r\n  .syn-home-assurance-detail-icon svg {\r\n    width: 14px;\r\n    height: 14px;\r\n  }\r\n\r\n  .syn-home-assurance-detail span {\r\n    color: #607a81;\r\n    font-size: 11px;\r\n    font-weight: 650;\r\n  }\r\n\r\n  .syn-home-assurance-detail strong {\r\n    margin-left: auto;\r\n    color: var(--ink);\r\n    text-align: right;\r\n    font-size: 10px;\r\n    font-weight: 720;\r\n  }\r\n\r\n  .syn-home-assurance-float {\r\n    position: absolute;\r\n    z-index: 4;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    padding: 11px 14px;\r\n    border: 1px solid rgba(255, 255, 255, 0.95);\r\n    border-radius: 15px;\r\n    color: #355960;\r\n    background: rgba(255, 255, 255, 0.76);\r\n    box-shadow: 0 17px 40px rgba(25, 77, 84, 0.11);\r\n    backdrop-filter: blur(17px);\r\n    -webkit-backdrop-filter: blur(17px);\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    animation: synAssuranceFloat 5s ease-in-out infinite;\r\n  }\r\n\r\n  .syn-home-assurance-float-top {\r\n    top: 0;\r\n    right: -18px;\r\n  }\r\n\r\n  .syn-home-assurance-float-bottom {\r\n    left: -27px;\r\n    bottom: 3px;\r\n    animation-delay: 1.1s;\r\n  }\r\n\r\n  .syn-home-assurance-float-icon {\r\n    width: 27px;\r\n    height: 27px;\r\n    display: grid;\r\n    place-items: center;\r\n    border-radius: 9px;\r\n    color: var(--teal-dark);\r\n    background: var(--teal-soft);\r\n  }\r\n\r\n  .syn-home-assurance-float-bottom .syn-home-assurance-float-icon {\r\n    color: var(--violet);\r\n    background: var(--violet-soft);\r\n  }\r\n\r\n  .syn-home-assurance-float-icon svg {\r\n    width: 13px;\r\n    height: 13px;\r\n  }\r\n\r\n  @keyframes synAssuranceFloat {\r\n    0%,\r\n    100% {\r\n      transform: translateY(0);\r\n    }\r\n\r\n    50% {\r\n      transform: translateY(-7px);\r\n    }\r\n  }\r\n\r\n  \/* Right content *\/\r\n\r\n  .syn-home-assurance-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin-bottom: 20px;\r\n    color: var(--teal-dark);\r\n    font-size: 11px;\r\n    font-weight: 760;\r\n    letter-spacing: 0.11em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .syn-home-assurance-label::before {\r\n    content: \"\";\r\n    width: 25px;\r\n    height: 2px;\r\n    border-radius: 99px;\r\n    background: linear-gradient(90deg, var(--teal), var(--violet));\r\n  }\r\n\r\n  .syn-home-assurance-title {\r\n    max-width: 610px;\r\n    margin: 0;\r\n    color: var(--ink);\r\n    font-size: clamp(40px, 4.7vw, 62px);\r\n    font-weight: 730;\r\n    line-height: 1.06;\r\n    letter-spacing: -0.05em;\r\n  }\r\n\r\n  .syn-home-assurance-title span {\r\n    color: var(--teal-dark);\r\n  }\r\n\r\n  .syn-home-assurance-description {\r\n    max-width: 590px;\r\n    margin: 22px 0 0;\r\n    color: var(--muted);\r\n    font-size: 16px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .syn-home-assurance-list {\r\n    display: grid;\r\n    gap: 11px;\r\n    margin-top: 30px;\r\n  }\r\n\r\n  .syn-home-assurance-item {\r\n    display: grid;\r\n    grid-template-columns: 41px minmax(0, 1fr);\r\n    align-items: center;\r\n    gap: 13px;\r\n    padding: 14px;\r\n    border: 1px solid rgba(255, 255, 255, 0.95);\r\n    border-radius: 17px;\r\n    background: rgba(255, 255, 255, 0.66);\r\n    box-shadow:\r\n      0 16px 42px rgba(25, 77, 84, 0.07),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.97);\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n    transition:\r\n      transform 0.25s ease,\r\n      border-color 0.25s ease,\r\n      background 0.25s ease;\r\n  }\r\n\r\n  .syn-home-assurance-item:hover {\r\n    transform: translateX(5px);\r\n    border-color: rgba(35, 199, 185, 0.18);\r\n    background: rgba(255, 255, 255, 0.9);\r\n  }\r\n\r\n  .syn-home-assurance-item-icon {\r\n    width: 38px;\r\n    height: 38px;\r\n    display: grid;\r\n    place-items: center;\r\n    border-radius: 12px;\r\n    color: var(--teal-dark);\r\n    background: var(--teal-soft);\r\n  }\r\n\r\n  .syn-home-assurance-item:nth-child(even) .syn-home-assurance-item-icon {\r\n    color: var(--violet);\r\n    background: var(--violet-soft);\r\n  }\r\n\r\n  .syn-home-assurance-item-icon svg {\r\n    width: 18px;\r\n    height: 18px;\r\n  }\r\n\r\n  .syn-home-assurance-item h3 {\r\n    margin: 0 0 4px;\r\n    color: var(--ink);\r\n    font-size: 14px;\r\n    font-weight: 710;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .syn-home-assurance-item p {\r\n    margin: 0;\r\n    color: #6e868c;\r\n    font-size: 11px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .syn-home-assurance-disclaimer {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n    margin-top: 22px;\r\n    padding: 14px;\r\n    border: 1px solid rgba(129, 114, 232, 0.13);\r\n    border-radius: 15px;\r\n    background: rgba(129, 114, 232, 0.055);\r\n  }\r\n\r\n  .syn-home-assurance-disclaimer-icon {\r\n    width: 27px;\r\n    height: 27px;\r\n    display: grid;\r\n    place-items: center;\r\n    flex: 0 0 auto;\r\n    border-radius: 9px;\r\n    color: var(--violet);\r\n    background: var(--violet-soft);\r\n  }\r\n\r\n  .syn-home-assurance-disclaimer-icon svg {\r\n    width: 14px;\r\n    height: 14px;\r\n  }\r\n\r\n  .syn-home-assurance-disclaimer p {\r\n    margin: 0;\r\n    color: #617a81;\r\n    font-size: 11px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .syn-home-assurance-disclaimer strong {\r\n    color: var(--ink);\r\n  }\r\n\r\n  @media (max-width: 960px) {\r\n    .syn-home-assurance {\r\n      padding: 95px 22px;\r\n    }\r\n\r\n    .syn-home-assurance-layout {\r\n      grid-template-columns: 1fr;\r\n      gap: 70px;\r\n    }\r\n\r\n    .syn-home-assurance-content {\r\n      order: -1;\r\n    }\r\n\r\n    .syn-home-assurance-title,\r\n    .syn-home-assurance-description {\r\n      max-width: 680px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 620px) {\r\n    .syn-home-assurance {\r\n      padding: 78px 16px;\r\n    }\r\n\r\n    .syn-home-assurance-title {\r\n      font-size: clamp(37px, 10.8vw, 49px);\r\n    }\r\n\r\n    .syn-home-assurance-description {\r\n      font-size: 15px;\r\n    }\r\n\r\n    .syn-home-assurance-visual {\r\n      padding: 15px 0 40px;\r\n    }\r\n\r\n    .syn-home-assurance-card {\r\n      padding: 20px;\r\n      border-radius: 23px;\r\n    }\r\n\r\n    .syn-home-assurance-float-top {\r\n      top: -25px;\r\n      right: 5px;\r\n    }\r\n\r\n    .syn-home-assurance-float-bottom {\r\n      left: 6px;\r\n      bottom: -5px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .syn-home-assurance-float {\r\n      animation: none;\r\n    }\r\n\r\n    .syn-home-assurance-item {\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"syn-home-assurance\" id=\"home-booking-assurance\">\r\n  <div class=\"syn-home-assurance-wrap\">\r\n    <div class=\"syn-home-assurance-layout\">\r\n\r\n      <!-- Booking visual -->\r\n      <div class=\"syn-home-assurance-visual\">\r\n        <div class=\"syn-home-assurance-float syn-home-assurance-float-top\">\r\n          <span class=\"syn-home-assurance-float-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M12 3 4.5 6v5.2c0 4.8 3.1 8 7.5 9.8 4.4-1.8 7.5-5 7.5-9.8V6L12 3Z\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\/>\r\n              <path d=\"m8 12 2.5 2.5L16 9\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          Verified doctor\r\n        <\/div>\r\n\r\n        <div class=\"syn-home-assurance-card\">\r\n          <div class=\"syn-home-assurance-card-top\">\r\n            <span class=\"syn-home-assurance-card-label\">Your booking<\/span>\r\n            <span class=\"syn-home-assurance-status\">Confirmed<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-assurance-booking\">\r\n            <span class=\"syn-home-assurance-video\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <rect x=\"3\" y=\"5\" width=\"13\" height=\"14\" rx=\"3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n                <path d=\"m16 10 5-3v10l-5-3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <div>\r\n              <h3>PG College Guidance<\/h3>\r\n              <p>Private 30-minute video call<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-assurance-details\">\r\n            <div class=\"syn-home-assurance-detail\">\r\n              <span class=\"syn-home-assurance-detail-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                  <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"3\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"1.8\"\/>\r\n                  <path d=\"M7 3v4M17 3v4M3 10h18\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"1.8\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n\r\n              <span>Availability<\/span>\r\n              <strong>Selected doctor slot<\/strong>\r\n            <\/div>\r\n\r\n            <div class=\"syn-home-assurance-detail\">\r\n              <span class=\"syn-home-assurance-detail-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                  <rect x=\"6\" y=\"10\" width=\"12\" height=\"10\" rx=\"3\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"1.8\"\/>\r\n                  <path d=\"M9 10V7a3 3 0 0 1 6 0v3\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"1.8\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n\r\n              <span>Contact<\/span>\r\n              <strong>Remains private<\/strong>\r\n            <\/div>\r\n\r\n            <div class=\"syn-home-assurance-detail\">\r\n              <span class=\"syn-home-assurance-detail-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                  <path d=\"M5 5.5h14a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-7l-4.5 3v-3H5a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2Z\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"1.8\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n\r\n              <span>Support<\/span>\r\n              <strong>Managed by Synapse<\/strong>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"syn-home-assurance-float syn-home-assurance-float-bottom\">\r\n          <span class=\"syn-home-assurance-float-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <rect x=\"6\" y=\"10\" width=\"12\" height=\"10\" rx=\"3\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\/>\r\n              <path d=\"M9 10V7a3 3 0 0 1 6 0v3\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          No phone number sharing\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right content -->\r\n      <div class=\"syn-home-assurance-content\">\r\n        <div class=\"syn-home-assurance-label\">Booking assurance<\/div>\r\n\r\n        <h2 class=\"syn-home-assurance-title\">\r\n          Private, verified and <span>structured.<\/span>\r\n        <\/h2>\r\n\r\n        <p class=\"syn-home-assurance-description\">\r\n          Synapse manages the booking and meeting process so your conversation\r\n          remains simple and private.\r\n        <\/p>\r\n\r\n        <div class=\"syn-home-assurance-list\">\r\n\r\n          <article class=\"syn-home-assurance-item\">\r\n            <span class=\"syn-home-assurance-item-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <path d=\"M12 3 4.5 6v5.2c0 4.8 3.1 8 7.5 9.8 4.4-1.8 7.5-5 7.5-9.8V6L12 3Z\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n                <path d=\"m8 12 2.5 2.5L16 9\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <div>\r\n              <h3>Reviewed doctor profiles<\/h3>\r\n              <p>Professional and PG training details are checked before listing.<\/p>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"syn-home-assurance-item\">\r\n            <span class=\"syn-home-assurance-item-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <rect x=\"6\" y=\"10\" width=\"12\" height=\"10\" rx=\"3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n                <path d=\"M9 10V7a3 3 0 0 1 6 0v3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <div>\r\n              <h3>No contact details exchanged<\/h3>\r\n              <p>Your phone number and the doctor\u2019s number remain private.<\/p>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"syn-home-assurance-item\">\r\n            <span class=\"syn-home-assurance-item-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <rect x=\"3\" y=\"5\" width=\"13\" height=\"14\" rx=\"3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n                <path d=\"m16 10 5-3v10l-5-3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <div>\r\n              <h3>Private Google Meet calls<\/h3>\r\n              <p>Meeting links and reminders are shared through the platform.<\/p>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"syn-home-assurance-item\">\r\n            <span class=\"syn-home-assurance-item-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <path d=\"M5 5.5h14a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-7l-4.5 3v-3H5a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2Z\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <div>\r\n              <h3>Synapse support<\/h3>\r\n              <p>Support is available for booking, rescheduling or meeting issues.<\/p>\r\n            <\/div>\r\n          <\/article>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"syn-home-assurance-disclaimer\">\r\n          <span class=\"syn-home-assurance-disclaimer-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M12 8v5M12 17h.01\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\"\/>\r\n              <circle cx=\"12\" cy=\"12\" r=\"9\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <p>\r\n            <strong>Doctors share their personal training experience.<\/strong>\r\n            Their views are not official statements from the college.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73d8893 e-con-full e-flex e-con e-parent\" data-id=\"73d8893\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-848fcb1 elementor-widget elementor-widget-html\" data-id=\"848fcb1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .syn-home-trust-team,\r\n  .syn-home-trust-team * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .syn-home-trust-team {\r\n    --navy: #061d28;\r\n    --navy-soft: #0b3541;\r\n    --teal: #45e0d0;\r\n    --teal-soft: #b3fff6;\r\n    --violet: #9c8cff;\r\n    --blue: #68a0ff;\r\n    --white: #f5fffd;\r\n    --muted: #9bb3b9;\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    padding: 115px 24px;\r\n    font-family: Inter, Manrope, -apple-system, BlinkMacSystemFont, \"Segoe UI\",\r\n      sans-serif;\r\n    background:\r\n      radial-gradient(\r\n        circle at 13% 13%,\r\n        rgba(69, 224, 208, 0.14),\r\n        transparent 27%\r\n      ),\r\n      radial-gradient(\r\n        circle at 90% 87%,\r\n        rgba(156, 140, 255, 0.12),\r\n        transparent 29%\r\n      ),\r\n      linear-gradient(140deg, var(--navy), var(--navy-soft));\r\n  }\r\n\r\n  .syn-home-trust-team::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -3;\r\n    opacity: 0.31;\r\n    background-image:\r\n      linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);\r\n    background-size: 52px 52px;\r\n    mask-image: radial-gradient(circle at center, #000, transparent 84%);\r\n  }\r\n\r\n  .syn-home-trust-team::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 430px;\r\n    height: 430px;\r\n    right: -270px;\r\n    top: -200px;\r\n    z-index: -2;\r\n    border: 1px solid rgba(69, 224, 208, 0.11);\r\n    border-radius: 50%;\r\n    box-shadow:\r\n      0 0 0 60px rgba(69, 224, 208, 0.024),\r\n      0 0 0 120px rgba(156, 140, 255, 0.017);\r\n  }\r\n\r\n  .syn-home-trust-wrap {\r\n    width: min(1180px, 100%);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Heading and community *\/\r\n\r\n  .syn-home-trust-top {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.15fr) minmax(250px, 0.55fr);\r\n    align-items: end;\r\n    gap: 60px;\r\n    margin-bottom: 53px;\r\n  }\r\n\r\n  .syn-home-trust-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin-bottom: 19px;\r\n    color: var(--teal-soft);\r\n    font-size: 11px;\r\n    font-weight: 760;\r\n    letter-spacing: 0.11em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .syn-home-trust-label::before {\r\n    content: \"\";\r\n    width: 25px;\r\n    height: 2px;\r\n    border-radius: 99px;\r\n    background: linear-gradient(90deg, var(--teal), var(--violet));\r\n  }\r\n\r\n  .syn-home-trust-title {\r\n    max-width: 720px;\r\n    margin: 0;\r\n    color: var(--white);\r\n    font-size: clamp(40px, 4.8vw, 63px);\r\n    font-weight: 730;\r\n    line-height: 1.06;\r\n    letter-spacing: -0.05em;\r\n  }\r\n\r\n  .syn-home-trust-title span {\r\n    color: transparent;\r\n    background: linear-gradient(100deg, var(--teal-soft), var(--teal));\r\n    background-clip: text;\r\n    -webkit-background-clip: text;\r\n  }\r\n\r\n  .syn-home-trust-description {\r\n    max-width: 650px;\r\n    margin: 20px 0 0;\r\n    color: var(--muted);\r\n    font-size: 16px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .syn-home-community-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 25px;\r\n    border: 1px solid rgba(255, 255, 255, 0.105);\r\n    border-radius: 24px;\r\n    background: linear-gradient(\r\n      145deg,\r\n      rgba(255, 255, 255, 0.095),\r\n      rgba(255, 255, 255, 0.04)\r\n    );\r\n    box-shadow:\r\n      0 25px 60px rgba(0, 8, 14, 0.2),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.08);\r\n    backdrop-filter: blur(18px);\r\n    -webkit-backdrop-filter: blur(18px);\r\n  }\r\n\r\n  .syn-home-community-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 125px;\r\n    height: 125px;\r\n    top: -70px;\r\n    right: -55px;\r\n    border-radius: 50%;\r\n    background: rgba(69, 224, 208, 0.07);\r\n  }\r\n\r\n  .syn-home-community-number {\r\n    color: transparent;\r\n    background: linear-gradient(100deg, var(--teal-soft), var(--teal));\r\n    background-clip: text;\r\n    -webkit-background-clip: text;\r\n    font-size: 49px;\r\n    font-weight: 770;\r\n    line-height: 1;\r\n    letter-spacing: -0.055em;\r\n  }\r\n\r\n  .syn-home-community-card h3 {\r\n    margin: 10px 0 0;\r\n    color: var(--white);\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .syn-home-community-card p {\r\n    margin: 8px 0 0;\r\n    color: #839da3;\r\n    font-size: 11px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  \/* Team cards *\/\r\n\r\n  .syn-home-team-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 15px;\r\n  }\r\n\r\n  .syn-home-team-card {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: 125px minmax(0, 1fr);\r\n    min-height: 210px;\r\n    overflow: hidden;\r\n    padding: 13px;\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: 25px;\r\n    background: linear-gradient(\r\n      145deg,\r\n      rgba(255, 255, 255, 0.09),\r\n      rgba(255, 255, 255, 0.04)\r\n    );\r\n    box-shadow:\r\n      0 23px 58px rgba(0, 8, 14, 0.19),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.08);\r\n    backdrop-filter: blur(18px);\r\n    -webkit-backdrop-filter: blur(18px);\r\n    transition:\r\n      transform 0.28s ease,\r\n      border-color 0.28s ease,\r\n      box-shadow 0.28s ease;\r\n  }\r\n\r\n  .syn-home-team-card:hover {\r\n    transform: translateY(-6px);\r\n    border-color: rgba(69, 224, 208, 0.18);\r\n    box-shadow:\r\n      0 31px 68px rgba(0, 8, 14, 0.27),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.1);\r\n  }\r\n\r\n  .syn-home-team-photo {\r\n    position: relative;\r\n    display: grid;\r\n    place-items: center;\r\n    min-height: 184px;\r\n    overflow: hidden;\r\n    border-radius: 18px;\r\n    background:\r\n      radial-gradient(\r\n        circle at 50% 31%,\r\n        rgba(255, 255, 255, 0.17),\r\n        transparent 29%\r\n      ),\r\n      linear-gradient(145deg, #174753, #177d73);\r\n  }\r\n\r\n  .syn-home-team-card:nth-child(2) .syn-home-team-photo {\r\n    background:\r\n      radial-gradient(\r\n        circle at 50% 31%,\r\n        rgba(255, 255, 255, 0.16),\r\n        transparent 29%\r\n      ),\r\n      linear-gradient(145deg, #29355c, #61549e);\r\n  }\r\n\r\n  .syn-home-team-card:nth-child(3) .syn-home-team-photo {\r\n    background:\r\n      radial-gradient(\r\n        circle at 50% 31%,\r\n        rgba(255, 255, 255, 0.17),\r\n        transparent 29%\r\n      ),\r\n      linear-gradient(145deg, #174052, #365c96);\r\n  }\r\n\r\n  .syn-home-team-photo::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 105px;\r\n    height: 105px;\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: 50%;\r\n    box-shadow:\r\n      0 0 0 18px rgba(255, 255, 255, 0.035),\r\n      0 0 0 36px rgba(255, 255, 255, 0.02);\r\n  }\r\n\r\n  .syn-home-team-initials {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 65px;\r\n    height: 65px;\r\n    display: grid;\r\n    place-items: center;\r\n    border: 1px solid rgba(255, 255, 255, 0.15);\r\n    border-radius: 21px;\r\n    color: var(--teal-soft);\r\n    background: rgba(255, 255, 255, 0.08);\r\n    box-shadow:\r\n      0 17px 35px rgba(0, 8, 14, 0.18),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.08);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    font-size: 17px;\r\n    font-weight: 780;\r\n  }\r\n\r\n  .syn-home-team-card:nth-child(2) .syn-home-team-initials {\r\n    color: #ded9ff;\r\n  }\r\n\r\n  .syn-home-team-card:nth-child(3) .syn-home-team-initials {\r\n    color: #d9e6ff;\r\n  }\r\n\r\n  .syn-home-team-photo img {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 3;\r\n    width: 100%;\r\n    height: 100%;\r\n    display: none;\r\n    object-fit: cover;\r\n    object-position: center top;\r\n  }\r\n\r\n  .syn-home-team-photo.has-image img {\r\n    display: block;\r\n  }\r\n\r\n  .syn-home-team-photo.has-image .syn-home-team-initials {\r\n    display: none;\r\n  }\r\n\r\n  .syn-home-team-verified {\r\n    position: absolute;\r\n    right: 8px;\r\n    bottom: 8px;\r\n    z-index: 5;\r\n    width: 29px;\r\n    height: 29px;\r\n    display: grid;\r\n    place-items: center;\r\n    border: 3px solid rgba(7, 34, 44, 0.8);\r\n    border-radius: 50%;\r\n    color: #062422;\r\n    background: var(--teal);\r\n  }\r\n\r\n  .syn-home-team-verified svg {\r\n    width: 12px;\r\n    height: 12px;\r\n  }\r\n\r\n  .syn-home-team-copy {\r\n    align-self: center;\r\n    min-width: 0;\r\n    padding: 14px 10px 14px 18px;\r\n  }\r\n\r\n  .syn-home-team-copy h3 {\r\n    margin: 0;\r\n    color: var(--white);\r\n    font-size: 17px;\r\n    font-weight: 720;\r\n    line-height: 1.3;\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  .syn-home-team-role {\r\n    display: block;\r\n    margin-top: 6px;\r\n    color: var(--teal-soft);\r\n    font-size: 9px;\r\n    font-weight: 760;\r\n    letter-spacing: 0.06em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .syn-home-team-card:nth-child(2) .syn-home-team-role {\r\n    color: #ded9ff;\r\n  }\r\n\r\n  .syn-home-team-card:nth-child(3) .syn-home-team-role {\r\n    color: #d9e6ff;\r\n  }\r\n\r\n  .syn-home-team-copy p {\r\n    margin: 13px 0 0;\r\n    color: #849fa5;\r\n    font-size: 10px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  \/* Trust strip *\/\r\n\r\n  .syn-home-trust-strip {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    margin-top: 30px;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(255, 255, 255, 0.09);\r\n    border-radius: 19px;\r\n    background: rgba(255, 255, 255, 0.045);\r\n    backdrop-filter: blur(14px);\r\n    -webkit-backdrop-filter: blur(14px);\r\n  }\r\n\r\n  .syn-home-trust-point {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 9px;\r\n    padding: 18px 14px;\r\n    color: #96adb2;\r\n    text-align: center;\r\n    font-size: 10px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .syn-home-trust-point + .syn-home-trust-point {\r\n    border-left: 1px solid rgba(255, 255, 255, 0.075);\r\n  }\r\n\r\n  .syn-home-trust-point-icon {\r\n    width: 26px;\r\n    height: 26px;\r\n    display: grid;\r\n    place-items: center;\r\n    flex: 0 0 auto;\r\n    border-radius: 8px;\r\n    color: var(--teal-soft);\r\n    background: rgba(69, 224, 208, 0.08);\r\n  }\r\n\r\n  .syn-home-trust-point:nth-child(even) .syn-home-trust-point-icon {\r\n    color: #ded9ff;\r\n    background: rgba(156, 140, 255, 0.1);\r\n  }\r\n\r\n  .syn-home-trust-point-icon svg {\r\n    width: 13px;\r\n    height: 13px;\r\n  }\r\n\r\n  @media (max-width: 1050px) {\r\n    .syn-home-trust-top {\r\n      grid-template-columns: 1fr;\r\n      gap: 35px;\r\n    }\r\n\r\n    .syn-home-community-card {\r\n      max-width: 350px;\r\n    }\r\n\r\n    .syn-home-team-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .syn-home-team-card {\r\n      grid-template-columns: 145px minmax(0, 1fr);\r\n    }\r\n\r\n    .syn-home-trust-strip {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .syn-home-trust-point:nth-child(3) {\r\n      border-top: 1px solid rgba(255, 255, 255, 0.075);\r\n      border-left: 0;\r\n    }\r\n\r\n    .syn-home-trust-point:nth-child(4) {\r\n      border-top: 1px solid rgba(255, 255, 255, 0.075);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 620px) {\r\n    .syn-home-trust-team {\r\n      padding: 78px 16px;\r\n    }\r\n\r\n    .syn-home-trust-title {\r\n      font-size: clamp(37px, 10.8vw, 49px);\r\n    }\r\n\r\n    .syn-home-trust-description {\r\n      font-size: 15px;\r\n    }\r\n\r\n    .syn-home-team-card {\r\n      grid-template-columns: 110px minmax(0, 1fr);\r\n      min-height: 190px;\r\n      padding: 10px;\r\n      border-radius: 21px;\r\n    }\r\n\r\n    .syn-home-team-photo {\r\n      min-height: 170px;\r\n    }\r\n\r\n    .syn-home-team-copy {\r\n      padding: 12px 8px 12px 14px;\r\n    }\r\n\r\n    .syn-home-team-copy h3 {\r\n      font-size: 15px;\r\n    }\r\n\r\n    .syn-home-trust-strip {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .syn-home-trust-point,\r\n    .syn-home-trust-point:nth-child(3),\r\n    .syn-home-trust-point:nth-child(4) {\r\n      justify-content: flex-start;\r\n      border-top: 1px solid rgba(255, 255, 255, 0.075);\r\n      border-left: 0;\r\n      text-align: left;\r\n    }\r\n\r\n    .syn-home-trust-point:first-child {\r\n      border-top: 0;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .syn-home-team-card {\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"syn-home-trust-team\" id=\"home-synapse-trust\">\r\n  <div class=\"syn-home-trust-wrap\">\r\n\r\n    <!-- Heading and community count -->\r\n    <div class=\"syn-home-trust-top\">\r\n      <div>\r\n        <div class=\"syn-home-trust-label\">The people behind it<\/div>\r\n\r\n        <h2 class=\"syn-home-trust-title\">\r\n          Built by doctors who understand the <span>decision.<\/span>\r\n        <\/h2>\r\n\r\n        <p class=\"syn-home-trust-description\">\r\n          Synapse manages doctor verification, booking coordination and support\r\n          throughout the process.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"syn-home-community-card\">\r\n        <div class=\"syn-home-community-number\">6,000+<\/div>\r\n        <h3>Doctors in the community<\/h3>\r\n        <p>\r\n          Built through medical learning, professional support and\r\n          doctor-to-doctor collaboration.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Team -->\r\n    <div class=\"syn-home-team-grid\">\r\n\r\n      <!-- Dr. Sadhana -->\r\n      <article class=\"syn-home-team-card\">\r\n        <div class=\"syn-home-team-photo\">\r\n          <img decoding=\"async\" src=\"\" alt=\"Dr. Sadhana\" \/>\r\n          <span class=\"syn-home-team-initials\">DS<\/span>\r\n\r\n          <span class=\"syn-home-team-verified\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"m6 12 4 4 8-8\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2.2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"syn-home-team-copy\">\r\n          <h3>Dr. Sadhana<\/h3>\r\n          <span class=\"syn-home-team-role\">Doctor onboarding<\/span>\r\n          <p>Supports doctor onboarding and platform coordination.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Dr. Arul -->\r\n      <article class=\"syn-home-team-card\">\r\n        <div class=\"syn-home-team-photo\">\r\n          <img decoding=\"async\" src=\"\" alt=\"Dr. Arul\" \/>\r\n          <span class=\"syn-home-team-initials\">DA<\/span>\r\n\r\n          <span class=\"syn-home-team-verified\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"m6 12 4 4 8-8\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2.2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"syn-home-team-copy\">\r\n          <h3>Dr. Arul<\/h3>\r\n          <span class=\"syn-home-team-role\">Platform guidance<\/span>\r\n          <p>Supports the platform and doctor-guidance process.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Dr. Hariharasudhan -->\r\n      <article class=\"syn-home-team-card\">\r\n        <div class=\"syn-home-team-photo\">\r\n          <img decoding=\"async\" src=\"\" alt=\"Dr. Hariharasudhan\" \/>\r\n          <span class=\"syn-home-team-initials\">DH<\/span>\r\n\r\n          <span class=\"syn-home-team-verified\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"m6 12 4 4 8-8\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2.2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"syn-home-team-copy\">\r\n          <h3>Dr. Hariharasudhan<\/h3>\r\n          <span class=\"syn-home-team-role\">Doctor community<\/span>\r\n          <p>Supports the clinical and doctor-community experience.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <!-- Trust points -->\r\n    <div class=\"syn-home-trust-strip\">\r\n      <div class=\"syn-home-trust-point\">\r\n        <span class=\"syn-home-trust-point-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M12 3 4.5 6v5.2c0 4.8 3.1 8 7.5 9.8 4.4-1.8 7.5-5 7.5-9.8V6L12 3Z\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.8\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        Doctor-led platform\r\n      <\/div>\r\n\r\n      <div class=\"syn-home-trust-point\">\r\n        <span class=\"syn-home-trust-point-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"m6 12 4 4 8-8\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2.1\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        Reviewed profiles\r\n      <\/div>\r\n\r\n      <div class=\"syn-home-trust-point\">\r\n        <span class=\"syn-home-trust-point-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <rect x=\"3\" y=\"5\" width=\"13\" height=\"14\" rx=\"3\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.8\"\/>\r\n            <path d=\"m16 10 5-3v10l-5-3\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.8\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        Private video calls\r\n      <\/div>\r\n\r\n      <div class=\"syn-home-trust-point\">\r\n        <span class=\"syn-home-trust-point-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M5 5.5h14a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-7l-4.5 3v-3H5a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2Z\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.8\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        Synapse support\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-573db24 e-con-full e-flex e-con e-parent\" data-id=\"573db24\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3eedd6c elementor-widget elementor-widget-html\" data-id=\"3eedd6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .syn-home-request,\r\n  .syn-home-request * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .syn-home-request {\r\n    --ink: #092832;\r\n    --muted: #647e85;\r\n    --teal: #23c7b9;\r\n    --teal-dark: #087f77;\r\n    --teal-soft: #d9faf5;\r\n    --violet: #8172e8;\r\n    --violet-soft: #efedff;\r\n    --navy: #082733;\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    padding: 115px 24px;\r\n    font-family: Inter, Manrope, -apple-system, BlinkMacSystemFont, \"Segoe UI\",\r\n      sans-serif;\r\n    background:\r\n      radial-gradient(\r\n        circle at 90% 13%,\r\n        rgba(35, 199, 185, 0.12),\r\n        transparent 27%\r\n      ),\r\n      radial-gradient(\r\n        circle at 6% 89%,\r\n        rgba(129, 114, 232, 0.08),\r\n        transparent 28%\r\n      ),\r\n      linear-gradient(145deg, #f4faf9 0%, #f9fbff 52%, #f6f3ff 100%);\r\n  }\r\n\r\n  .syn-home-request::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 420px;\r\n    height: 420px;\r\n    left: -270px;\r\n    top: -190px;\r\n    z-index: -2;\r\n    border: 1px solid rgba(35, 199, 185, 0.12);\r\n    border-radius: 50%;\r\n    box-shadow:\r\n      0 0 0 60px rgba(35, 199, 185, 0.025),\r\n      0 0 0 120px rgba(129, 114, 232, 0.018);\r\n  }\r\n\r\n  .syn-home-request-wrap {\r\n    width: min(1180px, 100%);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .syn-home-request-layout {\r\n    display: grid;\r\n    grid-template-columns: minmax(290px, 0.72fr) minmax(0, 1.28fr);\r\n    align-items: center;\r\n    gap: 75px;\r\n  }\r\n\r\n  \/* Left content *\/\r\n\r\n  .syn-home-request-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin-bottom: 20px;\r\n    color: var(--teal-dark);\r\n    font-size: 11px;\r\n    font-weight: 760;\r\n    letter-spacing: 0.11em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .syn-home-request-label::before {\r\n    content: \"\";\r\n    width: 25px;\r\n    height: 2px;\r\n    border-radius: 99px;\r\n    background: linear-gradient(90deg, var(--teal), var(--violet));\r\n  }\r\n\r\n  .syn-home-request-title {\r\n    max-width: 500px;\r\n    margin: 0;\r\n    color: var(--ink);\r\n    font-size: clamp(40px, 4.7vw, 62px);\r\n    font-weight: 730;\r\n    line-height: 1.06;\r\n    letter-spacing: -0.05em;\r\n  }\r\n\r\n  .syn-home-request-title span {\r\n    color: var(--teal-dark);\r\n  }\r\n\r\n  .syn-home-request-description {\r\n    max-width: 460px;\r\n    margin: 22px 0 0;\r\n    color: var(--muted);\r\n    font-size: 16px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .syn-home-request-points {\r\n    display: grid;\r\n    gap: 11px;\r\n    margin-top: 29px;\r\n  }\r\n\r\n  .syn-home-request-point {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    color: #4f6e75;\r\n    font-size: 12px;\r\n    font-weight: 650;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  .syn-home-request-check {\r\n    width: 24px;\r\n    height: 24px;\r\n    display: grid;\r\n    place-items: center;\r\n    flex: 0 0 auto;\r\n    border-radius: 8px;\r\n    color: var(--teal-dark);\r\n    background: var(--teal-soft);\r\n  }\r\n\r\n  .syn-home-request-check svg {\r\n    width: 12px;\r\n    height: 12px;\r\n  }\r\n\r\n  .syn-home-request-note {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n    max-width: 440px;\r\n    margin-top: 25px;\r\n    padding: 14px;\r\n    border: 1px solid rgba(129, 114, 232, 0.13);\r\n    border-radius: 15px;\r\n    background: rgba(129, 114, 232, 0.055);\r\n  }\r\n\r\n  .syn-home-request-note-icon {\r\n    width: 27px;\r\n    height: 27px;\r\n    display: grid;\r\n    place-items: center;\r\n    flex: 0 0 auto;\r\n    border-radius: 9px;\r\n    color: var(--violet);\r\n    background: var(--violet-soft);\r\n  }\r\n\r\n  .syn-home-request-note-icon svg {\r\n    width: 14px;\r\n    height: 14px;\r\n  }\r\n\r\n  .syn-home-request-note p {\r\n    margin: 0;\r\n    color: #607a81;\r\n    font-size: 11px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .syn-home-request-note strong {\r\n    color: var(--ink);\r\n  }\r\n\r\n  \/* Form card *\/\r\n\r\n  .syn-home-request-form-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 32px;\r\n    border: 1px solid rgba(255, 255, 255, 0.96);\r\n    border-radius: 28px;\r\n    background: rgba(255, 255, 255, 0.7);\r\n    box-shadow:\r\n      0 27px 68px rgba(25, 77, 84, 0.1),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.98);\r\n    backdrop-filter: blur(19px);\r\n    -webkit-backdrop-filter: blur(19px);\r\n  }\r\n\r\n  .syn-home-request-form-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 165px;\r\n    height: 165px;\r\n    top: -88px;\r\n    right: -72px;\r\n    border-radius: 50%;\r\n    background: rgba(35, 199, 185, 0.07);\r\n  }\r\n\r\n  .syn-home-request-form-header {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n    margin-bottom: 24px;\r\n    padding-bottom: 20px;\r\n    border-bottom: 1px solid rgba(9, 40, 50, 0.07);\r\n  }\r\n\r\n  .syn-home-request-form-header h3 {\r\n    margin: 0;\r\n    color: var(--ink);\r\n    font-size: 21px;\r\n    font-weight: 730;\r\n    line-height: 1.3;\r\n    letter-spacing: -0.025em;\r\n  }\r\n\r\n  .syn-home-request-form-header p {\r\n    margin: 6px 0 0;\r\n    color: #718a91;\r\n    font-size: 11px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .syn-home-request-form-badge {\r\n    flex: 0 0 auto;\r\n    padding: 7px 9px;\r\n    border-radius: 999px;\r\n    color: var(--teal-dark);\r\n    background: var(--teal-soft);\r\n    font-size: 9px;\r\n    font-weight: 760;\r\n    letter-spacing: 0.05em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .syn-home-request-form {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .syn-home-request-fields {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 13px;\r\n  }\r\n\r\n  .syn-home-request-field {\r\n    min-width: 0;\r\n  }\r\n\r\n  .syn-home-request-field-full {\r\n    grid-column: 1 \/ -1;\r\n  }\r\n\r\n  .syn-home-request-field label {\r\n    display: block;\r\n    margin-bottom: 7px;\r\n    color: #526f76;\r\n    font-size: 11px;\r\n    font-weight: 650;\r\n  }\r\n\r\n  .syn-home-request-required {\r\n    color: var(--teal-dark);\r\n  }\r\n\r\n  .syn-home-request-field input,\r\n  .syn-home-request-field select {\r\n    width: 100%;\r\n    height: 49px;\r\n    padding: 0 13px;\r\n    outline: none;\r\n    border: 1px solid rgba(9, 40, 50, 0.075);\r\n    border-radius: 13px;\r\n    color: var(--ink);\r\n    background: rgba(247, 251, 251, 0.85);\r\n    font-family: inherit;\r\n    font-size: 12px;\r\n    transition:\r\n      border-color 0.25s ease,\r\n      background 0.25s ease,\r\n      box-shadow 0.25s ease;\r\n  }\r\n\r\n  .syn-home-request-field input::placeholder {\r\n    color: #80969c;\r\n  }\r\n\r\n  .syn-home-request-field select {\r\n    color: #667f86;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .syn-home-request-field input:focus,\r\n  .syn-home-request-field select:focus {\r\n    border-color: rgba(35, 199, 185, 0.4);\r\n    background: #ffffff;\r\n    box-shadow: 0 0 0 3px rgba(35, 199, 185, 0.07);\r\n  }\r\n\r\n  .syn-home-request-consent {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n    margin-top: 18px;\r\n  }\r\n\r\n  .syn-home-request-consent input {\r\n    width: 16px;\r\n    height: 16px;\r\n    flex: 0 0 auto;\r\n    margin: 2px 0 0;\r\n    accent-color: var(--teal);\r\n  }\r\n\r\n  .syn-home-request-consent label {\r\n    color: #718990;\r\n    font-size: 10px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .syn-home-request-submit {\r\n    width: 100%;\r\n    min-height: 53px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 9px;\r\n    margin-top: 20px;\r\n    border: 0;\r\n    border-radius: 14px;\r\n    color: #ffffff;\r\n    background: var(--navy);\r\n    box-shadow: 0 15px 35px rgba(8, 39, 51, 0.17);\r\n    font-family: inherit;\r\n    font-size: 13px;\r\n    font-weight: 760;\r\n    cursor: pointer;\r\n    transition:\r\n      transform 0.25s ease,\r\n      box-shadow 0.25s ease;\r\n  }\r\n\r\n  .syn-home-request-submit:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 20px 42px rgba(8, 39, 51, 0.24);\r\n  }\r\n\r\n  .syn-home-request-submit svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n\r\n  .syn-home-request-form-note {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 7px;\r\n    margin: 12px 0 0;\r\n    color: #7a9197;\r\n    text-align: center;\r\n    font-size: 10px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .syn-home-request-form-note svg {\r\n    width: 13px;\r\n    height: 13px;\r\n    color: var(--teal-dark);\r\n  }\r\n\r\n  @media (max-width: 960px) {\r\n    .syn-home-request {\r\n      padding: 95px 22px;\r\n    }\r\n\r\n    .syn-home-request-layout {\r\n      grid-template-columns: 1fr;\r\n      gap: 55px;\r\n    }\r\n\r\n    .syn-home-request-title,\r\n    .syn-home-request-description {\r\n      max-width: 680px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 620px) {\r\n    .syn-home-request {\r\n      padding: 78px 16px;\r\n    }\r\n\r\n    .syn-home-request-title {\r\n      font-size: clamp(37px, 10.8vw, 49px);\r\n    }\r\n\r\n    .syn-home-request-description {\r\n      font-size: 15px;\r\n    }\r\n\r\n    .syn-home-request-form-card {\r\n      padding: 22px 17px;\r\n      border-radius: 23px;\r\n    }\r\n\r\n    .syn-home-request-form-header {\r\n      flex-direction: column;\r\n    }\r\n\r\n    .syn-home-request-fields {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .syn-home-request-field-full {\r\n      grid-column: auto;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .syn-home-request-field input,\r\n    .syn-home-request-field select,\r\n    .syn-home-request-submit {\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"syn-home-request\" id=\"home-request-doctor\">\r\n  <div class=\"syn-home-request-wrap\">\r\n    <div class=\"syn-home-request-layout\">\r\n\r\n      <!-- Left content -->\r\n      <div class=\"syn-home-request-content\">\r\n        <div class=\"syn-home-request-label\">Can\u2019t find your college?<\/div>\r\n\r\n        <h2 class=\"syn-home-request-title\">\r\n          Tell us who you\u2019re <span>looking for.<\/span>\r\n        <\/h2>\r\n\r\n        <p class=\"syn-home-request-description\">\r\n          Share the college and department you are considering. We\u2019ll notify\r\n          you when a relevant doctor becomes available.\r\n        <\/p>\r\n\r\n        <div class=\"syn-home-request-points\">\r\n          <div class=\"syn-home-request-point\">\r\n            <span class=\"syn-home-request-check\">\r\n              <svg viewBox=\"0 0 12 12\" fill=\"none\">\r\n                <path d=\"M2 6.2 4.6 9 10 3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            Request any college and department\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-request-point\">\r\n            <span class=\"syn-home-request-check\">\r\n              <svg viewBox=\"0 0 12 12\" fill=\"none\">\r\n                <path d=\"M2 6.2 4.6 9 10 3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            Get notified when a doctor is available\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-request-point\">\r\n            <span class=\"syn-home-request-check\">\r\n              <svg viewBox=\"0 0 12 12\" fill=\"none\">\r\n                <path d=\"M2 6.2 4.6 9 10 3\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            No payment required to submit\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"syn-home-request-note\">\r\n          <span class=\"syn-home-request-note-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M12 8v5M12 17h.01\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\"\/>\r\n              <circle cx=\"12\" cy=\"12\" r=\"9\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <p>\r\n            <strong>This does not create a booking.<\/strong>\r\n            You can decide whether to book after a suitable doctor is available.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Form -->\r\n      <div class=\"syn-home-request-form-card\">\r\n        <div class=\"syn-home-request-form-header\">\r\n          <div>\r\n            <h3>Request a doctor<\/h3>\r\n            <p>We\u2019ll contact you when we find a relevant match.<\/p>\r\n          <\/div>\r\n\r\n          <span class=\"syn-home-request-form-badge\">No payment<\/span>\r\n        <\/div>\r\n\r\n        <!-- Connect this form to LeadPoint before publishing -->\r\n        <form class=\"syn-home-request-form\">\r\n          <div class=\"syn-home-request-fields\">\r\n\r\n            <div class=\"syn-home-request-field\">\r\n              <label for=\"syn-home-request-name\">\r\n                Your name <span class=\"syn-home-request-required\">*<\/span>\r\n              <\/label>\r\n              <input\r\n                id=\"syn-home-request-name\"\r\n                name=\"student_name\"\r\n                type=\"text\"\r\n                placeholder=\"Full name\"\r\n                required\r\n              \/>\r\n            <\/div>\r\n\r\n            <div class=\"syn-home-request-field\">\r\n              <label for=\"syn-home-request-mobile\">\r\n                Mobile number <span class=\"syn-home-request-required\">*<\/span>\r\n              <\/label>\r\n              <input\r\n                id=\"syn-home-request-mobile\"\r\n                name=\"mobile\"\r\n                type=\"tel\"\r\n                placeholder=\"+91\"\r\n                required\r\n              \/>\r\n            <\/div>\r\n\r\n            <div class=\"syn-home-request-field syn-home-request-field-full\">\r\n              <label for=\"syn-home-request-email\">\r\n                Email address <span class=\"syn-home-request-required\">*<\/span>\r\n              <\/label>\r\n              <input\r\n                id=\"syn-home-request-email\"\r\n                name=\"email\"\r\n                type=\"email\"\r\n                placeholder=\"you@email.com\"\r\n                required\r\n              \/>\r\n            <\/div>\r\n\r\n            <div class=\"syn-home-request-field\">\r\n              <label for=\"syn-home-request-college\">\r\n                College <span class=\"syn-home-request-required\">*<\/span>\r\n              <\/label>\r\n              <input\r\n                id=\"syn-home-request-college\"\r\n                name=\"college\"\r\n                type=\"text\"\r\n                placeholder=\"Medical college name\"\r\n                required\r\n              \/>\r\n            <\/div>\r\n\r\n            <div class=\"syn-home-request-field\">\r\n              <label for=\"syn-home-request-department\">\r\n                Department <span class=\"syn-home-request-required\">*<\/span>\r\n              <\/label>\r\n              <input\r\n                id=\"syn-home-request-department\"\r\n                name=\"department\"\r\n                type=\"text\"\r\n                placeholder=\"PG branch\"\r\n                required\r\n              \/>\r\n            <\/div>\r\n\r\n            <div class=\"syn-home-request-field\">\r\n              <label for=\"syn-home-request-language\">\r\n                Preferred language\r\n              <\/label>\r\n              <select\r\n                id=\"syn-home-request-language\"\r\n                name=\"preferred_language\"\r\n              >\r\n                <option value=\"\">Any language<\/option>\r\n                <option value=\"Tamil\">Tamil<\/option>\r\n                <option value=\"English\">English<\/option>\r\n                <option value=\"Hindi\">Hindi<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"syn-home-request-field\">\r\n              <label for=\"syn-home-request-deadline\">\r\n                Counselling deadline\r\n              <\/label>\r\n              <input\r\n                id=\"syn-home-request-deadline\"\r\n                name=\"counselling_deadline\"\r\n                type=\"date\"\r\n              \/>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"syn-home-request-consent\">\r\n            <input\r\n              id=\"syn-home-request-consent\"\r\n              name=\"notification_consent\"\r\n              type=\"checkbox\"\r\n              required\r\n            \/>\r\n\r\n            <label for=\"syn-home-request-consent\">\r\n              I agree to receive availability updates from Synapse through\r\n              email or WhatsApp.\r\n            <\/label>\r\n          <\/div>\r\n\r\n          <!-- Change to type=\"submit\" after connecting LeadPoint -->\r\n          <button class=\"syn-home-request-submit\" type=\"button\">\r\n            Notify Me When Available\r\n\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M5 12h14M13 6l6 6-6 6\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/button>\r\n\r\n          <p class=\"syn-home-request-form-note\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M12 3 4.5 6v5.2c0 4.8 3.1 8 7.5 9.8 4.4-1.8 7.5-5 7.5-9.8V6L12 3Z\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n                stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            Your details will be used only for this request.\r\n          <\/p>\r\n        <\/form>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cefd047 e-con-full e-flex e-con e-parent\" data-id=\"cefd047\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7733030 elementor-widget elementor-widget-html\" data-id=\"7733030\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .syn-home-faq,\r\n  .syn-home-faq * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .syn-home-faq {\r\n    --ink: #092832;\r\n    --muted: #647e85;\r\n    --teal: #23c7b9;\r\n    --teal-dark: #087f77;\r\n    --teal-soft: #d9faf5;\r\n    --violet: #8172e8;\r\n    --violet-soft: #efedff;\r\n    --navy: #082733;\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    padding: 115px 24px;\r\n    font-family: Inter, Manrope, -apple-system, BlinkMacSystemFont, \"Segoe UI\",\r\n      sans-serif;\r\n    background:\r\n      radial-gradient(\r\n        circle at 91% 13%,\r\n        rgba(35, 199, 185, 0.12),\r\n        transparent 27%\r\n      ),\r\n      radial-gradient(\r\n        circle at 6% 89%,\r\n        rgba(129, 114, 232, 0.08),\r\n        transparent 28%\r\n      ),\r\n      linear-gradient(145deg, #f4faf9 0%, #f9fbff 52%, #f6f3ff 100%);\r\n  }\r\n\r\n  .syn-home-faq::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 420px;\r\n    height: 420px;\r\n    right: -270px;\r\n    top: -190px;\r\n    z-index: -2;\r\n    border: 1px solid rgba(35, 199, 185, 0.12);\r\n    border-radius: 50%;\r\n    box-shadow:\r\n      0 0 0 60px rgba(35, 199, 185, 0.025),\r\n      0 0 0 120px rgba(129, 114, 232, 0.018);\r\n  }\r\n\r\n  .syn-home-faq-wrap {\r\n    width: min(1180px, 100%);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .syn-home-faq-layout {\r\n    display: grid;\r\n    grid-template-columns: minmax(280px, 0.7fr) minmax(0, 1.3fr);\r\n    align-items: start;\r\n    gap: 75px;\r\n  }\r\n\r\n  \/* Left content *\/\r\n\r\n  .syn-home-faq-content {\r\n    position: sticky;\r\n    top: 30px;\r\n  }\r\n\r\n  .syn-home-faq-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin-bottom: 19px;\r\n    color: var(--teal-dark);\r\n    font-size: 11px;\r\n    font-weight: 760;\r\n    letter-spacing: 0.11em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .syn-home-faq-label::before {\r\n    content: \"\";\r\n    width: 25px;\r\n    height: 2px;\r\n    border-radius: 99px;\r\n    background: linear-gradient(90deg, var(--teal), var(--violet));\r\n  }\r\n\r\n  .syn-home-faq-title {\r\n    max-width: 470px;\r\n    margin: 0;\r\n    color: var(--ink);\r\n    font-size: clamp(40px, 4.7vw, 62px);\r\n    font-weight: 730;\r\n    line-height: 1.06;\r\n    letter-spacing: -0.05em;\r\n  }\r\n\r\n  .syn-home-faq-title span {\r\n    color: var(--teal-dark);\r\n  }\r\n\r\n  .syn-home-faq-description {\r\n    max-width: 430px;\r\n    margin: 22px 0 0;\r\n    color: var(--muted);\r\n    font-size: 16px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .syn-home-faq-highlight {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 13px;\r\n    max-width: 410px;\r\n    margin-top: 29px;\r\n    padding: 15px;\r\n    border: 1px solid rgba(255, 255, 255, 0.95);\r\n    border-radius: 18px;\r\n    background: rgba(255, 255, 255, 0.68);\r\n    box-shadow:\r\n      0 18px 45px rgba(25, 77, 84, 0.08),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.97);\r\n    backdrop-filter: blur(17px);\r\n    -webkit-backdrop-filter: blur(17px);\r\n  }\r\n\r\n  .syn-home-faq-highlight-icon {\r\n    width: 41px;\r\n    height: 41px;\r\n    display: grid;\r\n    place-items: center;\r\n    flex: 0 0 auto;\r\n    border-radius: 13px;\r\n    color: var(--teal-dark);\r\n    background: var(--teal-soft);\r\n  }\r\n\r\n  .syn-home-faq-highlight-icon svg {\r\n    width: 19px;\r\n    height: 19px;\r\n  }\r\n\r\n  .syn-home-faq-highlight strong {\r\n    display: block;\r\n    margin-bottom: 3px;\r\n    color: var(--ink);\r\n    font-size: 13px;\r\n    font-weight: 720;\r\n  }\r\n\r\n  .syn-home-faq-highlight span {\r\n    display: block;\r\n    color: #748c92;\r\n    font-size: 11px;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  \/* FAQ accordion *\/\r\n\r\n  .syn-home-faq-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 11px;\r\n  }\r\n\r\n  .syn-home-faq-item {\r\n    overflow: hidden;\r\n    border: 1px solid rgba(255, 255, 255, 0.95);\r\n    border-radius: 19px;\r\n    background: rgba(255, 255, 255, 0.68);\r\n    box-shadow:\r\n      0 17px 42px rgba(25, 77, 84, 0.07),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.97);\r\n    backdrop-filter: blur(17px);\r\n    -webkit-backdrop-filter: blur(17px);\r\n    transition:\r\n      border-color 0.25s ease,\r\n      background 0.25s ease,\r\n      box-shadow 0.25s ease;\r\n  }\r\n\r\n  .syn-home-faq-item[open] {\r\n    border-color: rgba(35, 199, 185, 0.2);\r\n    background: rgba(255, 255, 255, 0.9);\r\n    box-shadow:\r\n      0 22px 50px rgba(25, 77, 84, 0.1),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.98);\r\n  }\r\n\r\n  .syn-home-faq-question {\r\n    display: grid;\r\n    grid-template-columns: 35px minmax(0, 1fr) 31px;\r\n    align-items: center;\r\n    gap: 14px;\r\n    min-height: 76px;\r\n    padding: 14px 17px;\r\n    color: var(--ink);\r\n    cursor: pointer;\r\n    list-style: none;\r\n    font-size: 14px;\r\n    font-weight: 710;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .syn-home-faq-question::-webkit-details-marker {\r\n    display: none;\r\n  }\r\n\r\n  .syn-home-faq-number {\r\n    width: 34px;\r\n    height: 34px;\r\n    display: grid;\r\n    place-items: center;\r\n    border-radius: 11px;\r\n    color: var(--teal-dark);\r\n    background: var(--teal-soft);\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .syn-home-faq-item:nth-child(even) .syn-home-faq-number {\r\n    color: var(--violet);\r\n    background: var(--violet-soft);\r\n  }\r\n\r\n  .syn-home-faq-toggle {\r\n    position: relative;\r\n    width: 30px;\r\n    height: 30px;\r\n    display: grid;\r\n    place-items: center;\r\n    border: 1px solid rgba(9, 40, 50, 0.07);\r\n    border-radius: 10px;\r\n    background: rgba(255, 255, 255, 0.65);\r\n  }\r\n\r\n  .syn-home-faq-toggle::before,\r\n  .syn-home-faq-toggle::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 11px;\r\n    height: 1.5px;\r\n    border-radius: 99px;\r\n    background: var(--teal-dark);\r\n    transition: transform 0.25s ease;\r\n  }\r\n\r\n  .syn-home-faq-toggle::after {\r\n    transform: rotate(90deg);\r\n  }\r\n\r\n  .syn-home-faq-item[open] .syn-home-faq-toggle::after {\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  .syn-home-faq-answer {\r\n    padding: 0 63px 21px 66px;\r\n  }\r\n\r\n  .syn-home-faq-answer p {\r\n    margin: 0;\r\n    color: var(--muted);\r\n    font-size: 12px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .syn-home-faq-answer strong {\r\n    color: var(--teal-dark);\r\n    font-weight: 720;\r\n  }\r\n\r\n  @media (max-width: 960px) {\r\n    .syn-home-faq {\r\n      padding: 95px 22px;\r\n    }\r\n\r\n    .syn-home-faq-layout {\r\n      grid-template-columns: 1fr;\r\n      gap: 50px;\r\n    }\r\n\r\n    .syn-home-faq-content {\r\n      position: relative;\r\n      top: auto;\r\n    }\r\n\r\n    .syn-home-faq-title,\r\n    .syn-home-faq-description {\r\n      max-width: 650px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 620px) {\r\n    .syn-home-faq {\r\n      padding: 78px 16px;\r\n    }\r\n\r\n    .syn-home-faq-title {\r\n      font-size: clamp(37px, 10.8vw, 49px);\r\n    }\r\n\r\n    .syn-home-faq-description {\r\n      font-size: 15px;\r\n    }\r\n\r\n    .syn-home-faq-question {\r\n      grid-template-columns: 31px minmax(0, 1fr) 28px;\r\n      gap: 10px;\r\n      min-height: 71px;\r\n      padding: 12px;\r\n      font-size: 13px;\r\n    }\r\n\r\n    .syn-home-faq-number {\r\n      width: 30px;\r\n      height: 30px;\r\n      border-radius: 9px;\r\n    }\r\n\r\n    .syn-home-faq-toggle {\r\n      width: 28px;\r\n      height: 28px;\r\n      border-radius: 9px;\r\n    }\r\n\r\n    .syn-home-faq-answer {\r\n      padding: 0 50px 18px 53px;\r\n    }\r\n\r\n    .syn-home-faq-answer p {\r\n      font-size: 11px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .syn-home-faq-item,\r\n    .syn-home-faq-toggle::before,\r\n    .syn-home-faq-toggle::after {\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"syn-home-faq\" id=\"home-faqs\">\r\n  <div class=\"syn-home-faq-wrap\">\r\n    <div class=\"syn-home-faq-layout\">\r\n\r\n      <!-- Left content -->\r\n      <div class=\"syn-home-faq-content\">\r\n        <div class=\"syn-home-faq-label\">Frequently asked questions<\/div>\r\n\r\n        <h2 class=\"syn-home-faq-title\">\r\n          Everything to know before you <span>book.<\/span>\r\n        <\/h2>\r\n\r\n        <p class=\"syn-home-faq-description\">\r\n          Clear answers about doctors, call credits, meeting links and\r\n          rescheduling.\r\n        <\/p>\r\n\r\n        <div class=\"syn-home-faq-highlight\">\r\n          <span class=\"syn-home-faq-highlight-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <rect x=\"3\" y=\"5\" width=\"13\" height=\"14\" rx=\"3\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\/>\r\n              <path d=\"m16 10 5-3v10l-5-3\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <div>\r\n            <strong>30-minute private calls<\/strong>\r\n            <span>Conducted through Google Meet.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FAQs -->\r\n      <div class=\"syn-home-faq-list\">\r\n\r\n        <details class=\"syn-home-faq-item\" open>\r\n          <summary class=\"syn-home-faq-question\">\r\n            <span class=\"syn-home-faq-number\">01<\/span>\r\n            <span>Who are the doctors listed on the platform?<\/span>\r\n            <span class=\"syn-home-faq-toggle\"><\/span>\r\n          <\/summary>\r\n\r\n          <div class=\"syn-home-faq-answer\">\r\n            <p>\r\n              They are doctors with first-hand PG training experience in the\r\n              college and department shown on their profile.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details class=\"syn-home-faq-item\">\r\n          <summary class=\"syn-home-faq-question\">\r\n            <span class=\"syn-home-faq-number\">02<\/span>\r\n            <span>How long is each guidance call?<\/span>\r\n            <span class=\"syn-home-faq-toggle\"><\/span>\r\n          <\/summary>\r\n\r\n          <div class=\"syn-home-faq-answer\">\r\n            <p>\r\n              Every guidance call is <strong>30 minutes<\/strong> and takes place\r\n              through a private Google Meet link.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details class=\"syn-home-faq-item\">\r\n          <summary class=\"syn-home-faq-question\">\r\n            <span class=\"syn-home-faq-number\">03<\/span>\r\n            <span>Can I use my package credits with different doctors?<\/span>\r\n            <span class=\"syn-home-faq-toggle\"><\/span>\r\n          <\/summary>\r\n\r\n          <div class=\"syn-home-faq-answer\">\r\n            <p>\r\n              Yes. Valid credits can be used with any available doctor listed\r\n              on the platform.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details class=\"syn-home-faq-item\">\r\n          <summary class=\"syn-home-faq-question\">\r\n            <span class=\"syn-home-faq-number\">04<\/span>\r\n            <span>Will I receive the doctor\u2019s phone number?<\/span>\r\n            <span class=\"syn-home-faq-toggle\"><\/span>\r\n          <\/summary>\r\n\r\n          <div class=\"syn-home-faq-answer\">\r\n            <p>\r\n              No. Phone numbers and personal contact details are not exchanged.\r\n              Calls happen through Google Meet.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details class=\"syn-home-faq-item\">\r\n          <summary class=\"syn-home-faq-question\">\r\n            <span class=\"syn-home-faq-number\">05<\/span>\r\n            <span>How will I receive the meeting link?<\/span>\r\n            <span class=\"syn-home-faq-toggle\"><\/span>\r\n          <\/summary>\r\n\r\n          <div class=\"syn-home-faq-answer\">\r\n            <p>\r\n              Your booking confirmation and meeting information will be sent\r\n              through your registered email and WhatsApp.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details class=\"syn-home-faq-item\">\r\n          <summary class=\"syn-home-faq-question\">\r\n            <span class=\"syn-home-faq-number\">06<\/span>\r\n            <span>Can I reschedule my call?<\/span>\r\n            <span class=\"syn-home-faq-toggle\"><\/span>\r\n          <\/summary>\r\n\r\n          <div class=\"syn-home-faq-answer\">\r\n            <p>\r\n              One eligible reschedule is allowed when requested with reasonable\r\n              notice before the scheduled call.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details class=\"syn-home-faq-item\">\r\n          <summary class=\"syn-home-faq-question\">\r\n            <span class=\"syn-home-faq-number\">07<\/span>\r\n            <span>What happens if I miss the call?<\/span>\r\n            <span class=\"syn-home-faq-toggle\"><\/span>\r\n          <\/summary>\r\n\r\n          <div class=\"syn-home-faq-answer\">\r\n            <p>\r\n              If you do not attend the scheduled call, the call credit will be\r\n              considered used.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details class=\"syn-home-faq-item\">\r\n          <summary class=\"syn-home-faq-question\">\r\n            <span class=\"syn-home-faq-number\">08<\/span>\r\n            <span>What happens if the doctor cancels?<\/span>\r\n            <span class=\"syn-home-faq-toggle\"><\/span>\r\n          <\/summary>\r\n\r\n          <div class=\"syn-home-faq-answer\">\r\n            <p>\r\n              Your credit will not be lost. You can reschedule or choose another\r\n              available doctor.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details class=\"syn-home-faq-item\">\r\n          <summary class=\"syn-home-faq-question\">\r\n            <span class=\"syn-home-faq-number\">09<\/span>\r\n            <span>When do my call credits expire?<\/span>\r\n            <span class=\"syn-home-faq-toggle\"><\/span>\r\n          <\/summary>\r\n\r\n          <div class=\"syn-home-faq-answer\">\r\n            <p>\r\n              Your package expiry date will be shown during purchase and inside\r\n              your student account.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details class=\"syn-home-faq-item\">\r\n          <summary class=\"syn-home-faq-question\">\r\n            <span class=\"syn-home-faq-number\">10<\/span>\r\n            <span>Will the doctor tell me which college I must choose?<\/span>\r\n            <span class=\"syn-home-faq-toggle\"><\/span>\r\n          <\/summary>\r\n\r\n          <div class=\"syn-home-faq-answer\">\r\n            <p>\r\n              No. The doctor shares personal experience and practical insights.\r\n              The final counselling decision remains with you.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f51129e e-con-full e-flex e-con e-parent\" data-id=\"f51129e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80dab9d elementor-widget elementor-widget-html\" data-id=\"80dab9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .syn-home-final,\r\n  .syn-home-final * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .syn-home-final {\r\n    --navy: #061d28;\r\n    --navy-soft: #0b3541;\r\n    --teal: #45e0d0;\r\n    --teal-soft: #b3fff6;\r\n    --violet: #9c8cff;\r\n    --white: #f5fffd;\r\n    --muted: #9db4ba;\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    padding: 100px 24px;\r\n    font-family: Inter, Manrope, -apple-system, BlinkMacSystemFont, \"Segoe UI\",\r\n      sans-serif;\r\n    background: #f6fafb;\r\n  }\r\n\r\n  .syn-home-final-shell {\r\n    position: relative;\r\n    width: min(1180px, 100%);\r\n    min-height: 500px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 auto;\r\n    overflow: hidden;\r\n    padding: 80px 40px;\r\n    border: 1px solid rgba(255, 255, 255, 0.09);\r\n    border-radius: 37px;\r\n    background:\r\n      radial-gradient(\r\n        circle at 14% 17%,\r\n        rgba(69, 224, 208, 0.15),\r\n        transparent 29%\r\n      ),\r\n      radial-gradient(\r\n        circle at 88% 84%,\r\n        rgba(156, 140, 255, 0.13),\r\n        transparent 30%\r\n      ),\r\n      linear-gradient(140deg, var(--navy), var(--navy-soft));\r\n    box-shadow:\r\n      0 38px 90px rgba(7, 28, 39, 0.2),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.08);\r\n  }\r\n\r\n  .syn-home-final-shell::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n    opacity: 0.32;\r\n    background-image:\r\n      linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);\r\n    background-size: 50px 50px;\r\n    mask-image: radial-gradient(circle at center, #000, transparent 80%);\r\n  }\r\n\r\n  .syn-home-final-ring {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .syn-home-final-ring-one {\r\n    width: 380px;\r\n    height: 380px;\r\n    top: -230px;\r\n    right: -95px;\r\n    border: 1px solid rgba(69, 224, 208, 0.11);\r\n    box-shadow:\r\n      0 0 0 55px rgba(69, 224, 208, 0.023),\r\n      0 0 0 110px rgba(156, 140, 255, 0.017);\r\n  }\r\n\r\n  .syn-home-final-ring-two {\r\n    width: 260px;\r\n    height: 260px;\r\n    left: -145px;\r\n    bottom: -135px;\r\n    border: 1px solid rgba(156, 140, 255, 0.1);\r\n    box-shadow: 0 0 0 48px rgba(156, 140, 255, 0.018);\r\n  }\r\n\r\n  .syn-home-final-content {\r\n    position: relative;\r\n    z-index: 3;\r\n    max-width: 860px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n  }\r\n\r\n  .syn-home-final-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin-bottom: 22px;\r\n    padding: 8px 13px;\r\n    border: 1px solid rgba(179, 255, 246, 0.15);\r\n    border-radius: 999px;\r\n    color: var(--teal-soft);\r\n    background: rgba(255, 255, 255, 0.055);\r\n    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);\r\n    backdrop-filter: blur(13px);\r\n    -webkit-backdrop-filter: blur(13px);\r\n    font-size: 11px;\r\n    font-weight: 760;\r\n    letter-spacing: 0.11em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .syn-home-final-label-dot {\r\n    width: 7px;\r\n    height: 7px;\r\n    border-radius: 50%;\r\n    background: var(--teal);\r\n    box-shadow: 0 0 0 5px rgba(69, 224, 208, 0.09);\r\n  }\r\n\r\n  .syn-home-final-title {\r\n    margin: 0;\r\n    color: var(--white);\r\n    font-size: clamp(44px, 5.4vw, 72px);\r\n    font-weight: 730;\r\n    line-height: 1.03;\r\n    letter-spacing: -0.055em;\r\n  }\r\n\r\n  .syn-home-final-title span {\r\n    color: transparent;\r\n    background: linear-gradient(100deg, var(--teal-soft), var(--teal));\r\n    background-clip: text;\r\n    -webkit-background-clip: text;\r\n  }\r\n\r\n  .syn-home-final-description {\r\n    max-width: 650px;\r\n    margin: 23px auto 0;\r\n    color: var(--muted);\r\n    font-size: 17px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .syn-home-final-actions {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n    margin-top: 31px;\r\n  }\r\n\r\n  .syn-home-final-primary,\r\n  .syn-home-final-secondary {\r\n    min-height: 54px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 9px;\r\n    padding: 0 22px;\r\n    border-radius: 15px;\r\n    text-decoration: none !important;\r\n    font-size: 14px;\r\n    font-weight: 760;\r\n    transition:\r\n      transform 0.25s ease,\r\n      box-shadow 0.25s ease,\r\n      background 0.25s ease;\r\n  }\r\n\r\n  .syn-home-final-primary {\r\n    color: #062422 !important;\r\n    background: linear-gradient(135deg, var(--teal-soft), var(--teal));\r\n    box-shadow: 0 16px 38px rgba(69, 224, 208, 0.21);\r\n  }\r\n\r\n  .syn-home-final-primary:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 21px 45px rgba(69, 224, 208, 0.31);\r\n  }\r\n\r\n  .syn-home-final-secondary {\r\n    color: #e7f5f4 !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.11);\r\n    background: rgba(255, 255, 255, 0.055);\r\n    backdrop-filter: blur(13px);\r\n    -webkit-backdrop-filter: blur(13px);\r\n  }\r\n\r\n  .syn-home-final-secondary:hover {\r\n    transform: translateY(-3px);\r\n    background: rgba(255, 255, 255, 0.09);\r\n  }\r\n\r\n  .syn-home-final-primary svg,\r\n  .syn-home-final-secondary svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n\r\n  .syn-home-final-points {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 11px 21px;\r\n    margin-top: 25px;\r\n  }\r\n\r\n  .syn-home-final-point {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #8fa9af;\r\n    font-size: 11px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .syn-home-final-check {\r\n    width: 18px;\r\n    height: 18px;\r\n    display: grid;\r\n    place-items: center;\r\n    flex: 0 0 auto;\r\n    border-radius: 50%;\r\n    color: var(--teal-soft);\r\n    background: rgba(69, 224, 208, 0.09);\r\n  }\r\n\r\n  .syn-home-final-check svg {\r\n    width: 10px;\r\n    height: 10px;\r\n  }\r\n\r\n  \/* Floating glass elements *\/\r\n\r\n  .syn-home-final-float {\r\n    position: absolute;\r\n    z-index: 2;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    padding: 11px 14px;\r\n    border: 1px solid rgba(255, 255, 255, 0.11);\r\n    border-radius: 15px;\r\n    color: #e5f4f3;\r\n    background: rgba(12, 43, 54, 0.66);\r\n    box-shadow: 0 18px 42px rgba(0, 8, 14, 0.22);\r\n    backdrop-filter: blur(17px);\r\n    -webkit-backdrop-filter: blur(17px);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    animation: synHomeFinalFloat 5s ease-in-out infinite;\r\n  }\r\n\r\n  .syn-home-final-float-left {\r\n    top: 55px;\r\n    left: 45px;\r\n  }\r\n\r\n  .syn-home-final-float-right {\r\n    right: 45px;\r\n    bottom: 55px;\r\n    animation-delay: 1.1s;\r\n  }\r\n\r\n  .syn-home-final-float-icon {\r\n    width: 28px;\r\n    height: 28px;\r\n    display: grid;\r\n    place-items: center;\r\n    flex: 0 0 auto;\r\n    border-radius: 9px;\r\n    color: #062422;\r\n    background: var(--teal);\r\n  }\r\n\r\n  .syn-home-final-float-right .syn-home-final-float-icon {\r\n    color: #ffffff;\r\n    background: var(--violet);\r\n  }\r\n\r\n  .syn-home-final-float-icon svg {\r\n    width: 14px;\r\n    height: 14px;\r\n  }\r\n\r\n  @keyframes synHomeFinalFloat {\r\n    0%,\r\n    100% {\r\n      transform: translateY(0);\r\n    }\r\n\r\n    50% {\r\n      transform: translateY(-7px);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .syn-home-final-float {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 620px) {\r\n    .syn-home-final {\r\n      padding: 75px 16px;\r\n    }\r\n\r\n    .syn-home-final-shell {\r\n      min-height: 520px;\r\n      padding: 70px 19px;\r\n      border-radius: 27px;\r\n    }\r\n\r\n    .syn-home-final-title {\r\n      font-size: clamp(40px, 12vw, 53px);\r\n    }\r\n\r\n    .syn-home-final-description {\r\n      font-size: 15px;\r\n    }\r\n\r\n    .syn-home-final-actions {\r\n      align-items: stretch;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .syn-home-final-primary,\r\n    .syn-home-final-secondary {\r\n      width: 100%;\r\n    }\r\n\r\n    .syn-home-final-points {\r\n      align-items: flex-start;\r\n      flex-direction: column;\r\n      width: fit-content;\r\n      margin-right: auto;\r\n      margin-left: auto;\r\n      text-align: left;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .syn-home-final-float {\r\n      animation: none;\r\n    }\r\n\r\n    .syn-home-final-primary,\r\n    .syn-home-final-secondary {\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"syn-home-final\" id=\"home-final-cta\">\r\n  <div class=\"syn-home-final-shell\">\r\n    <div class=\"syn-home-final-ring syn-home-final-ring-one\"><\/div>\r\n    <div class=\"syn-home-final-ring syn-home-final-ring-two\"><\/div>\r\n\r\n    <!-- Floating element -->\r\n    <div class=\"syn-home-final-float syn-home-final-float-left\">\r\n      <span class=\"syn-home-final-float-icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n          <path d=\"M12 3 4.5 6v5.2c0 4.8 3.1 8 7.5 9.8 4.4-1.8 7.5-5 7.5-9.8V6L12 3Z\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\/>\r\n          <path d=\"m8 12 2.5 2.5L16 9\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n            stroke-linecap=\"round\"\r\n            stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n      Verified doctors\r\n    <\/div>\r\n\r\n    <!-- Floating element -->\r\n    <div class=\"syn-home-final-float syn-home-final-float-right\">\r\n      <span class=\"syn-home-final-float-icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n          <rect x=\"3\" y=\"5\" width=\"13\" height=\"14\" rx=\"3\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\/>\r\n          <path d=\"m16 10 5-3v10l-5-3\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n            stroke-linecap=\"round\"\r\n            stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n      Private 30-minute calls\r\n    <\/div>\r\n\r\n    <!-- CTA content -->\r\n    <div class=\"syn-home-final-content\">\r\n      <div class=\"syn-home-final-label\">\r\n        <span class=\"syn-home-final-label-dot\"><\/span>\r\n        Make a more informed choice\r\n      <\/div>\r\n\r\n      <h2 class=\"syn-home-final-title\">\r\n        Your PG choice deserves <span>first-hand information.<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"syn-home-final-description\">\r\n        Speak with someone who knows the college and department from experience.\r\n      <\/p>\r\n\r\n      <div class=\"syn-home-final-actions\">\r\n        <a class=\"syn-home-final-primary\" href=\"https:\/\/synapsecircle.com\/campuscircle\/doctor-listings\/\">\r\n          Find a Doctor\r\n\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.8\"\/>\r\n            <path d=\"m15.5 15.5 4 4\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.8\"\r\n              stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n        <a class=\"syn-home-final-secondary\" href=\"#home-pricing\">\r\n          View Call Packages\r\n\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M12 5v14M6 13l6 6 6-6\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.9\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"syn-home-final-points\">\r\n        <div class=\"syn-home-final-point\">\r\n          <span class=\"syn-home-final-check\">\r\n            <svg viewBox=\"0 0 12 12\" fill=\"none\">\r\n              <path d=\"M2 6.2 4.6 9 10 3\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          Verified doctor profiles\r\n        <\/div>\r\n\r\n        <div class=\"syn-home-final-point\">\r\n          <span class=\"syn-home-final-check\">\r\n            <svg viewBox=\"0 0 12 12\" fill=\"none\">\r\n              <path d=\"M2 6.2 4.6 9 10 3\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          Private Google Meet calls\r\n        <\/div>\r\n\r\n        <div class=\"syn-home-final-point\">\r\n          <span class=\"syn-home-final-check\">\r\n            <svg viewBox=\"0 0 12 12\" fill=\"none\">\r\n              <path d=\"M2 6.2 4.6 9 10 3\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          Synapse support\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Synapse Circle By Doctors, For Doctors Find a Doctor How It Works Pricing FAQs Register as a Doctor Login Find a Doctor Verified PG doctors Private 30-minute calls NEET PG College Guidance Before you choose a PG college, speak to someone who trained there. Book a private 30-minute video call with a verified doctor from [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-43","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/synapsecircle.com\/campuscircle\/wp-json\/wp\/v2\/pages\/43","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/synapsecircle.com\/campuscircle\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/synapsecircle.com\/campuscircle\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/synapsecircle.com\/campuscircle\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/synapsecircle.com\/campuscircle\/wp-json\/wp\/v2\/comments?post=43"}],"version-history":[{"count":13,"href":"https:\/\/synapsecircle.com\/campuscircle\/wp-json\/wp\/v2\/pages\/43\/revisions"}],"predecessor-version":[{"id":91,"href":"https:\/\/synapsecircle.com\/campuscircle\/wp-json\/wp\/v2\/pages\/43\/revisions\/91"}],"wp:attachment":[{"href":"https:\/\/synapsecircle.com\/campuscircle\/wp-json\/wp\/v2\/media?parent=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}