PageSourceSearch

https://mentalhappytest233.webflow.io/find-support-group

html mentalhappytest233.webflow.io collected 2026-10-03 13:25:07 UTC 92,910 bytes, 1,404 lines download raw bytes

1<!DOCTYPE html><!-- Last Published: Wed Sep 30 2026 17:55:45 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="mentalhappytest233.webflow.io" data-wf-page="6a2947f2b645e1e58d847307" data-wf-site="5eb1d5b6f623cb64d7b7735f" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Find Online Support Groups Near You — Free to Join | MentalHappy</title><meta content="Find expert-led online support groups for anxiety, grief, relationships, and more. Free to join. Private, vetted community. Can&#x27;t find yours? Request it." name="description"/><meta content="Find Online Support Groups Near You — Free to Join | MentalHappy" property="og:title"/><meta content="Find expert-led online support groups for anxiety, grief, relationships, and more. Free to join. Private, vetted community. Can&#x27;t find yours? Request it." property="og:description"/><meta content="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/66393f125d8ec87e07a85f0f_social%20share%20img%20(2).webp" property="og:image"/><meta content="Find Online Support Groups Near You — Free to Join | MentalHappy" name="twitter:title"/><meta content="Find expert-led online support groups for anxiety, grief, relationships, and more. Free to join. Private, vetted community. Can&#x27;t find yours? Request it." name="twitter:description"/><meta content="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/66393f125d8ec87e07a85f0f_social%20share%20img%20(2).webp" name="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="LExXZ5oJzAjGUaS327AdO4KdiLzcvohKcPgRD214e0g" name="google-site-verification"/><link href="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/css/mentalhappytest233.webflow.shared.664caebab.min.css" rel="stylesheet" type="text/css" integrity="sha384-ZkyuurrBDG8ruAvHlypnsfpkaeKIxxLofUeEaOdog431O80Q7m72DCFP7pGLm7aG" crossorigin="anonymous"/>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/5eb3962688ad6f341ba62d8d_MH_Favicon_32.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/5eb3965160483b862d7b35c6_MH_Favicon_mhBlue-web.png" rel="apple-touch-icon"/><link href="https://www.mentalhappy.com/find-support-group" rel="canonical"/>
1<script type="application/ld+json">
2{
3  "@context": "https://schema.org",
4  "@graph": [
5    {
6      "@type": "CollectionPage",
7      "@id": "https://www.mentalhappy.com/find-support-group#page",
8      "url": "https://www.mentalhappy.com/find-support-group",
9      "name": "Find Online Support Groups Near You — Free to Join | MentalHappy",
10      "description": "Find expert-led online support groups for anxiety, grief, relationships, and more. Free to join. Private and vetted. Can't find yours? Request it.",
11      "isPartOf": {
12        "@type": "WebSite",
13        "url": "https://www.mentalhappy.com",
14        "name": "MentalHappy"
15      },
16      "breadcrumb": {
17        "@id": "https://www.mentalhappy.com/find-support-group#breadcrumb"
18      },
19      "publisher": {
20        "@type": "Organization",
21        "name": "MentalHappy",
22        "url": "https://www.mentalhappy.com"
23      }
24    },
25    {
26      "@type": "BreadcrumbList",
27      "@id": "https://www.mentalhappy.com/find-support-group#breadcrumb",
28      "itemListElement": [
29        {
30          "@type": "ListItem",
31          "position": 1,
32          "name": "Home",
33          "item": "https://www.mentalhappy.com/"
34        },
35        {
36          "@type": "ListItem",
37          "position": 2,
38          "name": "Find a Support Group",
39          "item": "https://www.mentalhappy.com/find-support-group"
40        }
41      ]
42    }
43  ]
44}
45</script>
45<!-- Google Tag Manager -->
46<script>
vendor: 327 bytes, lines 46-50
46(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
47new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
48j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
49'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
50})(window,document,'script','dataLayer','
50GTM-MKCXVK3T
vendor: 3 bytes, line 50
50');
50</script>
50
51<!-- End Google Tag Manager -->
52
53<style>
54	body {
55  overscroll-behavior: none
56}
57</style>
58
59<!-- Meta Pixel Code -->
60<script>
vendor: 399 bytes, lines 60-69
60
61!function(f,b,e,v,n,t,s)
62{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
63n.callMethod.apply(n,arguments):n.queue.push(arguments)};
64if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
65n.queue=[];t=b.createElement(e);t.async=!0;
66t.src=v;s=b.getElementsByTagName(e)[0];
67s.parentNode.insertBefore(t,s)}(window, document,'script',
68'https://connect.facebook.net/en_US/fbevents.js');
69fbq('init', '
69590039635006107
vendor: 30 bytes, lines 69-70
69');
70fbq('track', 'PageView');
71</script>
71
72<noscript><img height="1" width="1" style="display:none"
73src="https://www.facebook.com/tr?id=590039635006107&ev=PageView&noscript=1"
74/></noscript>
75<!-- End Meta Pixel Code -->
76<script type="text/javascript" src="//script.crazyegg.com/pages/scripts/0076/6799.js" async="async" ></script>
76
77<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/splide-core.min.css">
78
79<style>
80	.brand{
81  	color: #00879B
82  }
83  
84  .splide{
85  	visibility: visible !important
86  }
87  
88   #session-container {
89   display: flex;
90   gap: 24px;
91    }
92    
93    .splide__track {
94  overflow: visible;
95}
96
97    
98    div.n-title.left{
99       overflow: hidden;
100   display: -webkit-box;
101   -webkit-line-clamp: 2; /* number of lines to show */
102           line-clamp: 2; 
103   -webkit-box-orient: vertical;
104    }
105  
106      
107</style></head><body class="n-body is-grey"><nav class="navbar-two"><div class="a-container nav-bar-content"><a href="https://community.mentalhappy.com/login" class="new-nav-link w-inline-block"><div>Log in</div></a><a href="/find-support-group" aria-current="page" class="new-nav-link w-inline-block w--current"><div>Find a Support Group</div></a><a href="/hosting-groups" class="new-nav-link w-inline-block"><div>Start a Support Group</div></a><a href="/about-us" class="new-nav-link w-inline-block"><div>About us</div></a><div class="nav-bar-download-app"><div class="text-block-82">Available on web and also on</div><div class="app-download-buttons nav-bar"><a href="https://apps.apple.com/us/app/mentalhappy/id1574363583" class="downlaod-app-btn navbar-view w-inline-block"><img src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/6193d753dfb64e8214324e80_Group%20(1).svg" loading="lazy" alt="" class="image-95 navbar"/><div class="store-text navbar">App Store</div></a><a href="https://play.google.com/store/apps/details?id=com.mentalhappy.app" class="downlaod-app-btn navbar-view playstore w-inline-block"><img src="https://cdn.prod.website-files.com/60c719be7509fd4a0e47f719/611635ba1569db5818128265_Frame%201203.svg" loading="lazy" alt="" class="image-95 navbar"/><div class="store-text navbar">Google Play</div></a></div></div></div><div class="a-container new-nav"><a href="/" class="brand w-nav-brand"><div class="html-embed w-embed"><svg width="100%" height="auto" viewBox="0 0 2548 650" fill="none" xmlns="http://www.w3.org/2000/svg">
108<path d="M2219.44 526C2008.94 681.5 1696.94 571.5 1669.93 513.5L1646.44 527.5C1828.94 732.5 2193.94 636.5 2239.44 542L2219.44 526Z" fill="#F8EE10"/>
109<path d="M127.498 32.1528C102.065 40.5188 82.3216 54.4064 68.2667 73.8156C54.5464 92.8901 47.6863 116.65 47.6863 145.094C47.6863 157.81 48.8575 166.511 51.2 171.196C53.5425 175.881 54.7137 178.725 54.7137 179.729C18.9072 179.729 1.00392 164.503 1.00392 134.051C1.00392 113.303 8.86798 92.5555 24.5961 71.8077C40.6588 50.7254 61.0719 33.6587 85.8353 20.6077C110.933 7.22211 135.864 0.529297 160.627 0.529297C173.009 0.529297 185.726 2.87178 198.776 7.55675L187.231 272.09L297.663 7.55675H369.945L317.239 377H244.957L277.082 151.62L182.714 377H113.945L123.984 150.616L40.1569 377H0L127.498 32.1528Z" fill="teal"/>
110<path d="M433.247 380.012C408.484 380.012 389.242 373.654 375.522 360.937C361.801 347.886 354.941 327.64 354.941 300.2C354.941 277.11 359.459 251.677 368.494 223.902C377.529 196.127 392.254 172.2 412.667 152.121C433.08 131.708 459.014 121.502 490.471 121.502C527.281 121.502 545.686 137.565 545.686 169.69C545.686 188.43 540.332 205.664 529.624 221.392C518.915 237.12 504.693 249.837 486.957 259.541C469.221 268.911 450.314 274.265 430.235 275.604C429.566 285.643 429.231 292.336 429.231 295.682C429.231 312.08 432.076 323.29 437.765 329.314C443.454 335.003 452.656 337.847 465.373 337.847C483.443 337.847 498.837 333.664 511.553 325.298C524.604 316.932 538.826 304.216 554.22 287.149H571.286C534.141 349.057 488.128 380.012 433.247 380.012ZM434.251 251.51C446.633 250.84 458.345 246.49 469.388 238.459C480.766 230.427 489.801 220.221 496.494 207.839C503.522 195.457 507.035 182.406 507.035 168.686C507.035 154.966 502.852 148.106 494.486 148.106C482.439 148.106 470.559 158.647 458.847 179.729C447.469 200.812 439.271 224.738 434.251 251.51Z" fill="teal"/>
111<path d="M735.322 380.012C714.909 380.012 699.85 374.657 690.145 363.949C680.775 352.906 676.09 339.353 676.09 323.29C676.09 316.263 676.927 308.399 678.6 299.698C680.273 290.663 681.946 281.962 683.62 273.596C685.627 265.23 686.966 259.876 687.635 257.533C690.312 245.821 692.822 234.276 695.165 222.898C697.507 211.52 698.678 202.318 698.678 195.29C698.678 
111178.223 692.655 169.69 680.608 169.69C671.907 169.69 664.211 174.04 657.518 182.741C650.825 191.107 645.471 202.15 641.455 215.871L607.322 377H535.039L588.247 126.02H660.529L655.008 152.121C671.74 133.382 691.316 124.012 713.737 124.012C730.804 124.012 744.357 128.697 754.396 138.067C764.435 147.437 769.455 161.659 769.455 180.733C769.455 190.438 768.284 201.314 765.941 213.361C763.599 225.073 760.252 239.463 755.902 256.529C753.225 266.903 750.715 277.11 748.373 287.149C746.365 296.854 745.361 304.55 745.361 310.239C745.361 316.932 746.867 322.119 749.878 325.8C752.89 329.481 758.077 331.322 765.439 331.322C775.478 331.322 783.51 327.808 789.533 320.78C795.557 313.418 801.58 302.208 807.604 287.149H828.686C816.305 323.959 801.915 348.723 785.518 361.439C769.455 373.821 752.723 380.012 735.322 380.012Z" fill="teal"/>
112<path d="M857.239 380.012C841.177 380.012 828.126 374.992 818.086 364.953C808.382 354.914 803.529 339.855 803.529 319.776C803.529 311.41 804.868 300.535 807.545 287.149L837.663 146.098H821.098L825.114 126.02H841.678L856.737 56.7489L931.028 46.7097L913.961 126.02H944.078L940.063 146.098H909.945L877.82 296.686C876.481 301.706 875.812 307.06 875.812 312.749C875.812 319.442 877.318 324.294 880.329 327.306C883.676 329.983 889.03 331.322 896.392 331.322C906.097 331.322 915.132 327.306 923.498 319.274C931.864 310.908 937.888 300.2 941.569 287.149H962.651C950.269 323.29 934.374 347.886 914.965 360.937C895.556 373.654 876.314 380.012 857.239 380.012Z" fill="teal"/>
113<path d="M1001.6 380.012C982.529 380.012 966.634 373.486 953.918 360.435C941.201 347.384 934.843 326.971 934.843 299.196C934.843 274.433 939.695 248.498 949.4 221.392C959.439 193.952 974.163 170.861 993.573 152.121C1013.32 133.047 1036.74 123.51 1063.85 123.51C1077.57 123.51 1087.77 125.852 1094.47 130.537C1101.16 135.222 1104.51 141.413 1104.51 149.11V152.623L1110.03 126.02H1182.31L1146.17 296.686C1144.83 301.706 1144.16 307.06 1144.16 312.749C1144.16 327.139 1151.02 334.333 1164.74 334.333C1174.11 334.333 1182.14 329.983 1188.84 321.282C1195.86 312.582 1201.38 301.204 1205.4 287.149H1226.48C1214.1 323.29 1198.71 347.886 1180.3 360.937C1162.23 373.654 1143.99 380.012 1125.59 380.012C1111.53 380.012 1100.16 376.163 1091.45 368.467C1083.09 360.435 1078.07 348.89 1076.4 333.831C1066.69 347.552 1055.82 358.762 1043.77 367.463C1032.06 375.829 1018 380.012 1001.6 380.012ZM1034.23 331.322C1042.6 331.322 1050.8 327.473 1058.83 319.776C1067.19 311.745 1072.88 300.869 1075.89 287.149L1099.99 173.706C1099.99 169.355 1098.32 165.172 1094.97 161.157C1091.62 156.806 1086.44 154.631 1079.41 154.631C1066.02 154.631 1053.98 162.495 1043.27 178.223C1032.56 193.617 1024.19 212.357 1018.17 234.443C1012.15 256.195 1009.13 275.437 1009.13 292.169C1009.13 308.901 1011.48 319.609 1016.16 324.294C1021.18 328.979 1027.2 331.322 1034.23 331.322Z" fill="teal"/>
114<path d="M1254.27 380.012C1238.21 380.012 1225.16 374.992 1215.12 364.953C1205.42 354.579 1200.56 339.186 1200.56 318.772C1200.56 310.406 1201.9 299.531 1204.58 286.145L1258.29 34.6626L1332.58 24.6234L1274.85 295.682C1273.52 300.702 1272.85 305.554 1272.85 310.239C1272.85 323.625 1279.71 330.318 1293.43 330.318C1299.45 330.318 1304.81 329.314 1309.49 327.306C1308.15 344.038 1302.13 357.089 1291.42 366.459C1281.05 375.494 1268.66 380.012 1254.27 380.012Z" fill="teal"/>
115<path d="M1478.98 335.344V362H1380.22V335.344H1413V82.7674H1380.22V56.1114H1478.98V82.7674H1446.21V194.198H1593.47V82.7674H1560.7V56.1114H1659.46V82.7674H1626.68V335.344H1659.46V362H1560.7V335.344H1593.47V222.602H1446.21V335.344H1478.98Z" fill="teal"/>
116<path d="M1865.88 335.344V362H1810.38L1807.32 331.848C1793.34 352.823 1769.74 367.244 1736.53 367.244C1687.59 367.244 1666.61 337.092 1666.61 300.385C1666.61 261.931 1691.52 234.838 1755.76 234.838H1806.45V215.61C1806.45 184.585 1788.09 164.92 1752.26 164.92C1733.47 164.92 1719.05 166.668 1707.69 169.727V205.56H1679.72V150.937C1695.89 143.071 1722.98 138.264 1753.13 138.264C1809.94 138.264 1838.78 164.92 1838.78 215.61V335.344H1865.88ZM1742.21 339.714C1777.17 339.714 1805.14 315.243 1806.45 282.032V259.309H1755.76C1717.3 259.309 1699.39 274.166 1699.39 299.948C1699.39 322.671 1713.37 339.714 1742.21 339.714Z" fill="teal"/>
117<path d="M1960 427.111V453.766H1861.24V427.111H1890.08V170.164H1861.24V143.508H1918.92L1921.54 180.652C1935.53 155.744 1960.44 138.264 1995.83 138.264C2053.08 138.264 2093.28 181.526 2093.28 252.754C2093.28 323.108 2053.08 367.244 1996.7 367.244C1964.37 367.244 1938.59 351.949 1922.42 326.604V427.111H1960ZM2059.63 252.754C2059.63 202.064 2033.85 167.105 1991.02 167.105C1948.2 167.105 1921.11 202.064 1921.11 252.317C1921.11 304.318 1948.2 338.84 1991.02 338.84C2033.85 338.84 2059.63 303.881 2059.63 252.754Z" fill="teal"/>
118<path d="M2195.27 427.111V453.766H2096.51V427.111H2125.35V170.164H2096.51V143.508H2154.19L2156.81 180.652C2170.8 155.744 2195.71 138.264 2231.1 138.264C2288.35 138.264 2328.55 181.526 2328.55 252.754C2328.55 323.108 2288.35 367.244 2231.98 367.244C2199.64 367.244 2173.86 351.949 2157.69 326.604V427.111H2195.27ZM2294.9 252.754C2294.9 202.064 2269.12 167.105 2226.3 167.105C2183.47 167.105 2156.38 202.064 2156.38 252.317C2156.38 304.318 2183.47 338.84 2226.3 338.84C2269.12 338.84 2294.9 303.881 2294.9 252.754Z" fill="teal"/>
119<path d="M2547.82 143.508V170.164H2521.6L2440.76 382.101C2416.28 445.027 2389.63 460.758 2349.86 460.758C2340.25 460.758 2328.89 459.447 2322.33 456.388L2326.7 431.48C2332.38 432.791 2341.56 434.539 2348.55 434.539C2372.59 434.539 2393.12 424.926 2409.73 383.849L2418.47 362H2414.54L2343.74 170.164H2317.9
1196V143.508H2400.55V170.164H2378.27L2433.33 329.663L2487.95 170.164H2463.04V143.508H2547.82Z" fill="teal"/>
120</svg></div></a><div class="center-nav-menu"><a href="/resources" class="nav-item w-inline-block"><div class="n-title">Resources</div></a><a href="/blog" class="nav-item w-inline-block"><div class="n-title">Leader Academy</div></a><link rel="prefetch" href="/blog"/><a href="/find-support-group" aria-current="page" class="nav-item w-inline-block w--current"><div class="n-title">Find Support Group</div></a><a href="/hosting-groups" class="nav-item w-inline-block"><div class="n-title">Host a Group</div></a><link rel="prefetch" href="/hosting-groups"/><div data-w-id="e826f6e3-80d1-54d9-99b5-fe3076a8d33d" class="nav-item dropdown hide"><div class="n-title">Groups</div><div class="w-embed"><svg width="16" height="16" viewBox="0 0 16 8" fill="none" xmlns="http://www.w3.org/2000/svg">
121<path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
122</svg></div><div class="dropdown_content groups"><a href="https://community.mentalhappy.com/register" class="group-dropdown-list-item w-inline-block"><div>Find a group for you</div></a><a href="/hosting-groups" class="group-dropdown-list-item w-inline-block"><div>Host a Support Group Here</div></a><a href="mailto:[email protected]?subject=I%20have%20a%20question%20about%20groups" class="group-dropdown-list-item w-inline-block"><div>Ask questions about a group</div></a></div></div><div data-w-id="83f05fa9-1295-a3d2-809f-9aea22844664" class="nav-item dropdown absolute hide"><div class="n-title">Upcoming Sessions</div><div class="w-embed"><svg width="16" height="16" viewBox="0 0 16 8" fill="none" xmlns="http://www.w3.org/2000/svg">
123<path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
124</svg></div><div class="dropdown_content session"><div id="session-container" class="session-card-cont"></div><a href="https://community.mentalhappy.com/register" class="small-btn w-inline-block"><div class="text-block-100">See All Sessions</div></a></div></div></div><div class="right-nav-menu"><a href="mailto:[email protected]" class="nav-item contact w-inline-block"><div class="n-title">Contact Us</div></a><a href="https://community.mentalhappy.com/login" class="nav-item w-inline-block"><div class="n-title">Log In</div></a><a data-w-id="1e79894e-c45c-9f56-378f-da2d0a7e7653" href="#" class="hamburger-item w-inline-block"><div data-is-ix2-target="1" class="lottie-animation-12" data-w-id="1e79894e-c45c-9f56-378f-da2d0a7e7654" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/6193ca89c5511914fdbb7d63_33266-hamburger.json" data-loop="0" data-direction="1" data-autoplay="0" data-renderer="svg" data-default-duration="3.503503360802889" data-duration="0" data-loading="eager" data-ix2-initial-state="0"></div></a></div></div><div class="nav-line"></div><div class="a-container mobile-nav"><a href="/" class="brand w-nav-brand"><div class="html-embed w-embed"><svg width="100%" height="auto" viewBox="0 0 2548 650" fill="none" xmlns="http://www.w3.org/2000/svg">
125<path d="M2219.44 526C2008.94 681.5 1696.94 571.5 1669.93 513.5L1646.44 527.5C1828.94 732.5 2193.94 636.5 2239.44 542L2219.44 526Z" fill="#F8EE10"/>
126<path d="M127.498 32.1528C102.065 40.5188 82.3216 54.4064 68.2667 73.8156C54.5464 92.8901 47.6863 116.65 47.6863 145.094C47.6863 157.81 48.8575 166.511 51.2 171.196C53.5425 175.881 54.7137 178.725 54.7137 179.729C18.9072 179.729 1.00392 164.503 1.00392 134.051C1.00392 113.303 8.86798 92.5555 24.5961 71.8077C40.6588 50.7254 61.0719 33.6587 85.8353 20.6077C110.933 7.22211 135.864 0.529297 160.627 0.529297C173.009 0.529297 185.726 2.87178 198.776 7.55675L187.231 272.09L297.663 7.55675H369.945L317.239 377H244.957L277.082 151.62L182.714 377H113.945L123.984 150.616L40.1569 377H0L127.498 32.1528Z" fill="currentColor"/>
127<path d="M433.247 380.012C408.484 380.012 389.242 373.654 375.522 360.937C361.801 347.886 354.941 327.64 354.941 300.2C354.941 277.11 359.459 251.677 368.494 223.902C377.529 196.127 392.254 172.2 412.667 152.121C433.08 
127131.708 459.014 121.502 490.471 121.502C527.281 121.502 545.686 137.565 545.686 169.69C545.686 188.43 540.332 205.664 529.624 221.392C518.915 237.12 504.693 249.837 486.957 259.541C469.221 268.911 450.314 274.265 430.235 275.604C429.566 285.643 429.231 292.336 429.231 295.682C429.231 312.08 432.076 323.29 437.765 329.314C443.454 335.003 452.656 337.847 465.373 337.847C483.443 337.847 498.837 333.664 511.553 325.298C524.604 316.932 538.826 304.216 554.22 287.149H571.286C534.141 349.057 488.128 380.012 433.247 380.012ZM434.251 251.51C446.633 250.84 458.345 246.49 469.388 238.459C480.766 230.427 489.801 220.221 496.494 207.839C503.522 195.457 507.035 182.406 507.035 168.686C507.035 154.966 502.852 148.106 494.486 148.106C482.439 148.106 470.559 158.647 458.847 179.729C447.469 200.812 439.271 224.738 434.251 251.51Z" fill="currentColor"/>
128<path d="M735.322 380.012C714.909 380.012 699.85 374.657 690.145 363.949C680.775 352.906 676.09 339.353 676.09 323.29C676.09 316.263 676.927 308.399 678.6 299.698C680.273 290.663 681.946 281.962 683.62 273.596C685.627 265.23 686.966 259.876 687.635 257.533C690.312 245.821 692.822 234.276 695.165 222.898C697.507 211.52 698.678 202.318 698.678 195.29C698.678 178.223 692.655 169.69 680.608 169.69C671.907 169.69 664.211 174.04 657.518 182.741C650.825 191.107 645.471 202.15 641.455 215.871L607.322 377H535.039L588.247 126.02H660.529L655.008 152.121C671.74 133.382 691.316 124.012 713.737 124.012C730.804 124.012 744.357 128.697 754.396 138.067C764.435 147.437 769.455 161.659 769.455 180.733C769.455 190.438 768.284 201.314 765.941 213.361C763.599 225.073 760.252 239.463 755.902 256.529C753.225 266.903 750.715 277.11 748.373 287.149C746.365 296.854 745.361 304.55 745.361 310.239C745.361 316.932 746.867 322.119 749.878 325.8C752.89 329.481 758.077 331.322 765.439 331.322C775.478 331.322 783.51 327.808 789.533 320.78C795.557 313.418 801.58 302.208 807.604 287.149H828.686C816.305 323.959 801.915 348.723 785.518 361.439C769.455 373.821 752.723 380.012 735.322 380.012Z" fill="currentColor"/>
129<path d="M857.239 380.012C841.177 380.012 828.126 374.992 818.086 364.953C808.382 354.914 803.529 339.855 803.529 319.776C803.529 311.41 804.868 300.535 807.545 287.149L837.663 146.098H821.098L825.114 126.02H841.678L856.737 56.7489L931.028 46.7097L913.961 126.02H944.078L940.063 146.098H909.945L877.82 296.686C876.481 301.706 875.812 307.06 875.812 312.749C875.812 319.442 877.318 324.294 880.329 327.306C883.676 329.983 889.03 331.322 896.392 331.322C906.097 331.322 915.132 327.306 923.498 319.274C931.864 310.908 937.888 300.2 941.569 287.149H962.651C950.269 323.29 934.374 347.886 914.965 360.937C895.556 373.654 876.314 380.012 857.239 380.012Z" fill="currentColor"/>
130<path d="M1001.6 380.012C982.529 380.012 966.634 373.486 953.918 360.435C941.201 347.384 934.843 326.971 934.843 299.196C934.843 274.433 939.695 248.498 949.4 221.392C959.439 193.952 974.163 170.861 993.573 152.121C1013.32 133.047 1036.74 123.51 1063.85 123.51C1077.57 123.51 1087.77 125.852 1094.47 130.537C1101.16 135.222 1104.51 141.413 1104.51 149.11V152.623L1110.03 126.02H1182.31L1146.17 296.686C1144.83 301.706 1144.16 307.06 1144.16 312.749C1144.16 327.139 1151.02 334.333 1164.74 334.333C1174.11 334.333 1182.14 329.983 1188.84 321.282C1195.86 312.582 1201.38 301.204 1205.4 287.149H1226.48C1214.1 323.29 1198.71 347.886 1180.3 360.937C1162.23 373.654 1143.99 380.012 1125.59 380.012C1111.53 380.012 1100.16 376.163 1091.45 368.467C1083.09 360.435 1078.07 348.89 1076.4 333.831C1066.69 347.552 1055.82 358.762 1043.77 367.463C1032.06 375.829 1018 380.012 1001.6 380.012ZM1034.23 331.322C1042.6 331.322 1050.8 327.473 1058.83 319.776C1067.19 311.745 1072.88 300.869 1075.89 287.149L1099.99 173.706C1099.99 169.355 1098.32 165.172 1094.97 161.157C1091.62 156.806 1086.44 154.631 1079.41 154.631C1066.02 154.631 1053.98 162.495 1043.27 178.223C1032.56 193.617 1024.19 212.357 1018.17 234.443C1012.15 256.195 1009.13 275.437 1009.13 292.169C1009.13 308.901 1011.48 319.609 1016.16 324.294C1021.18 328.979 1027.2 331.322 1034.23 331.322Z" fill="currentColor"/>
131<path d="M1254.27 380.012C1238.21 380.012 1225.16 374.992 1215.12 364.953C1205.42 354.579 1200.56 339.186 1200.56 318.772C1200.56 310.406 1201.9 299.531 1204.58 286.145L1258.29 34.6626L1332.58 24.6234L1274.85 295.682C1273.52 300.702 1272.85 305.554 1272.85 310.239C1272.85 323.625 1279.71 330.318 1293.43 330.318C1299.45 330.318 1304.8
1311 329.314 1309.49 327.306C1308.15 344.038 1302.13 357.089 1291.42 366.459C1281.05 375.494 1268.66 380.012 1254.27 380.012Z" fill="currentColor"/>
132<path d="M1478.98 335.344V362H1380.22V335.344H1413V82.7674H1380.22V56.1114H1478.98V82.7674H1446.21V194.198H1593.47V82.7674H1560.7V56.1114H1659.46V82.7674H1626.68V335.344H1659.46V362H1560.7V335.344H1593.47V222.602H1446.21V335.344H1478.98Z" fill="currentColor"/>
133<path d="M1865.88 335.344V362H1810.38L1807.32 331.848C1793.34 352.823 1769.74 367.244 1736.53 367.244C1687.59 367.244 1666.61 337.092 1666.61 300.385C1666.61 261.931 1691.52 234.838 1755.76 234.838H1806.45V215.61C1806.45 184.585 1788.09 164.92 1752.26 164.92C1733.47 164.92 1719.05 166.668 1707.69 169.727V205.56H1679.72V150.937C1695.89 143.071 1722.98 138.264 1753.13 138.264C1809.94 138.264 1838.78 164.92 1838.78 215.61V335.344H1865.88ZM1742.21 339.714C1777.17 339.714 1805.14 315.243 1806.45 282.032V259.309H1755.76C1717.3 259.309 1699.39 274.166 1699.39 299.948C1699.39 322.671 1713.37 339.714 1742.21 339.714Z" fill="currentColor"/>
134<path d="M1960 427.111V453.766H1861.24V427.111H1890.08V170.164H1861.24V143.508H1918.92L1921.54 180.652C1935.53 155.744 1960.44 138.264 1995.83 138.264C2053.08 138.264 2093.28 181.526 2093.28 252.754C2093.28 323.108 2053.08 367.244 1996.7 367.244C1964.37 367.244 1938.59 351.949 1922.42 326.604V427.111H1960ZM2059.63 252.754C2059.63 202.064 2033.85 167.105 1991.02 167.105C1948.2 167.105 1921.11 202.064 1921.11 252.317C1921.11 304.318 1948.2 338.84 1991.02 338.84C2033.85 338.84 2059.63 303.881 2059.63 252.754Z" fill="currentColor"/>
135<path d="M2195.27 427.111V453.766H2096.51V427.111H2125.35V170.164H2096.51V143.508H2154.19L2156.81 180.652C2170.8 155.744 2195.71 138.264 2231.1 138.264C2288.35 138.264 2328.55 181.526 2328.55 252.754C2328.55 323.108 2288.35 367.244 2231.98 367.244C2199.64 367.244 2173.86 351.949 2157.69 326.604V427.111H2195.27ZM2294.9 252.754C2294.9 202.064 2269.12 167.105 2226.3 167.105C2183.47 167.105 2156.38 202.064 2156.38 252.317C2156.38 304.318 2183.47 338.84 2226.3 338.84C2269.12 338.84 2294.9 303.881 2294.9 252.754Z" fill="currentColor"/>
136<path d="M2547.82 143.508V170.164H2521.6L2440.76 382.101C2416.28 445.027 2389.63 460.758 2349.86 460.758C2340.25 460.758 2328.89 459.447 2322.33 456.388L2326.7 431.48C2332.38 432.791 2341.56 434.539 2348.55 434.539C2372.59 434.539 2393.12 424.926 2409.73 383.849L2418.47 362H2414.54L2343.74 170.164H2317.96V143.508H2400.55V170.164H2378.27L2433.33 329.663L2487.95 170.164H2463.04V143.508H2547.82Z" fill="currentColor"/>
137</svg></div></a><div class="right-nav-menu"><a href="/blog" class="nav-item w-inline-block"><div class="n-title">Leader Academy</div></a><a href="https://community.mentalhappy.com/login" class="nav-item w-inline-block"><div class="n-title">Log In</div></a><div data-w-id="443ea749-e71a-6c47-55a7-72037ea91764" class="mobile-nav-hamburger"><div class="ham-view"><img src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/64891bab751d0f55b4d740ff_menu%20(1).png" loading="lazy" alt="" class="image-130"/><div class="text-block-100">Menu</div></div><div id="close-btn" data-w-id="0b6020d1-da33-17ef-ce1e-ca0a452ffdc6" class="ham-view close-ham"><img src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/6489986b97d7678c8a73aedf_x%20(1).png" loading="lazy" alt="" class="image-130"/><div class="text-block-100">Close</div></div></div><a data-w-id="443ea749-e71a-6c47-55a7-72037ea91767" href="#" class="hamburger-item w-inline-block"><div data-is-ix2-target="1" class="lottie-animation-12" data-w-id="443ea749-e71a-6c47-55a7-72037ea91768" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/6193ca89c5511914fdbb7d63_33266-hamburger.json" data-loop="0" data-direction="1" data-autoplay="0" data-renderer="svg" data-default-duration="3.503503360802889" data-duration="0" data-loading="eager" data-ix2-initial-state="0"></div></a></div></div><div class="mobile-nav-content"><div class="n-container mobile-nav-details"><div class="mobile-section-1"><a href="/blog" class="mobile-navitem w-inline-block"><div>Leader Academy</div></a><a href="/find-support-group" aria-current="page" class="mobile-navitem w-inline-block w--current"><div>Find Support Group</div><div class="w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
138<path d="M7.5 15L12.5 10L7.5 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
139</svg></div></a><a href="/hosting-groups" class="mobile-navitem w-inline-block"><div>Host a Group</div><div class="w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
140<path d="M7.5 15L12.5 10L7.5 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
141</svg></div></a><a data-w-id="ab50b8c9-f102-0b95-a4fe-46a58d6fd211" href="#" class="mobile-navitem hide w-inline-block"><div>Groups</div><div class="w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
142<path d="M7.5 15L12.5 10L7.5 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
143</svg></div></a><a data-w-id="2f999615-65ee-440c-d54a-7ef3a533bf03" href="#" class="mobile-navitem hide w-inline-block"><div>Upcoming sessions</div><div class="w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
144<path d="M7.5 15L12.5 10L7.5 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
145</svg></div></a></div><div class="mobile-divide"></div><div class="mobile-section-1"><a href="https://community.mentalhappy.com/register" class="mobile-navitem larger w-inline-block"><div>Sign Up</div></a><a href="https://community.mentalhappy.com/login" class="mobile-navitem larger w-inline-block"><div>Log In</div></a><a href="mailto:[email protected]" class="mobile-navitem larger w-inline-block"><div>Contact Us</div></a></div></div><div data-w-id="4754bac9-4e3d-4ea2-7b87-fe118504d13c" class="second-mobile-close-btn"><div class="w-embed"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
146<path d="M13.5 4.5L4.5 13.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
147<path d="M4.5 4.5L13.5 13.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
148</svg></div></div><div class="side-view-content sessions"><div class="side-navheader"><div class="side-back-btn"><div class="w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
149<path d="M12.5 15L7.5 10L12.5 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
150</svg></div></div><div class="text-block-101">Upcoming sessions</div></div><div id="mobile-view-sessions" class="nav-sessions"></div></div><div class="side-view-content groups"><div class="side-navheader"><div class="side-back-btn"><div class="w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
151<path d="M12.5 15L7.5 10L12.5 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
152</svg></div></div><div class="text-block-101">Groups</div></div><div class="nav-groups"><a href="https://community.mentalhappy.com/register" class="group-dropdown-list-item w-inline-block"><div>Find a group for you</div></a><a href="/hosting-groups" class="group-dropdown-list-item w-inline-block"><div>Host a Support Group Here</div></a><a href="/support-a-support-group" class="group-dropdown-list-item hide w-inline-block"><img src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/647f21edef1945a5d54821df_flexed-biceps_1f4aa.png" loading="lazy" alt="" class="image-129"/><div>Support a support group</div></a><a href="mailto:[email protected]?subject=I%20have%20a%20question%20about%20groups" class="group-dropdown-list-item w-inline-block"><div>Ask questions about a group</div></a></div></div></div></nav><div class="home-content"><div class="w-embed w-script"><!DOCTYPE html>
153<html lang="en">
154<head>
155  <meta charset="UTF-8">
156  <meta name="viewport" content="width=device-width, initial-scale=1.0">
157  <meta name="robots" content="index, follow">
158  <meta name="twitter:card" content="summary_large_image">
159
160  
160<script type="application/ld+json">
161  {
162    "@context": "https://schema.org",
163    "@type": "FAQPage",
164    "mainEntity": [
165      { "@type": "Question", "name": "Are online support groups on MentalHappy private?", "acceptedAnswer": { "@type": "Answer", "text": "Yes. Every member signs a confidentiality agreement before joining. You can also participate anonymously using our built-in feature. Your conversations are never shared outside the group, and the platform is fully HIPAA-compliant." } },
166      { "@type": "Question", "name": "What actually happens in an online support group session?", "acceptedAnswer": { "@type": "Answer", "text": "Sessions are led by a trained professional — a therapist, counselor, or certified coach. Each includes guided discussion, shared reflection, and practical tools. Groups are small and intimate, usually 5 to 15 people." } },
167      { "@type": "Question", "name": "Do I have to talk? Can I just listen?", "acceptedAnswer": { "@type": "Answer", "text": "Not at all. Many members start by just listening. You will never be put on the spot or called on. Share when — and if — you're ready." } },
168      { "@type": "Question", "name": "Is it free to join a support group on MentalHappy?", "acceptedAnswer": { "@type": "Answer", "text": "Creating your account is completely free. Groups range from free to low-cost — typically $5 to $25 per session, with many donation-based options. You will always see pricing before you commit." } },
169      { "@type": "Question", "name": "Do I need a therapist referral to join?", "acceptedAnswer": { "@type": "Answer", "text": "No referral needed. Anyone can sign up and join. MentalHappy is designed to complement your existing care, not gatekeep it." } },
170      { "@type": "Question", "name": "What if there is no support group for what I am going through?", "acceptedAnswer": { "@type": "Answer", "text": "Request one. Submit a group request and we will find a qualified leader to build it. You will be notified the moment it launches." } },
171      { "@type": "Question", "name": "Can I find support groups near me on MentalHappy?", "acceptedAnswer": { "@type": "Answer", "text": "MentalHappy groups are fully online — available wherever you are. No local search required. Online also means access to a far wider range of topics and leaders than you would find in your city." } }
172    ]
173  }
174  </script>
174
175
176  <style>
177    /* ─────────────────────────────────────────
178       RESET & BASE
179    ───────────────────────────────────────── */
180    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
181
182    :root {
183      --teal:        #00879B;
184      --teal-dark:   #005F73;
185      --teal-light:  #EDF7F8;
186      --navy:        #01172F;
187      --gold:        #F5A623;
188      --white:       #FFFFFF;
189      --bg:          #FAFAFA;
190      --gray-light:  #F2F4F6;
191      --gray-mid:    #E0E4E8;
192      --gray-text:   #5A6475;
193      --font:        AirbnbCereal, system-ui, -apple-system, sans-serif;
194    }
195
196    html { scroll-behavior: smooth; }
197    body {
198      font-family: var(--font); color: var(--navy); background: var(--bg);
199      font-size: 18px; line-height: 1.6; padding-top: 80px;
200    }
201    a { text-decoration: none; color: inherit; }
202    img { display: block; max-width: 100%; }
203
204    /* ─────────────────────────────────────────
205       LAYOUT
206    ───────────────────────────────────────── */
207    .wrap { max-width: 1200px; margin: 0 auto; padding: 0 48px; }
208    section { padding: 80px 0; }
209
210    /* ─────────────────────────────────────────
211       TYPOGRAPHY
212    ───────────────────────────────────────── */
213    h1 { font-size: 40px; font-weight: 700; line-height: 1.15; color: var(--navy); }
214    h1 .hl { color: var(--teal); }
215    h2 { font-size: 32px; font-weight: 700; line-height: 1.2; color: var(--navy); margin-bottom: 12px; }
216    h3 { font-size: 17px; font-weight: 700; line-height: 1.3; color: var(--navy); }
217    p  { color: var(--gray-text); line-height: 1.7; }
218
219    .eyebrow {
220      font-size: 12px; font-weight: 700; letter-spacing: 1.5px;
221      text-transform: uppercase; color: var(--teal); margin-bottom: 10px;
222    }
223    .lead { font-size: 17px; color: var(--gray-text); line-height: 1.7; margin-bottom: 44px; max-width: 580px; }
224
225    /* ─────────────────────────────────────────
226       BUTTONS
227    ───────────────────────────────────────── */
228    .btn-teal {
229      display: inline-block; background: var(--teal); color: white;
230      padding: 15px 30px; border-radius: 10px; font-size: 16px;
231      font-weight: 700; border: none; cursor: pointer;
232      transition: background .2s;
233    }
234    .btn-teal:hover { background: var(--teal-dark); }
235
236    .btn-outline {
237      display: inline-block; background: transparent; color: var(--teal);
238      border: 2px solid var(--teal); padding: 13px 28px;
239      border-radius: 10px; font-size: 16px; font-weight: 700; cursor: pointer;
240    }
241    .btn-outline:hover { background: var(--teal-light); }
242
243    .btn-gold {
244      display: inline-block; background: var(--gold); color: var(--navy);
245      padding: 18px 44px; border-radius: 12px; font-size: 18px;
246      font-weight: 800; border: none; cursor: pointer;
247    }
248    .btn-gold:hover { opacity: .92; }
249
250    /* ─────────────────────────────────────────
251       SECTION 1 — HERO
252    ───────────────────────────────────────── */
253    .hero {
254      background: var(--teal-light);
255      padding: 88px 48px 80px;
256    }
257    .hero-grid {
258      max-width: 1200px; margin: 0 auto;
259      display: grid; grid-template-columns: 1.15fr 0.85fr;
260      gap: 60px; align-items: center;
261    }
262    .hero-badge {
263      display: inline-flex; align-items: center; gap: 7px;
264      background: white; border: 1px solid rgba(0,135,155,.2);
265      color: var(--teal); font-size: 13px; font-weight: 600;
266      padding: 5px 14px; border-radius: 20px; margin-bottom: 22px;
267    }
268    .hero h1 { margin-bottom: 18px; }
269    .hero-sub {
270      font-size: 18px; color: var(--gray-text);
271      line-height: 1.65; margin-bottom: 8px;
272    }
273    .hero-free {
274      font-size: 15px; font-weight: 700; color: var(--teal-dark);
275      margin-bottom: 32px;
276    }
277    .hero-btns { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 24px; }
278    .hero-trust { display: flex; gap: 20px; flex-wrap: wrap; }
279    .trust-item {
280      display: flex; align-items: center; gap: 6px;
281      font-size: 13px; color: var(--gray-text);
282    }
283    .trust-item .ico { color: var(--teal); }
284
285    /* Hero product mockup */
286    .mockup {
287      background: white; border-radius: 18px;
288      box-shadow: 0 12px 40px rgba(0,135,155,.13);
289      padding: 20px; display: flex; flex-direction: column; gap: 10px;
290    }
291    .mockup-ttl {
292      font-size: 11px; font-weight: 700; text-transform: uppercase;
293      letter-spacing: 1px; color: var(--teal); margin-bottom: 2px;
294    }
295    .g-card {
296      background: var(--bg); border-radius: 12px;
297      padding: 13px 15px; display: flex; align-items: center;
298      gap: 13px; border: 1px solid var(--gray-mid);
299    }
300    .g-avatar {
301      width: 42px; height: 42px; border-radius: 50%;
302      flex-shrink: 0; display: flex; align-items: center;
303      justify-content: center; font-size: 19px;
304    }
305    .g-info { flex: 1; min-width: 0; }
306    .g-name { font-size: 14px; font-weight: 700; color: var(--navy); }
307    .g-ldr  { font-size: 12px; color: var(--gray-text); margin-top: 2px; }
308    .g-price {
309      font-size: 12px; font-weight: 700; color: var(--teal);
310      background: var(--teal-light); padding: 3px 10px;
311      border-radius: 12px; white-space: nowrap;
312    }
313    .req-chip {
314      background: var(--navy); border-radius: 12px;
315      padding: 13px 15px; display: flex; align-items: center;
316      justify-content: space-between; gap: 10px;
317    }
318    .req-chip-txt { font-size: 13px; font-weight: 600; color: white; }
319    .req-chip-btn {
320      background: var(--gold); color: var(--navy);
321      border: none; border-radius: 6px; padding: 6px 13px;
322      font-size: 12px; font-weight: 700; cursor: pointer;
323      white-space: nowrap;
324    }
325
326    /* ─────────────────────────────────────────
327       SECTION 2 — TOPIC GRID
328    ───────────────────────────────────────── */
329    .topics { background: var(--white); }
330    .topic-grid {
331      display: grid; grid-template-columns: repeat(4, 1fr);
332      gap: 14px; margin-bottom: 36px;
333    }
334    .t-card {
335      background: var(--bg); border-radius: 14px;
336      padding: 22px 16px; text-align: center;
337      border: 1.5px solid var(--gray-mid); display: block;
338      transition: border-color .2s, box-shadow .2s, transform .15s;
339    }
340    .t-card:hover {
341      border-color: var(--teal);
342      box-shadow: 0 4px 18px rgba(0,135,155,.1);
343      transform: translateY(-2px);
344    }
345    .t-emoji { font-size: 30px; display: block; margin-bottom: 9px; }
346    .t-card h3 { font-size: 14px; line-height: 1.3; margin-bottom: 4px; }
347    .t-count { font-size: 12px; color: var(--gray-text); }
348    .t-card.req-card {
349      background: var(--teal-light);
350      border: 2px dashed var(--teal);
351    }
352    .t-card.req-card h3 { color: var(--teal); }
353    .t-card.req-card .t-count { color: var(--teal); font-weight: 600; }
354    .topic-foot { text-align: center; }
355    .topic-foot .note {
356      font-size: 14px; color: var(--gray-text); margin-top: 10px;
357    }
358    .topic-foot .note span { color: var(--teal); font-weight: 600; }
359
360    /* ─────────────────────────────────────────
361       SECTION 3 — HOW IT WORKS
362    ───────────────────────────────────────── */
363    .how { background: var(--gray-light); }
364    .steps {
365      display: grid; grid-template-columns: repeat(3, 1fr);
366      gap: 40px;
367    }
368    .step { text-align: center; padding: 0 12px; }
369    .step-num {
370      width: 56px; height: 56px; border-radius: 50%;
371      background: var(--teal); color: white;
372      font-size: 22px; font-weight: 800;
373      display: flex; align-items: center; justify-content: center;
374      margin: 0 auto 20px;
375    }
376    .step h3 { font-size: 18px; margin-bottom: 9px; }
377    .step p { font-size: 16px; color: var(--gray-text); line-height: 1.65; }
378
379    /* ─────────────────────────────────────────
380       SECTION 4 — TESTIMONIAL
381    ───────────────────────────────────────── */
382    .testimonial { background: var(--white); }
383    .t-card-wrap {
384      background: var(--teal-light); border-radius: 20px;
385      padding: 48px; display: grid;
386      grid-template-columns: auto 1fr; gap: 44px;
387      align-items: center; max-width: 900px; margin: 0 auto;
388    }
389    .t-badge {
390      background: var(--teal); color: white;
391      border-radius: 14px; padding: 24px 18px;
392      text-align: center; min-width: 142px;
393    }
394    .t-badge-ico   { font-size: 30px; margin-bottom: 8px; }
395    .t-badge-ttl   { font-size: 13px; font-weight: 700; line-height: 1.3; }
396    .t-badge-sub   { font-size: 11px; opacity: .75; margin-top: 4px; }
397    .t-quote {
398      font-size: 19px; color: var(--navy); line-height: 1.7;
399      font-style: italic; margin-bottom: 16px; position: relative;
400    }
401    .t-quote::before {
402      content: '\201C'; font-size: 54px; color: var(--teal);
403      line-height: 0; vertical-align: -20px;
404      margin-right: 3px; font-style: normal;
405    }
406    .t-attr { font-size: 14px; color: var(--gray-text); font-weight: 600; }
407    .t-attr .grp { color: var(--teal); }
408
409    /* ─────────────────────────────────────────
410       SECTION 5 — PRIVACY
411    ───────────────────────────────────────── */
412    .privacy { background: var(--navy); }
413    .privacy h2 { color: white; }
414    .privacy .lead { color: rgba(255,255,255,.62); }
415    .p-grid {
416      display: grid; grid-template-columns: repeat(4, 1fr);
417      gap: 18px;
418    }
419    .p-card {
420      background: rgba(255,255,255,.07);
421      border: 1px solid rgba(255,255,255,.12);
422      border-radius: 14px; padding: 28px 22px;
423    }
424    .p-ico  { font-size: 30px; margin-bottom: 11px; }
425    .p-ttl  { font-size: 16px; font-weight: 700; color: white; margin-bottom: 8px; }
426    .p-desc { font-size: 14px; color: rgba(255,255,255,.62); line-height: 1.6; }
427
428    /* ─────────────────────────────────────────
429       SECTION 6 — REQUEST A GROUP
430    ───────────────────────────────────────── */
431    .request { background: var(--teal); padding: 80px 48px; }
432    .req-grid {
433      max-width: 1200px; margin: 0 auto;
434      display: grid; grid-template-columns: 1fr 1fr;
435      gap: 60px; align-items: center;
436    }
437    .request h2 { color: white; font-size: 36px; margin-bottom: 14px; }
438    .req-sub { font-size: 18px; color: rgba(255,255,255,.85); line-height: 1.65; margin-bottom: 28px; }
439    .req-steps { display: flex; flex-direction: column; gap: 16px; }
440    .req-step { display: flex; align-items: flex-start; gap: 14px; }
441    .req-dot {
442      width: 10px; height: 10px; border-radius: 50%;
443      background: rgba(255,255,255,.45); flex-shrink: 0; margin-top: 8px;
444    }
445    .req-step p { font-size: 16px; color: rgba(255,255,255,.85); margin: 0; line-height: 1.55; }
446    .req-step p strong { color: white; }
447
448    .req-form {
449      background: white; border-radius: 18px; padding: 32px;
450    }
451    .f-lbl {
452      font-size: 12px; font-weight: 700; text-transform: uppercase;
453      letter-spacing: .5px; color: var(--navy); margin-bottom: 8px;
454    }
455    .f-input {
456      width: 100%; border: 1.5px solid var(--gray-mid);
457      border-radius: 8px; padding: 12px 15px; font-size: 15px;
458      font-family: var(--font); color: var(--navy);
459      background: var(--bg); margin-bottom: 16px;
460    }
461    .f-input::placeholder { color: #aab; }
462    .f-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 18px; }
463    .f-tag {
464      background: var(--teal-light); color: var(--teal);
465      border: 1.5px solid var(--teal); border-radius: 20px;
466      padding: 5px 14px; font-size: 13px; font-weight: 600; cursor: pointer;
467    }
468    .f-tag.on { background: var(--teal); color: white; }
469    .f-submit {
470      width: 100%; background: var(--gold); color: var(--navy);
471      border: none; border-radius: 12px; padding: 18px 44px;
472      font-size: 18px; font-weight: 800;
473      font-family: var(--font); cursor: pointer;
474    }
475    .f-note { font-size: 12px; color: var(--gray-text); text-align: center; margin-top: 8px; }
476
477    /* ─────────────────────────────────────────
478       SECTION 7 — FREE RESOURCES
479    ───────────────────────────────────────── */
480    .resources { background: var(--gray-light); }
481    .res-grid {
482      display: grid; grid-template-columns: repeat(4, 1fr);
483      gap: 20px; margin-bottom: 32px;
484    }
485    .res-card {
486      background: white; border-radius: 14px;
487      border: 1px solid var(--gray-mid);
488      overflow: hidden; display: flex; flex-direction: column;
489    }
490    .res-thumb {
491      background: var(--navy); height: 140px;
492      display: flex; align-items: center; justify-content: center;
493      padding: 0; text-align: center;
494      overflow: hidden;
495    }
496    .res-thumb img {
497      width: 100%; height: 100%; object-fit: cover; display: block;
498      border-radius: 0;
499    }
500    .res-thumb-txt {
501      font-size: 11px; font-weight: 700; letter-spacing: .5px;
502      color: rgba(255,255,255,.4); text-transform: uppercase;
503    }
504    .res-body { padding: 20px; flex: 1; display: flex; flex-direction: column; }
505    .res-tag {
506      font-size: 11px; font-weight: 700; text-transform: uppercase;
507      letter-spacing: 1px; color: var(--teal); margin-bottom: 8px;
508    }
509    .res-card h3 { font-size: 15px; line-height: 1.35; margin-bottom: 8px; }
510    .res-desc { font-size: 14px; color: var(--gray-text); line-height: 1.55; flex: 1; }
511    .res-dl {
512      display: block; margin-top: 16px; text-align: center;
513      border: 1.5px solid var(--teal); color: var(--teal);
514      border-radius: 8px; padding: 9px 14px;
515      font-size: 14px; font-weight: 700;
516    }
517    .res-dl:hover { background: var(--teal-light); }
518    .res-foot { text-align: center; }
519    .res-foot p { font-size: 16px; color: var(--gray-text); margin-bottom: 10px; }
520    .res-foot a { color: var(--teal); font-weight: 700; font-size: 15px; }
521
522    /* ─────────────────────────────────────────
523       SECTION 8 — FAQ
524    ───────────────────────────────────────── */
525    .faq-grid {
526      display: grid; grid-template-columns: 0.85fr 1.15fr;
527      gap: 60px; align-items: start;
528    }
529    .faq-left h2 { margin-bottom: 14px; }
530    .faq-left p { font-size: 16px; color: var(--gray-text); line-height: 1.7; margin-bottom: 20px; }
531    .faq-link { color: var(--teal); font-weight: 700; font-size: 15px; }
532    .faq-list { border-top: 1px solid var(--gray-mid); }
533    .faq-item { border-bottom: 1px solid var(--gray-mid); padding: 20px 0; }
534    .faq-q {
535      font-size: 16px; font-weight: 700; color: var(--navy);
536      display: flex; justify-content: space-between;
537      align-items: flex-start; gap: 12px; cursor: pointer;
538      margin-bottom: 10px;
539    }
540    .faq-plus {
541      col
541or: var(--teal); font-size: 22px; flex-shrink: 0;
542      transition: transform .25s; line-height: 1;
543    }
544    .faq-item.open .faq-plus { transform: rotate(45deg); }
545    .faq-a {
546      font-size: 15px; color: var(--gray-text); line-height: 1.75;
547      display: none; padding-top: 4px;
548    }
549    .faq-item.open .faq-a { display: block; }
550
551    /* ─────────────────────────────────────────
552       SECTION 9 — FINAL CTA
553    ───────────────────────────────────────── */
554    .cta-final {
555      background: var(--navy); text-align: center;
556      padding: 100px 48px;
557    }
558    .cta-final h2 { color: white; font-size: 36px; margin-bottom: 14px; }
559    .cta-final p {
560      color: rgba(255,255,255,.62); font-size: 18px;
561      margin-bottom: 40px; max-width: 500px;
562      margin-left: auto; margin-right: auto;
563    }
564    .cta-note { font-size: 14px; color: rgba(255,255,255,.38); margin-top: 16px; }
565
566    /* ─────────────────────────────────────────
567       FOOTER
568    ───────────────────────────────────────── */
569    .foot-grid {
570      max-width: 1200px; margin: 0 auto;
571      display: grid; grid-template-columns: 1.6fr repeat(3, 1fr);
572      gap: 48px; margin-bottom: 40px;
573    }
574    .foot-logo { font-size: 22px; font-weight: 800; margin-bottom: 12px; }
575    .foot-logo .t { color: var(--teal); }
576    .foot-logo .n { color: white; }
577    .foot-tag { font-size: 14px; color: rgba(255,255,255,.5); line-height: 1.6; }
578    .foot-col-ttl {
579      font-size: 12px; font-weight: 700; text-transform: uppercase;
580      letter-spacing: 1px; color: rgba(255,255,255,.4); margin-bottom: 14px;
581    }
582    .foot-col ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }
583    .foot-col ul li a { font-size: 14px; color: rgba(255,255,255,.68); }
584    .foot-col ul li a:hover { color: white; }
585    .foot-btm {
586      max-width: 1200px; margin: 0 auto;
587      border-top: 1px solid rgba(255,255,255,.08);
588      padding-top: 22px; display: flex;
589      justify-content: space-between; align-items: center;
590    }
591    .foot-legal { font-size: 13px; color: rgba(255,255,255,.3); }
592    .foot-legal-links { display: flex; gap: 18px; }
593    .foot-legal-links a { font-size: 13px; color: rgba(255,255,255,.3); }
594    .foot-legal-links a:hover { color: rgba(255,255,255,.65); }
595
596    @media (max-width: 1024px) {
597      .wrap { padding: 0 32px; }
598      section { padding: 72px 0; }
599      .hero { padding: 72px 32px; }
600      .hero-grid,
601      .req-grid,
602      .faq-grid { grid-template-columns: 1fr; gap: 40px; }
603      .topic-grid,
604      .p-grid,
605      .res-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
606      .steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
607      .t-card-wrap { grid-template-columns: 1fr; gap: 24px; }
608      .hero-grid > *,
609      .req-grid > *,
610      .faq-grid > * { min-width: 0; }
611      .request { padding: 72px 32px; }
612      .cta-final { padding: 84px 32px; }
613    }
614
615    @media (max-width: 768px) {
616      body { font-size: 16px; }
617      .wrap { padding: 0 20px; }
618      section { padding: 56px 0; }
619      h1 { font-size: 34px; }
620      h2 { font-size: 28px; }
621      .lead { margin-bottom: 28px; }
622      .hero { padding: 56px 20px; }
623      .hero-btns { flex-direction: column; align-items: stretch; }
624      .hero-btns a,
625      .topic-foot .btn-teal,
626      .cta-final .btn-gold { width: 100%; text-align: center; }
627      .hero-trust { gap: 10px; }
628      .mockup { padding: 16px; }
629      .g-card { padding: 12px; }
630      .req-chip { flex-direction: column; align-items: flex-start; }
631      .req-chip-btn { width: 100%; text-align: center; }
632      .topic-grid,
633      .p-grid,
634      .res-grid,
635      .steps { grid-template-columns: 1fr; }
636      .t-card-wrap,
637      .req-form { padding: 24px; }
638      .request { padding: 56px 20px; }
639      .request h2,
640      .cta-final h2 { font-size: 30px; }
641      .faq-grid { gap: 24px; }
642      .cta-final { padding: 72px 20px; }
643      .cta-final p { margin-bottom: 28px; }
644    }
645
646    @media (max-width: 480px) {
647      .wrap { padding: 0 16px; }
648      section { padding: 48px 0; }
649      h1 { font-size: 30px; line-height: 1.12; }
650      h2,
651      .request h2,
652      .cta-final h2 { font-size: 26px; }
653      .hero { padding: 48px 16px; }
654      .hero-badge { font-size: 12px; }
655      .hero-sub,
656      .req-sub,
657      .cta-final p { font-size: 16px; }
658      .btn-teal,
659      .btn-gold { padding: 15px 20px; }
660      .mockup { border-radius: 16px; }
661      .g-card { gap: 10px; }
662      .g-avatar { width: 38px; height: 38px; font-size: 17px; }
663      .g-name { font-size: 13px; }
664      .g-ldr,
665      .g-price { font-size: 11px; }
666      .topic-grid { gap: 12px; }
667      .t-card,
668      .p-card,
669      .res-body,
670      .req-form,
671      .t-card-wrap { padding-left: 18px; padding-right: 18px; }
672      .t-card { padding-top: 18px; padding-bottom: 18px; }
673      .p-card { padding-top: 22px; padding-bottom: 22px; }
674      .res-thumb { height: 180px; }
675      .f-tags { gap: 6px; }
676      .f-tag { padding: 6px 12px; }
677      .faq-q { font-size: 15px; }
678      .cta-final { padding: 64px 16px; }
679    }
680  </style>
681</head>
682<body>
683
684
685<!-- ═════════════════════════════════════════════
686     SECTION 1 — HERO
687     H1: Primary SEO target + emotional hook
688     Right col: product mockup (group cards + request chip)
689     NOT a lifestyle photo — intentional design decision
690     AZEEZ: keep the product mockup, do not replace with a photo
691═════════════════════════════════════════════ -->
692<section class="hero">
693  <div class="hero-grid">
694
695    <div>
696      <div class="hero-badge">✓ Trusted by more than 12,000 people</div>
697
698      <h1>Find Online Support Groups<br>For <span class="hl">Whatever You're Carrying</span></h1>
699
700      <p class="hero-sub">A private community of expert-led groups — for grief, anxiety, relationships, parenting, and the things that don't have easy words yet.</p>
701      <p class="hero-free">Free to join. No insurance needed. No waiting list.</p>
702
703      <div class="hero-btns">
704        <a href="https://community.mentalhappy.com/groups" target="_blank" class="btn-teal">Join Free — Find Your Group</a>
705      </div>
706
707      <div class="hero-trust">
708        <span class="trust-item"><span class="ico">🔒</span> HIPAA-compliant</span>
709        <span class="trust-item"><span class="ico">🩺</span> Therapist-recommended</span>
710        <span class="trust-item"><span class="ico">✓</span> Private, vetted community</span>
711      </div>
712    </div>
713
714    <div class="mockup">
715      <p class="mockup-ttl">Groups available now</p>
716
717      <div class="g-card">
718        <div class="g-avatar" style="background:#EDF7F8">😰</div>
719        <div class="g-info">
720          <div class="g-name">Anxiety in Your 20s</div>
721          <div class="g-ldr">Dr. Jane Jones · Clinical Psychologist</div>
722        </div>
723        <span class="g-price">Free</span>
724      </div>
725
726      <div class="g-card">
727        <div class="g-avatar" style="background:#F3F0FF">💔</div>
728        <div class="g-info">
729          <div class="g-name">Healing After Divorce</div>
730          <div class="g-ldr">Rachel S. · Licensed Therapist</div>
731        </div>
732        <span class="g-price">$10/mo</span>
733      </div>
734
735      <div class="g-card">
736        <div class="g-avatar" style="background:#FFF5EB">🕊️</div>
737        <div class="g-info">
738          <div class="g-name">Grief Support Circle</div>
739          <div class="g-ldr">Diana Y. · Grief Counselor</div>
740        </div>
741        <span class="g-price">Donation</span>
742      </div>
743
744      <div class="req-chip">
745        <span class="req-chip-txt">💬 Don't see yours? Request a group</span>
746        <a href="https://community.mentalhappy.com/groups" target="_blank" class="req-chip-btn">Request It →</a>
747      </div>
748    </div>
749
750  </div>
751</section>
752
753
754<!-- ═════════════════════════════════════════════
755     SECTION 2 — TOPIC GRID
756     SEO: Each H3 = a target keyword ("Anxiety Support Groups" etc.)
757     Psychology: Answers "is there a group for ME?" before anything else.
758     AZEEZ: Each card links to /signup. "Focus & Attention" = no ADHD label.
759     Last card (dashed) links to #request anchor.
760═════════════════════════════════════════════ -->
761<section class="topics">
762  <div class="wrap">
763    <p class="eyebrow">Find Your Group</p>
764    <h2>Is there a group for what you're going through?</h2>
765    <p class="lead">There usually is. Browse the most searched topics — or request one we haven't built yet.</p>
766
767    <div class="topic-grid">
768      <a href="https://community.mentalhappy.com/groups" target="_blank" class="t-card">
769        <span class="t-emoji">😰</span>
770        <h3>Anxiety Support Groups</h3>
771        <span class="t-count">12 groups available</span>
772      </a>
773      <a href="https://community.mentalhappy.com/groups" target="_blank" class="t-card">
774        <span class="t-emoji">🕊️</span>
775        <h3>Grief Support Groups</h3>
776        <span class="t-count">8 groups available</span>
777      </a>
778      <a href="https://community.mentalhappy.com/groups" target="_blank" class="t-card">
779        <span class="t-emoji">💔</span>
780        <h3>Divorce &amp; Separation Support Groups</h3>
781        <span class="t-count">5 groups available</span>
782      </a>
783      <a href="https://community.mentalhappy.com/groups" target="_blank" class="t-card">
784        <span class="t-emoji">🌿</span>
785        <h3>Depression Support Groups</h3>
786        <span class="t-count">9 groups available</span>
787      </a>
788      <a href="https://community.mentalhappy.com/groups" target="_blank" class="t-card">
789        <span class="t-emoji">💪</span>
790        <h3>Self-Esteem &amp; Confidence Groups</h3>
791        <span class="t-count">7 groups available</span>
792      </a>
793      <a href="https://community.mentalhappy.com/groups" target="_blank" class="t-card">
794        <span class="t-emoji">🧠</span>
795        <h3>Focus &amp; Attention Support Groups</h3>
796        <span class="t-count">6 groups available</span>
797      </a>
798      <a href="https://community.mentalhappy.com/groups" target="_blank" class="t-card">
799        <span class="t-emoji">🏥</span>
800        <h3>Chronic Illness Support Groups</h3>
801        <span class="t-count">5 groups available</span>
802      </a>
803      <a href="https://community.mentalhappy.com/groups" target="_blank" class="t-card">
804        <span class="t-emoji">🧬</span>
805        <h3>Trauma Recovery Groups</h3>
806        <span class="t-count">6 groups available</span>
807      </a>
808      <a href="https://community.mentalhappy.com/groups" target="_blank" class="t-card">
809        <span class="t-emoji">👩‍👧</span>
810        <h3>Single Parent Support Groups</h3>
811        <span class="t-count">4 groups available</span>
812      </a>
813      <a href="https://community.mentalhappy.com/groups" target="_blank" class="t-card">
814        <span class="t-emoji">👨‍👩‍👦</span>
815        <h3>Parenting Support Groups</h3>
816        <span class="t-count">5 groups available</span>
817      </a>
818      <a href="https://community.mentalhappy.com/groups" target="_blank" class="t-card">
819        <span class="t-emoji">🍶</span>
820        <h3>Addiction Recovery Groups</h3>
821        <span class="t-count">4 groups available</span>
822      </a>
823      <a href="https://community.mentalhappy.com/groups" target="_blank" class="t-card req-card">
824        <span class="t-emoji">✨</span>
825        <h3>Don't see yours?</h3>
826        <span class="t-count">Request a group →</span>
827      </a>
828    </div>
829
830    <div class="topic-foot">
831      <a href="https://community.mentalhappy.com/groups" target="_blank" class="btn-teal">Sign Up Free — Browse All Groups</a>
832      <p class="note"><span>No credit card required. Takes 60 seconds.</span></p>
833    </div>
834  </div>
835</section>
836
837
838<!-- ═════════════════════════════════════════════
839     SECTION 3 — HOW IT WORKS
840     Step 3 explicitly says "just listen" — removes the
841     biggest behavioural barrier to joining a first group.
842═════════════════════════════════════════════ -->
843<section class="how">
844  <div class="wrap">
845    <p class="eyebrow">Simple by design</p>
846    <h2>Three steps to finding your people</h2>
847    <p class="lead">No forms to fill. No insurance to navigate. Sign up and find your group.</p>
848
849    <div class="steps">
850      <div class="step">
851        <div class="step-num">1</div>
852        <h3>Create your free account</h3>
853        <p>Sign up in under a minute. Every member is verified so the community stays private and safe for everyone in it.</p>
854      </div>
855      <div class="step">
856        <div class="step-num">2</div>
857        <h3>Find or request your group</h3>
858        <p>
858Browse by topic, schedule, or leader. Don't see yours? Request it and we'll find a qualified leader to run it.</p>
859      </div>
860      <div class="step">
861        <div class="step-num">3</div>
862        <h3>Show up. Just listen if you want.</h3>
863        <p>Join live sessions or read at your own pace. You never have to say a word until you're ready.</p>
864      </div>
865    </div>
866  </div>
867</section>
868
869
870<!-- ═════════════════════════════════════════════
871     SECTION 4 — TESTIMONIAL (peak-end rule)
872     Placed after How It Works — highest emotional moment.
873     REAL QUOTE. Do not paraphrase or change.
874═════════════════════════════════════════════ -->
875<section class="testimonial">
876  <div class="wrap">
877    <p class="eyebrow" style="text-align:center; margin-bottom:32px">Therapist-recommended. Member-loved.</p>
878
879    <div class="t-card-wrap">
880      <div class="t-badge">
881        <div class="t-badge-ico">🩺</div>
882        <div class="t-badge-ttl">Therapist<br>Recommended</div>
883        <div class="t-badge-sub">Referred by a licensed provider</div>
884      </div>
885      <div>
886        <p class="t-quote">I was recommended to join this group from my therapist. I am in search of tools to support my self-esteem. I can't believe a group like this exists online — I always thought I'd have to find something in person.</p>
887        <p class="t-attr">MentalHappy Member &middot; <span class="grp">Confidence Crew Support Group</span></p>
888      </div>
889    </div>
890  </div>
891</section>
892
893
894<!-- ═════════════════════════════════════════════
895     SECTION 5 — PRIVACY & SAFETY
896     Dark navy bg = gravitas. One sentence per card.
897═════════════════════════════════════════════ -->
898<section class="privacy">
899  <div class="wrap">
900    <p class="eyebrow" style="color:rgba(255,255,255,.5)">Built for sensitive conversations</p>
901    <h2>Your privacy isn't a feature here. It's the foundation.</h2>
902    <p class="lead">Support groups only work when people feel safe enough to be honest. Here's how we protect that.</p>
903
904    <div class="p-grid">
905      <div class="p-card">
906        <div class="p-ico">🔒</div>
907        <div class="p-ttl">Every member is verified</div>
908        <p class="p-desc">No anonymous browsing. Everyone has a verified account — so you're always among accountable people.</p>
909      </div>
910      <div class="p-card">
911        <div class="p-ico">📋</div>
912        <div class="p-ttl">Confidentiality agreements</div>
913        <p class="p-desc">Every member signs before joining. What's shared in the group stays in the group — always.</p>
914      </div>
915      <div class="p-card">
916        <div class="p-ico">🎭</div>
917        <div class="p-ttl">Participate anonymously</div>
918        <p class="p-desc">Not ready to use your name? Engage privately within the group using our anonymous feature.</p>
919      </div>
920      <div class="p-card">
921        <div class="p-ico">✅</div>
922        <div class="p-ttl">HIPAA-compliant</div>
923        <p class="p-desc">Your conversations are protected by the same federal standards as your doctor's office.</p>
924      </div>
925    </div>
926  </div>
927</section>
928
929
930<!-- ═════════════════════════════════════════════
931     SECTION 6 — REQUEST A GROUP
932     AZEEZ: id="request" for anchor links from hero + topic grid.
933     Gold submit button. Form routes to request flow in app.
934═════════════════════════════════════════════ -->
935<section class="request" id="request">
936  <div class="req-grid">
937    <div>
938      <p class="eyebrow" style="color:rgba(255,255,255,.6)">Can't find the right group?</p>
939      <h2>Request it.<br>We'll build it.</h2>
940      <p class="req-sub">Tell us what you need. We'll find a qualified leader. You'll be the first to know when your group is ready.</p>
941
942      <div class="req-steps">
943        <div class="req-step">
944          <div class="req-dot"></div>
945          <p><strong>Describe your group.</strong> Tell us the topic or experience you've been searching for.</p>
946        </div>
947        <div class="req-step">
948          <div class="req-dot"></div>
949          <p><strong>Your request goes live.</strong> It shows leaders real demand exists — and helps them decide what to create.</p>
950        </div>
951        <div class="req-step">
952          <div class="req-dot"></div>
953          <p><strong>We notify you.</strong> The moment a matching group launches, you'll be first in line.</p>
954        </div>
955      </div>
956    </div>
957
958    <div class="req-form">
959      <p class="f-lbl">What kind of group are you looking for?</p>
960      <input class="f-input" type="text" placeholder="e.g. Support group for parents navigating school anxiety...">
961
962      <p class="f-lbl">Topic area</p>
963      <div class="f-tags">
964        <span class="f-tag on">Anxiety</span>
965        <span class="f-tag">Grief</span>
966        <span class="f-tag">Relationships</span>
967        <span class="f-tag">Parenting</span>
968        <span class="f-tag">Focus</span>
969        <span class="f-tag">Trauma</span>
970        <span class="f-tag">Other</span>
971      </div>
972
973      <button class="f-submit">Submit My Request — Free</button>
974      <p class="f-note">No commitment. You'll only hear from us when your group is ready.</p>
975    </div>
976  </div>
977</section>
978
979
980<!-- ═════════════════════════════════════════════
981     SECTION 7 — FREE RESOURCES
982     AZEEZ: Replace thumbnail placeholders with the actual
983     cover images from mentalhappy.com/resources.
984     All download links and "See full library" → /resources.
985     Resources do NOT require login — link directly.
986═════════════════════════════════════════════ -->
987<section class="resources">
988  <div class="wrap">
989    <p class="eyebrow">Free Mental Health Worksheets</p>
990    <h2>Not ready to join a group yet? Start here.</h2>
991    <p class="lead">These free guides are here whenever you are. No account needed.</p>
992
993    <div class="res-grid">
994
995      <div class="res-card">
996        <div class="res-thumb">
997          <img src="https://cdn.prod.website-files.com/5ed074060219b860e3d510d8/6982238c26476c2a1e6c2ea0_Unmask%20Your%20Loneliness%20Triggers%20Image.png" alt="Unmask Your Loneliness Triggers resource cover">
998        </div>
999        <div class="res-body">
1000          <span class="res-tag">Exercise · Free</span>
1001          <h3>Unmask Your Loneliness Triggers</h3>
1002          <p class="res-desc">Understand what's driving your loneliness and start building real connection from wherever you are.</p>
1003          <a href="https://www.mentalhappy.com/resources/loneliness-triggers-worksheet-understand-reduce-emotional-loneliness" class="res-dl">⬇ Free Download</a>
1004        </div>
1005      </div>
1006
1007      <div class="res-card">
1008        <div class="res-thumb">
1009          <img src="https://cdn.prod.website-files.com/5ed074060219b860e3d510d8/69822212fe00482c83ef9d4c_Stop%20Comparing%20Yourself%20to%20Others.png" alt="Stop Comparing Yourself to Others resource cover">
1010        </div>
1011        <div class="res-body">
1012          <span class="res-tag">Guide · Free</span>
1013          <h3>Stop Comparing Yourself to Others</h3>
1014          <p class="res-desc">For anyone who feels behind, pressured, or stuck in comparison mode. Practical, not preachy.</p>
1015          <a href="https://www.mentalhappy.com/resources/stop-comparing-yourself-to-others-reduce-comparison-anxiety-worksheet" class="res-dl">⬇ Free Download</a>
1016        </div>
1017      </div>
1018
1019      <div class="res-card">
1020        <div class="res-thumb">
1021          <img src="https://cdn.prod.website-files.com/5ed074060219b860e3d510d8/6980cca65115ac264508dcf3_Rebuild%20Trust%20With%20Yourself%20After%20Betrayal%20Image.png" alt="Rebuild Trust With Yourself After Betrayal resource cover">
1022        </div>
1023        <div class="res-body">
1024          <span class="res-tag">Practice · Free</span>
1025          <h3>Rebuild Trust With Yourself After Betrayal</h3>
1026          <p class="res-desc">A healing practice for anyone working to trust again after emotional or physical betrayal.</p>
1027          <a href="https://www.mentalhappy.com/resources/rebuild-trust-with-yourself-after-betrayal-healing-worksheet" class="res-dl">⬇ Free Download</a>
1028        </div>
1029      </div>
1030
1031      <div class="res-card">
1032        <div class="res-thumb">
1033          <img src="https://cdn.prod.website-files.com/5ed074060219b860e3d510d8/69822bb11e5251275207cdee_Work%20Purpose%20Reset%20Image.png" alt="Work Purpose Reset resource cover">
1034        </div>
1035        <div class="res-body">
1036          <span class="res-tag">Exercise · Free</span>
1037          <h3>Work Purpose Reset</h3>
1038          <p class="res-desc">A calm exercise to reduce career anxiety and find clarity about what you actually want from your work.</p>
1039          <a href="https://www.mentalhappy.com/resources/work-purpose-reset" class="res-dl">⬇ Free Download</a>
1040        </div>
1041      </div>
1042
1043    </div>
1044
1045    <div class="res-foot">
1046      <p>60+ free mental health resources — worksheets, guides, and practices. All free, no account needed.</p>
1047      <a href="https://www.mentalhappy.com/resources">Browse the full free mental health resource library →</a>
1048    </div>
1049  </div>
1050</section>
1051
1052
1053<!-- ═════════════════════════════════════════════
1054     SECTION 8 — FAQ
1055     FAQPage schema is in <head> above.
1056     Questions ordered by psychological urgency (privacy first).
1057     AZEEZ: Implement as CSS accordion. See all FAQs → /faq
1058═════════════════════════════════════════════ -->
1059<section class="faq">
1060  <div class="wrap">
1061    <div class="faq-grid">
1062
1063      <div class="faq-left">
1064        <h2>Questions people ask before joining their first group</h2>
1065        <p>We know this can feel like a big step. Here are honest answers to what people wonder about most.</p>
1066        <a href="https://www.mentalhappy.com/members-frequently-asked-questions" class="faq-link">See all FAQs →</a>
1067      </div>
1068
1069      <div class="faq-list">
1070
1071        <div class="faq-item">
1072          <div class="faq-q">
1072Are online support groups on MentalHappy private? <span class="faq-plus">+</span></div>
1073          <p class="faq-a">Yes. Every member signs a confidentiality agreement before joining. You can also use our anonymous participation feature for extra privacy. Your conversations are never shared outside the group, and the platform is fully HIPAA-compliant.</p>
1074        </div>
1075
1076        <div class="faq-item">
1077          <div class="faq-q">What actually happens in a session? <span class="faq-plus">+</span></div>
1078          <p class="faq-a">Sessions are led by a trained professional — a therapist, counselor, or certified coach. Each includes guided discussion, reflection, and practical tools. Groups are small and intimate, usually 5 to 15 people, on a regular schedule.</p>
1079        </div>
1080
1081        <div class="faq-item">
1082          <div class="faq-q">Do I have to talk? Can I just listen? <span class="faq-plus">+</span></div>
1083          <p class="faq-a">Not at all. Many members start by just listening. You'll never be put on the spot or called on. Share when — and if — you're ready.</p>
1084        </div>
1085
1086        <div class="faq-item">
1087          <div class="faq-q">Is it really free to join? <span class="faq-plus">+</span></div>
1088          <p class="faq-a">Creating your account is completely free. Groups range from free to low-cost — typically $5–$25 per session, with many donation-based options. You'll always see pricing before you commit to anything.</p>
1089        </div>
1090
1091        <div class="faq-item">
1092          <div class="faq-q">Do I need a therapist referral? <span class="faq-plus">+</span></div>
1093          <p class="faq-a">No referral needed. Anyone can sign up. Many members come through therapist recommendations, but MentalHappy is designed to complement your existing care — not gatekeep it.</p>
1094        </div>
1095
1096        <div class="faq-item">
1097          <div class="faq-q">What if there's no group for what I'm going through? <span class="faq-plus">+</span></div>
1098          <p class="faq-a">Request one. Submit a group request and we'll find a qualified leader to build it. You'll be notified the moment it launches.</p>
1099        </div>
1100
1101        <div class="faq-item">
1102          <div class="faq-q">Can I find support groups near me on MentalHappy? <span class="faq-plus">+</span></div>
1103          <p class="faq-a">MentalHappy groups are fully online — available wherever you are, no local search required. Online also means access to far more topics and leaders than you'd find in your city, without the commute.</p>
1104        </div>
1105
1106      </div>
1107    </div>
1108  </div>
1109</section>
1110
1111
1112<!-- ═════════════════════════════════════════════
1113     SECTION 9 — FINAL CTA
1114     Gold button. Relief-focused copy, not feature-focused.
1115═════════════════════════════════════════════ -->
1116<section class="cta-final">
1117  <h2>Your group is already out there.<br>Let's find it.</h2>
1118  <p>Whatever you're carrying, you don't have to figure it out alone. Join free and find your people.</p>
1119  <a href="https://community.mentalhappy.com/groups" target="_blank" class="btn-gold">Join Free — Find Your Group</a>
1120  <p class="cta-note">No credit card. No referral. No waiting. Takes 60 seconds.</p>
1121</section>
1122
1123
1124<script>
1125  document.querySelectorAll('.faq-q').forEach(function(q) {
1126    q.addEventListener('click', function() {
1127      var item = this.closest('.faq-item');
1128      var isOpen = item.classList.contains('open');
1129      document.querySelectorAll('.faq-item.open').forEach(function(el) {
1130        el.classList.remove('open');
1131      });
1132      if (!isOpen) item.classList.add('open');
1133    });
1134  });
1135</script>
1135
1136
1137</body>
1138</html></div><footer class="footer"><div class="n-container footer-links-container"><div class="footer-div right"><div class="footer-logo-svg w-embed"></div><div class="text-block-155">Run and join support groups like real healthcare programs, not Zoom meetings.</div><a href="https://arpa-h.gov/" target="_blank" class="button-8 w-button">ARPA-H Spoke Member</a><div class="div-block-15"><a href="https://www.linkedin.com/company/mentalhappy" class="footer-links social-link w-inline-block"><img src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/6a252a5bd4c8e03752e66ff3_LinkedIn.svg" width="36" height="36" alt="" class="image-171"/></a><a href="https://twitter.com/MentalHappy" target="_blank" class="footer-links social-link w-inline-block"><img src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/6a252ad745841096e88c1022_Twitter.svg" width="36" height="36" alt=""/></a><a href="https://www.instagram.com/livementalhappy/" target="_blank" class="footer-links social-link w-inline-block"><img src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/6a252afb226293d1ea082c01_Link%20-%20Instagram.svg" width="36" height="36" alt=""/></a><a href="https://www.facebook.com/MentalHappyHumans" target="_blank" class="footer-links social-link w-inline-block"><img src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/6a252b14f68980a8976799b5_Link%20-%20Facebook.svg" width="36" height="36" alt=""/></a><a href="https://www.youtube.com/@mentalhappyinc" target="_blank" class="footer-links social-link w-inline-block"><img src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/6a252b24fdbf5bd9fb26ad37_Link%20-%20YouTube.svg" width="36" height="36" alt=""/></a></div><div class="footer-subtitle work-with-us address">2193 Fillmore St. #15<br/>San Francisco, CA 94115</div></div><div class="footer-left"><div class="row-view stretch"><div class="footer-div first"><div class="footer-subtitle">Company</div><a href="/about-us" class="footer-links w-inline-block"><div class="caption footer-link-text">About Us</div></a><a href="/blog" class="footer-links w-inline-block"><div class="caption footer-link-text">Leader Academy</div></a><a href="/careers" class="footer-links w-inline-block"><div class="caption footer-link-text">Careers</div></a><a href="/partner-with-us" class="footer-links w-inline-block"><div class="caption footer-link-text">Partner With us</div></a></div><div class="footer-div"><div class="footer-subtitle">For Leaders</div><a href="/hosting-groups" class="footer-links w-inline-block"><div class="caption footer-link-text">Host a Group</div></a><a href="/hosting-groups" class="footer-links hide w-inline-block"><div class="caption footer-link-text">Pricing</div></a><a href="/support-group-leaders-frequently-asked-questions" class="footer-links w-inline-block"><div class="caption footer-link-text">FAQ</div></a></div><div class="footer-div participate"><div class="footer-subtitle">For Members</div><a href="/find-support-group" aria-current="page" class="footer-links w-inline-block w--current"><div class="caption footer-link-text">Find a Group</div></a><a href="/resources" class="footer-links w-inline-block"><div class="caption footer-link-text">Resources</div></a><div class="caption footer-link-text">Download the App</div><div class="footer-app-links"><a aria-label="Download on the App Store" href="https://apps.apple.com/gb/app/mentalhappy/id1574363583" target="_blank" class="w-inline-block"><img src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/6ab221de862520d773ce579e_Download_on_the_App_Store_Badge_US-UK_RGB_blk_092917.svg" loading="lazy" alt="Download on the App Store" class="image-172"/></a><a aria-label="Get it on Google Play" href="https://play.google.com/store/apps/details?id=com.mentalhappy.app&amp;pcampaignid=web_share" target="_blank" class="w-inline-block"><img src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/6ab222cc2b2841a4e9b7945a_GetItOnGooglePlay_Badge_Web_color_English.svg" loading="lazy" alt="Get it on Google Play" class="image-173"/></a></div></div></div></div></div><div class="w-layout-blockcontainer n-container footer-links-container botton-footer w-container"><div class="divider"></div><div class="div-block-276"><div class="text-block-156">Private, secure, HIPAA-compliant. © 2026 MentalHappy Inc. All rights reserved. MentalHappy does not provide medical advice, diagnosis, or treatment.</div><div class="div-block-277"><a href="https://www.mentalhappy.com/terms-of-use" class="w-inline-block"><div class="text-block-157">Terms of Use</div></a><a href="https://www.mentalhappy.com/privacy-policy" class="w-inline-block"><div class="text-block-157"><strong>Privacy Policy</strong></div></a><a href="https://988lifeline.org" class="w-inline-block"><div class="text-block-157">988 Suicide &amp; Crisis Lifeline</div></a></div></div></div></footer></div>
1138<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5eb1d5b6f623cb64d7b7735f" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
1138<script src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/js/webflow.schunk.f2efb3c5440a81cf.js" type="text/javascript" integrity="sha384-VK02VJvMib7ytrF5M2joPWNtDQs366FZgEQ5B+Iwnjx0WBnwQXfootyziSYxdrmS" crossorigin="anonymous"></script>
1138<script src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/js/webflow.schunk.031892280245680d.js" type="text/javascript" integrity="sha384-oEXHHbskZs5xeZeogv5fK6oT3aTZadcq9r5XO0cb4H+8Wg6yg8+8SZo1CbX7H75L" crossorigin="anonymous"></script>
1138<script src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/js/webflow.51612a05.efb6ca6e748bb799.js" type="text/javascript" integrity="sha384-+WTht6KLQ8gIkFT+iI9UyhM9j9Bn14evl18E/o4oSkiiR2ohFn6oqw/R0GyoSCYX" crossorigin="anonymous"></script>
1138<script>
1139  //--------------- nav customization  
1140
1141	var originalNavBgColor = $('.navbar-two').css('background-color');
1142  var navItemColor= $('.nav-item').css('color');
1143  var logoColor = $('.brand').css('color');
1144  var originalMarginLeft = parseFloat($('.nav-line').css('margin-left'));
1145  var originalMarginRight = parseFloat($('.nav-line').css('margin-right'));
1146
1147$(window).scroll(function() {
1148  // Calculate the scroll position
1149  var scrollPosition = $(window).scrollTop();
1150
1151  // Check if the user has scrolled beyond a certain threshold
1152  if (scrollPosition > 0) {
1153    // Add the CSS styles for the scrolled state
1154    $('.navbar-two').css({
1155      'background-color': 'white'
1156    });
1157    $('.nav-item').css({
1158      'color': '#01172F'
1159    });
1160    $('.brand').css({
1161      'color': '#00879B'
1162    });
1163    $('.nav-line').css({
1164      'margin-left': '0px',
1165      'margin-right': '0px',
1166      'transform': 'translateY(-4px)'
1167    });
1168  } else {
1169    // Remove the CSS styles for the initial state
1170    $('.navbar-two').css({
1171      'background-color': originalNavBgColor,
1172    });
1173     $('.nav-item').css({
1174      'color': navItemColor,
1175    });
1176      $('.brand').css({
1177      'color': logoColor,
1178    });
1179    $('.nav-line').css({
1180      'margin-left': originalMarginLeft,
1181      'margin-right': originalMarginRight,
1182      'transform': 'translateY(4px)'
1183    });
1184  }
1185});
1186</script>
1186
1187
1188
1189<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 1189-1190
1189
1190<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1190GTM-MKCXVK3T
vendor: 83 bytes, lines 1190-1191
1190"
1191height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1192<!-- End Google Tag Manager (noscript) -->
1193
1194<!-- Start cookieyes banner -->  
1194<script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/b57f925edb4b3d5b4a87f591/script.js"></script>
1194 <!-- End cookieyes banner -->
1195
1196
1197<script id="vtag-ai-js" async src="https://r2.leadsy.ai/tag.js" data-pid="V8UlJJFohOhzNqWL" data-version="062024"></script>
1197
1198
1199
1200<script>
1201    window.dataLayer = window.dataLayer || [];
1202  
1203  document.getElementById("request-demo")?.addEventListener("click", function() {
1204    
1205  window.dataLayer.push({
1206        event: 'cta_click',
1207        content_name: 'request_a_demo'
1208            });
1209});
1210   document.getElementById("resource-download")?.addEventListener("click", function() {
1211    window.dataLayer.push({
1212        event: 'download',
1213        content_name: document.querySelector('.div-block-232 .paragraph-20')?.innerText,
1214            });
1215     
1216     });
1217  
1218    document.getElementById("newsletter-btn")?.addEventListener("click", function() {
1219    window.dataLayer.push({
1220        event: 'subscribe'
1221            });
1222     
1223     });
1224  
1225  
1226    
1227</script>
1227<script src="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide.min.js"></script>
vendor: 1 bytes, line 1227
1227
1228<script src="https://shalom101.github.io/OsahonWebJS/mh-CustomNav.js"></script>
1228
1229
1230
1231<script> 
1232
1233console.log("red");
1234
1235function slider1() {
1236
1237let splides = $('.slider-1');
1238for ( let i = 0, splideLength = splides.length; i < splideLength; i++ ) {
1239	new Splide( splides[ i ], {
1240  // Desktop on down
1241	perPage: 2,
1242	perMove: 1,
1243  focus: 0, // 0 = left and 'center' = center
1244  type: 'slide', // 'loop' or 'slide'
1245  gap: '1em', // space between slides
1246  arrows: 'slider', // 'slider' or false
1247  pagination: 'slider', // 'slider' or false
1248  speed : 600, // transition speed in miliseconds
1249  dragAngleThreshold: 30, // default is 30
1250  autoWidth: false, // for cards with differing widths
1251  rewind : false, // go back to beginning when reach end
1252  rewindSpeed : 400,
1253  waitForTransition : false,
1254  updateOnMove : true,
1255  trimSpace: true, // true removes empty space from end of list
1256  breakpoints: {
1257		991: {
1258    // Tablet
1259			perPage: 2,
1260      gap: '3vw',
1261		},
1262    767: {
1263    	// Mobile Landscape
1264			perPage: 1,
1265      gap: '3vw',
1266		},
1267    479: {
1268    		// Mobile Portrait
1269			perPage: 2,
1270      gap: '1em',
1271		}
1272	}
1273} ).mount();
1274}
1275
1276}
1277slider1();
1278
1279
1280$('.mobile-nav-hamburger').on('click', function() {
1281  $('.body').toggleClass('no-scroll');
1282});
1283
1284
1285  $('.second-mobile-close-btn').click(function() {
1286    $('.body').removeClass('no-scroll');
1287  });
1288  
1289  
1290  //load sessions
1291  window.onload = async function () {
1292
1293            const formatDateToAbbreviatedWeekday = (date) => {
1294                const weekdays = ['Sun', 'Mon', 'Tue', 'Wed', 'Thur', 'Fri', 'Sat'];
1295                return weekdays[date.getDay()];
1296            };
1297
1298            const formatDateToCustomFormat = (date) => {
1299                const months = [
1300                    'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
1301                ];
1302
1303                const day = date.getDate().toString().padStart(2, '0');
1304                const month = months[date.getMonth()];
1305
1306                return `${day} ${month}`;
1307            };
1308
1309            function createSessionHtml(session) {
1310
1311
1312                const groupCover = session.groupData && session.groupData.coverUrl || ''
1313                const title = session.title || ''
1314                const sessionLink = `https://community.mentalhappy.com/session/event/${session._id}`
1315                const sessionStartDateTime = new Date(session.startDateTime)
1316
1317
1318                return `<a href="${sessionLink}" class="drp_session_card w-inline-block"><img src="${groupCover}" loading="lazy" sizes="(max-width: 991px) 100vw, 119.34375px" srcset="${groupCover} 500w, ${groupCover} 620w" alt="" class="image-135"><div class="ses_details">
1319                    <div class="session_date-2"><div class="session_day-2">${formatDateToAbbreviatedWeekday(sessionStartDateTime)}</div>
1320                    <div>${formatDateToCustomFormat(sessionStartDateTime)}</div></div><div class="session-divider-2"></div>
1321                    <div class="n-title left">${title}</div></div><div class="view-session-btn-2"><div>View</div></div></a>`
1322            }
1323
1324
1325            const today = new Date();
1326            let sessionsRequest = await fetch(`https://community-admin.mentalhappy.com/v1/messaging/user/sessions?sort=asc&limit=3&startDateTime=${today.toISOString()}`)
1327
1328
1329            if (sessionsRequest) {
1330                const data = await sessionsRequest.json()
1331                const sessions = data
1332
1333                const contentDiv = document.getElementById('session-container')
1334                const sessionsDivMobile = document.getElementById('mobile-view-sessions')
1335
1336                sessions && sessions.slice(0, 3).forEach(session => {
1337                    if (contentDiv) {
1338                        contentDiv.innerHTML += createSessionHtml(session)
1339                    }
1340
1341                    if (sessionsDivMobile) {
1342                        sessionsDivMobile.innerHTML += createSessionHtml(session)
1343                    }
1344
1345                });
1346            }
1347
1348        }
1349  
1350  
1351  
1352  
1353  /*
1354//--------------- nav customization  
1355
1356	var originalNavBgColor = $('.navbar-two').css('background-color');
1357  var navItemColor= $('.nav-item').css('color');
1358  var logoColor = $('.brand').css('color');
1359  var originalMarginLeft = parseFloat($('.nav-line').css('margin-left'));
1360  var originalMarginRight = parseFloat($('.nav-line').css('margin-right'));
1361
1362$(window).scroll(function() {
1363  // Calculate the scroll position
1364  var scrollPosition = $(window).scrollTop();
1365
1366  // Check if the user has scrolled beyond a certain threshold
1367  if (scrollPosition > 0) {
1368    // Add the CSS styles for the scrolled state
1369    $('.navbar-two').css({
1370      'background-color': 'white'
1371    });
1372    $('.nav-item').css({
1373      'color': '#01172F'
1374    });
1375    $('.brand').css({
1376      'color': '#00879B'
1377    });
1378    $('.nav-line').css({
1379      'margin-left': '0px',
1380      'margin-right': '0px',
1381      'transform': 'translateY(-4px)'
1382    });
1383  } else {
1384    // Remove the CSS styles for the initial state
1385    $('.navbar-two').css({
1386      'background-color': originalNavBgColor,
1387    });
1388     $('.nav-item').css({
1389      'color': navItemColor,
1390    });
1391      $('.brand').css({
1392      'color': logoColor,
1393    });
1394    $('.nav-line').css({
1395      'margin-left': originalMarginLeft,
1396      'margin-right': originalMarginRight,
1397      'transform': 'translateY(4px)'
1398    });
1399  }
1400});
1401
1402*/
1403
1404</script>
1404</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.