PageSourceSearch

https://www.meetyu.app/blog/

html meetyu.app collected 2026-10-08 02:12:51 UTC 552,329 bytes, 8,431 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-US">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1">
6<title>MeetYu Blog — AI Journaling, Personal Growth &amp; Reflection Tips</title>
7<link rel="preload" href="https://www.meetyu.app/wp-content/plugins/rate-my-post/public/css/fonts/ratemypost.ttf" type="font/ttf" as="font" crossorigin="anonymous"><link rel="preload" href="https://www.meetyu.app/wp-content/uploads/2025/10/poppins-latin-600-normal.woff2" as="font" type="font/woff2" crossorigin="anonymous">
8<meta name="dc.title" content="MeetYu Blog — AI Journaling, Personal Growth &amp; Reflection Tips">
9<meta name="dc.description" content="Explore research-backed strategies for personal growth, AI-powered journaling tips, and the science of reflection. Discover how MeetYu helps you turn daily experiences into breakthrough insights.">
10<meta name="dc.relation" content="https://www.meetyu.app/blog/">
11<meta name="dc.source" content="https://www.meetyu.app/">
12<meta name="dc.language" content="en_US">
13<meta name="description" content="Explore research-backed strategies for personal growth, AI-powered journaling tips, and the science of reflection. Discover how MeetYu helps you turn daily experiences into breakthrough insights.">
14<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
15<link rel="canonical" href="https://www.meetyu.app/blog/">
16<script id="website-schema" type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"WebSite","name":"MeetYu Life Coach \u2014 AI Journal App for Clarity, Insights &amp; Growth","alternateName":"MeetYu","description":"MeetYu is the AI journaling app that uncovers hidden patterns, delivers coaching insights, and drives real personal growth. Free on iOS &amp; Android.","url":"https:\/\/www.meetyu.app"}</script>
16
17<meta property="og:url" content="https://www.meetyu.app/blog/">
18<meta property="og:site_name" content="MeetYu">
19<meta property="og:locale" content="en_US">
20<meta property="og:type" content="website">
21<meta property="og:title" content="MeetYu Blog — AI Journaling, Personal Growth &amp; Reflection Tips">
22<meta property="og:description" content="Explore research-backed strategies for personal growth, AI-powered journaling tips, and the science of reflection.">
23<meta property="og:image" content="https://www.meetyu.app/wp-content/uploads/2025/10/MeetYu-Life-Coach-AI-Journal_Banner_3280x1712.webp">
24<meta property="og:image:secure_url" content="https://www.meetyu.app/wp-content/uploads/2025/10/MeetYu-Life-Coach-AI-Journal_Banner_3280x1712.webp">
25<meta property="og:image:width" content="1920">
26<meta property="og:image:height" content="1002">
27<meta property="og:image:alt" content="MeetYu Life Coach AI Journal banner with four app screenshots, mood tracking, insights, and app store download buttons">
28<meta property="fb:pages" content="658467060693312">
29<meta name="twitter:card" content="summary_large_image">
30<meta name="twitter:site" content="@MeetYu_App">
31<meta name="twitter:creator" content="@MeetYu_App">
32<meta name="twitter:title" content="MeetYu Blog — AI Journaling, Personal Growth &amp; Reflection Tips">
33<meta name="twitter:description" content="Explore research-backed strategies for personal growth, AI-powered journaling tips, and the science of reflection.">
34<meta name="twitter:image" content="https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1.webp">
35<link rel="preload" href="https://www.meetyu.app/wp-content/cache/borlabs-cookie/1/borlabs-cookie-config-en.json.js" as="script">
36<link rel="preload" href="https://www.meetyu.app/wp-content/cache/borlabs-cookie/1/borlabs-cookie-1-en.css" as="style">
37<style id="wp-img-auto-sizes-contain-inline-css">
38img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
39/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
40</style>
41<style id="classic-theme-styles-inline-css">
42/*! This file is auto-generated */
43.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
44/*# sourceURL=/wp-includes/css/classic-themes.min.css */
45</style>
46
47<link rel='stylesheet' id='rate-my-post-css' href='https://www.meetyu.app/wp-content/plugins/rate-my-post/public/css/rate-my-post.min.css' media='all' />
48<link rel='stylesheet' id='mailerpress-editor-blocks-css-css' href='https://www.meetyu.app/wp-content/plugins/mailerpress//build/dist/js/editor-blocks.css' media='all' />
49<style id="global-styles-inline-css">
50:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
50--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
50.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
51/*# sourceURL=global-styles-inline-css */
52</style>
53
54<link rel='stylesheet' id='automaticcss-core-css' href='https://www.meetyu.app/wp-content/uploads/automatic-css/automatic.css' media='all' />
55<style id="automaticcss-core-inline-css">
56/* File: automatic-custom-css.css - Version: 3.3.7 - Generated: 2026-08-26 21:00:33 */
57@charset "UTF-8";
58@media (max-width: 991px) {
59  :root {
60    --grid-gap: var(--space-s);
61  }
62}
63/**
64 * MeetYu Homepage — Companion Global CSS
65 * ========================================
66 * Add this CSS to ONE of the following locations:
67 *   1. ACSS Dashboard → Custom SCSS (preferred — gets compiled and cached)
68 *   2. Bricks → Settings → Custom Code → Custom CSS (Header)
69 *   3. Child theme style.css
70 *
71 * This file contains the global class definitions referenced by the
72 * refactored Bricks JSON. Without these, the gradient text and pulse
73 * animation won't render.
74 *
75 * Color variables reference your ACSS dashboard settings.
76 * Adjust if your ACSS primary/accent colors differ.
77 */
78/* ==========================================================
79   1. GRADIENT TEXT CLASSES
80   Used on heading <span> elements throughout the page.
81   Replaces 12 inline style="" attributes.
82   ========================================================== */
83.gradient-text--primary {
84  background: linear-gradient(to right, var(--primary, #6200ee), var(--primary-semi-light, #b59ed6));
85  -webkit-background-clip: text;
86  -webkit-text-fill-color: transparent;
87  background-clip: text;
88}
89.gradient-text--accent {
90  background: linear-gradient(to right, var(--accent, #dc7e31), var(--secondary, #a74afa));
91  -webkit-background-clip: text;
92  -webkit-text-fill-color: transparent;
93  background-clip: text;
94}
95/* ==========================================================
96   2. STATUS PULSE ANIMATION
97   Used on the "Live on iOS and Android" badge.
98   Replaces 4.5KB of obfuscated inline JavaScript.
99   ========================================================== */
100.pulse-dot {
101  position: relative;
102}
103.pulse-dot::before {
104  content: "";
105  display: inline-block;
106  width: 8px;
107  height: 8px;
108  border-radius: 50%;
109  background-color: var(--success, #22c55e);
110  margin-right: 0.5rem;
111  vertical-align: middle;
112  animation: statusPulse 2s ease-in-out infinite;
113}
114@keyframes statusPulse {
115  0%, 100% {
116    opacity: 1;
117    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.4);
118  }
119  50% {
120    opacity: 0.8;
121    box-shadow: 0 0 0 6px rgba(34, 197, 94, 0);
122  }
123}
124/* ==========================================================
125   3. PARALLAX FLOAT CLASS
126   Used on scroll-animated elements (phone screenshots, badges).
127   Replaces 6 ID-level #brxe-xxx CSS rules.
128   
129   Each element overrides --parallax-y, --parallax-x, etc.
130   via Bricks element-level custom CSS.
131   ========================================================== */
132.parallax-float {
133  --parallax-y: 0px;
134  --parallax-x: 0px;
135  --parallax-rotate: 0deg;
136  --parallax-scale-factor: 0;
137  transform: translateY(calc(var(--fa-scroll--custom, 0) * var(--parallax-y))) translateX(calc(var(--fa-scroll--custom, 0) * var(--parallax-x))) rotate(calc(var(--fa-scroll--custom, 0) * var(--parallax-rotate))) scale(calc(1 - var(--fa-scroll--custom, 0) * var(--parallax-scale-factor)));
138  will-change: transform;
139}
140/* ==========================================================
141   4. BEM CLASS STUBS
142   These classes exist as Bricks Global Classes (applied via the
143   class picker) but may need CSS definitions moved here if you
144   want to consolidate from inline builder styles.
145   
146   Currently, the builder-level styles handle layout/spacing.
147   These stubs are ready if you want to migrate inline styles
148   to class-level CSS for full single-source-of-truth.
149   ========================================================== */
150/*
151.hero { }
152.hero__container { }
153.hero__content { }
154.hero__content-inner { }
155.hero__tagline { }
156.hero__heading { }
157.hero__description { }
158.hero__buttons { }
159.hero__btn--primary { }
160.hero__btn--outline { }
161.hero__social-bar { }
162.hero__social-item { }
163.hero__social-link { }
164.hero__social-icon { }
165.hero__logo-bar { }
166.hero__logo-bar-track { }
167.hero__logo-list { }
168.hero__logo-item { }
169.hero__logo-image { }
170
171.hero-barcelona { }
172.hero-barcelona__inner { }
173.hero-barcelona__sliders { }
174.hero-barcelona__slider { }
175.hero-barcelona__slider--reverse { }
176.hero-barcelona__slider--forward { }
177.hero-barcelona__image-wrapper { }
178.hero-barcelona__image { }
179
180.timeline-section { }
181.timeline-section__container { }
182.timeline__slider { }
183.timeline__slide { }
184.timeline__year { }
185.timeline__content { }
186.timeline__heading { }
187.timeline__text { }
188
189.cta-section { }
190.cta-section__container { }
191.cta-section__grid { }
192.cta-section__features { }
193.cta-section__feature { }
194.cta-section__feature-icon { }
195.cta-section__feature-text { }
196
197.section-intro { }
198.section-intro__inner { }
199.section-intro__heading { }
200.section-intro__tagline { }
201
202.reflection-engine { }
203.reflection-engine__container { }
204.reflection-engine__images { }
205.reflection-engine__image { }
206.reflection-engine__list { }
207.reflection-engine__item { }
208.reflection-engine__step { }
209.reflection-engine__step-number { }
210.reflection-engine__step-content { }
211.reflection-engine__step-heading { }
212.reflection-engine__step-text { }
213
214.app-showcase { }
215.app-showcase__grid { }
216.app-showcase__col { }
217.app-showcase__cards { }
218.app-showcase__card { }
219.app-showcase__card-image { }
220.app-showcase__card-title { }
221.app-showcase__card-btn { }
222.app-showcase__center-image { }
223*/
224
225/*# sourceURL=automaticcss-core-inline-css */
226</style>
227<link rel='stylesheet' id='bricks-frontend-css' href='https://www.meetyu.app/wp-content/themes/bricks/assets/css/frontend-light-layer.min.css' media='all' />
228<style id="bricks-frontend-inline-css">
229body .tox.tox-silver-sink.tox-tinymce-aux, body .tox.tox-tinymce-aux, body .tox-shadowhost { z-index: 10001; }
230@font-face{font-family:"Poppins";font-weight:100;font-display:swap;src:url(https://www.meetyu.app/wp-content/uploads/2025/10/poppins-latin-100-normal.woff2) format("woff2");}@font-face{font-family:"Poppins";font-weight:200;font-display:swap;src:url(https://www.meetyu.app/wp-content/uploads/2025/10/poppins-latin-200-normal.woff2) format("woff2");}@font-face{font-family:"Poppins";font-weight:300;font-display:swap;src:url(https://www.meetyu.app/wp-content/uploads/2025/10/poppins-latin-300-normal.woff2) format("woff2");}@font-face{font-family:"Poppins";font-weight:400;font-display:swap;src:url(https://www.meetyu.app/wp-content/uploads/2025/10/poppins-latin-400-normal.woff2) format("woff2");}@font-face{font-family:"Poppins";font-weight:500;font-display:swap;src:url(https://www.meetyu.app/wp-content/uploads/2025/10/poppins-latin-500-normal.woff2) format("woff2");}@font-face{font-family:"Poppins";font-weight:600;font-display:swap;src:url(https://www.meetyu.app/wp-content/uploads/2025/10/poppins-latin-600-normal.woff2) format("woff2");}@font-face{font-family:"Poppins";font-weight:700;font-display:swap;src:url(https://www.meetyu.app/wp-content/uploads/2025/10/poppins-latin-700-normal.woff2) format("woff2");}@font-face{font-family:"Poppins";font-weight:800;font-display:swap;src:url(https://www.meetyu.app/wp-content/uploads/2025/10/poppins-latin-800-normal.woff2) format("woff2");}@font-face{font-family:"Poppins";font-weight:900;font-display:swap;src:url(https://www.meetyu.app/wp-content/uploads/2025/10/poppins-latin-900-normal.woff2) format("woff2");}
231
232/*# sourceURL=bricks-frontend-inline-css */
233</style>
234<link rel='stylesheet' id='bricks-child-css' href='https://www.meetyu.app/wp-content/themes/bricks-child/style.css' media='all' />
235<link rel='stylesheet' id='bricks-color-palettes-css' href='https://www.meetyu.app/wp-content/uploads/bricks/css/color-palettes.min.css' media='all' />
236<link rel='stylesheet' id='bricks-theme-style-general_style-css' href='https://www.meetyu.app/wp-content/uploads/bricks/css/theme-style-general_style.min.css' media='all' />
237<link rel='stylesheet' id='bricks-post-3661-css' href='https://www.meetyu.app/wp-content/uploads/bricks/css/post-3661.min.css' media='all' />
238<link rel='stylesheet' id='bricks-post-20-css' href='https://www.meetyu.app/wp-content/uploads/bricks/css/post-20.min.css' media='all' />
239<link rel='stylesheet' id='bricks-post-25-css' href='https://www.meetyu.app/wp-content/uploads/bricks/css/post-25.min.css' media='all' />
240<style id="borlabs-cookie-critical-inline-css">
241body div.brlbs-cmpnt-container a,body div.brlbs-cmpnt-container abbr,body div.brlbs-cmpnt-container acronym,body div.brlbs-cmpnt-container address,body div.brlbs-cmpnt-container applet,body div.brlbs-cmpnt-container article,body div.brlbs-cmpnt-container aside,body div.brlbs-cmpnt-container audio,body div.brlbs-cmpnt-container b,body div.brlbs-cmpnt-container big,body div.brlbs-cmpnt-container blockquote,body div.brlbs-cmpnt-container canvas,body div.brlbs-cmpnt-container caption,body div.brlbs-cmpnt-container center,body div.brlbs-cmpnt-container cite,body div.brlbs-cmpnt-container code,body div.brlbs-cmpnt-container dd,body div.brlbs-cmpnt-container del,body div.brlbs-cmpnt-container details,body div.brlbs-cmpnt-container dfn,body div.brlbs-cmpnt-container div,body div.brlbs-cmpnt-container dl,body div.brlbs-cmpnt-container dt,body div.brlbs-cmpnt-container em,body div.brlbs-cmpnt-container embed,body div.brlbs-cmpnt-container fieldset,body div.brlbs-cmpnt-container figcaption,body div.brlbs-cmpnt-container figure,body div.brlbs-cmpnt-container footer,body div.brlbs-cmpnt-container form,body div.brlbs-cmpnt-container h1,body div.brlbs-cmpnt-container h2,body div.brlbs-cmpnt-container h3,body div.brlbs-cmpnt-container h4,body div.brlbs-cmpnt-container h5,body div.brlbs-cmpnt-container h6,body div.brlbs-cmpnt-container header,body div.brlbs-cmpnt-container hgroup,body div.brlbs-cmpnt-container i,body div.brlbs-cmpnt-container iframe,body div.brlbs-cmpnt-container img,body div.brlbs-cmpnt-container ins,body div.brlbs-cmpnt-container kbd,body div.brlbs-cmpnt-container label,body div.brlbs-cmpnt-container legend,body div.brlbs-cmpnt-container li,body div.brlbs-cmpnt-container mark,body div.brlbs-cmpnt-container menu,body div.brlbs-cmpnt-container nav,body div.brlbs-cmpnt-container object,body div.brlbs-cmpnt-container ol,body div.brlbs-cmpnt-container output,body div.brlbs-cmpnt-container p,body div.brlbs-cmpnt-container pre,body div.brlbs-cmpnt-container q,body div.brlbs-cmpnt-container ruby,body div.brlbs-cmpnt-container s,body div.brlbs-cmpnt-container samp,body div.brlbs-cmpnt-container section,body div.brlbs-cmpnt-container small,body div.brlbs-cmpnt-container span,body div.brlbs-cmpnt-container strike,body div.brlbs-cmpnt-container strong,body div.brlbs-cmpnt-container sub,body div.brlbs-cmpnt-container summary,body div.brlbs-cmpnt-container sup,body div.brlbs-cmpnt-container table,body div.brlbs-cmpnt-container tbody,body div.brlbs-cmpnt-container td,body div.brlbs-cmpnt-container tfoot,body div.brlbs-cmpnt-container th,body div.brlbs-cmpnt-container thead,body div.brlbs-cmpnt-container time,body div.brlbs-cmpnt-container tr,body div.brlbs-cmpnt-container tt,body div.brlbs-cmpnt-container u,body div.brlbs-cmpnt-container ul,body div.brlbs-cmpnt-container var,body div.brlbs-cmpnt-container video{margin:0;padding:0;border:0;font-size:100%;font-family:inherit;vertical-align:baseline}body div.brlbs-cmpnt-container article,body div.brlbs-cmpnt-container aside,body div.brlbs-cmpnt-container details,body div.brlbs-cmpnt-container figcaption,body div.brlbs-cmpnt-container figure,body div.brlbs-cmpnt-container footer,body div.brlbs-cmpnt-container header,body div.brlbs-cmpnt-container hgroup,body div.brlbs-cmpnt-container menu,body div.brlbs-cmpnt-container nav,body div.brlbs-cmpnt-container section{dis
241play:block}body div.brlbs-cmpnt-container blockquote,body div.brlbs-cmpnt-container q{quotes:none}body div.brlbs-cmpnt-container blockquote:after,body div.brlbs-cmpnt-container blockquote:before,body div.brlbs-cmpnt-container q:after,body div.brlbs-cmpnt-container q:before{content:none}body div.brlbs-cmpnt-container table{border-spacing:0}body div.brlbs-cmpnt-container,body div.brlbs-cmpnt-container *{box-sizing:border-box;color:inherit;font-family:inherit;line-height:inherit;position:static;inset:auto;width:auto;height:auto}body div.brlbs-cmpnt-container button,body div.brlbs-cmpnt-container input,body div.brlbs-cmpnt-container optgroup,body div.brlbs-cmpnt-container select,body div.brlbs-cmpnt-container textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}body div.brlbs-cmpnt-container button:after,body div.brlbs-cmpnt-container button:before{content:none}body div.brlbs-cmpnt-container button,body div.brlbs-cmpnt-container select{text-transform:none}body div.brlbs-cmpnt-container [type=button],body div.brlbs-cmpnt-container [type=reset],body div.brlbs-cmpnt-container [type=submit],body div.brlbs-cmpnt-container button{-webkit-appearance:button}body div.brlbs-cmpnt-container ::-moz-focus-inner{border-style:none;padding:0}body div.brlbs-cmpnt-container :-moz-focusring{outline:1px dotted ButtonText}body div.brlbs-cmpnt-container :-moz-ui-invalid{box-shadow:none}body div.brlbs-cmpnt-container legend{padding:0}body div.brlbs-cmpnt-container progress{vertical-align:baseline}body div.brlbs-cmpnt-container ::-webkit-inner-spin-button,body div.brlbs-cmpnt-container ::-webkit-outer-spin-button{height:auto}body div.brlbs-cmpnt-container [type=search]{-webkit-appearance:textfield;outline-offset:-2px}body div.brlbs-cmpnt-container ::-webkit-search-decoration{-webkit-appearance:none}body div.brlbs-cmpnt-container ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}body div.brlbs-cmpnt-container summary{display:list-item}body div.brlbs-cmpnt-container blockquote,body div.brlbs-cmpnt-container dd,body div.brlbs-cmpnt-container dl,body div.brlbs-cmpnt-container figure,body div.brlbs-cmpnt-container h1,body div.brlbs-cmpnt-container h2,body div.brlbs-cmpnt-container h3,body div.brlbs-cmpnt-container h4,body div.brlbs-cmpnt-container h5,body div.brlbs-cmpnt-container h6,body div.brlbs-cmpnt-container hr,body div.brlbs-cmpnt-container p,body div.brlbs-cmpnt-container pre{margin:0}body div.brlbs-cmpnt-container button{background-color:transparent;background-image:none}body div.brlbs-cmpnt-container button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}body div.brlbs-cmpnt-container fieldset{margin:0;padding:0}body div.brlbs-cmpnt-container ol,body div.brlbs-cmpnt-container ul{list-style:none;margin:0;padding:0}body div.brlbs-cmpnt-container *,body div.brlbs-cmpnt-container :after,body div.brlbs-cmpnt-container :before{box-sizing:border-box;border-color:#e5e7eb;border-style:solid;border-width:0}body div.brlbs-cmpnt-container hr{border-top-width:1px}body div.brlbs-cmpnt-container img{border-style:solid}body div.brlbs-cmpnt-container textarea{resize:vertical}body div.brlbs-cmpnt-container input::-moz-placeholder,body div.brlbs-cmpnt-container textarea::-moz-placeholder{color:#9ca3af}body div.brlbs-cmpnt-container input::placeholder,body div.brlbs-cmpnt-container textarea::placeholder{color:#9ca3af}body div.brlbs-cmpnt-container [role=button],body div.brlbs-cmpnt-container button{curs
241or:pointer}body div.brlbs-cmpnt-container table{border-collapse:collapse}body div.brlbs-cmpnt-container h1,body div.brlbs-cmpnt-container h2,body div.brlbs-cmpnt-container h3,body div.brlbs-cmpnt-container h4,body div.brlbs-cmpnt-container h5,body div.brlbs-cmpnt-container h6{font-size:inherit;font-weight:inherit}body div.brlbs-cmpnt-container a{color:inherit;text-decoration:inherit}body div.brlbs-cmpnt-container button,body div.brlbs-cmpnt-container input,body div.brlbs-cmpnt-container optgroup,body div.brlbs-cmpnt-container select,body div.brlbs-cmpnt-container textarea{padding:0;line-height:inherit;color:inherit}body div.brlbs-cmpnt-container code,body div.brlbs-cmpnt-container kbd,body div.brlbs-cmpnt-container pre,body div.brlbs-cmpnt-container samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}body div.brlbs-cmpnt-container audio,body div.brlbs-cmpnt-container canvas,body div.brlbs-cmpnt-container embed,body div.brlbs-cmpnt-container iframe,body div.brlbs-cmpnt-container img,body div.brlbs-cmpnt-container object,body div.brlbs-cmpnt-container svg,body div.brlbs-cmpnt-container video{display:block;vertical-align:middle}body div.brlbs-cmpnt-container img,body div.brlbs-cmpnt-container video{max-width:100%;height:auto}body div.brlbs-cmpnt-container [multiple],body div.brlbs-cmpnt-container [type=date],body div.brlbs-cmpnt-container [type=datetime-local],body div.brlbs-cmpnt-container [type=email],body div.brlbs-cmpnt-container [type=month],body div.brlbs-cmpnt-container [type=number],body div.brlbs-cmpnt-container [type=password],body div.brlbs-cmpnt-container [type=search],body div.brlbs-cmpnt-container [type=tel],body div.brlbs-cmpnt-container [type=text],body div.brlbs-cmpnt-container [type=time],body div.brlbs-cmpnt-container [type=url],body div.brlbs-cmpnt-container [type=week],body div.brlbs-cmpnt-container select,body div.brlbs-cmpnt-container textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}body div.brlbs-cmpnt-container [multiple]:focus,body div.brlbs-cmpnt-container [type=date]:focus,body div.brlbs-cmpnt-container [type=datetime-local]:focus,body div.brlbs-cmpnt-container [type=email]:focus,body div.brlbs-cmpnt-container [type=month]:focus,body div.brlbs-cmpnt-container [type=number]:focus,body div.brlbs-cmpnt-container [type=password]:focus,body div.brlbs-cmpnt-container [type=search]:focus,body div.brlbs-cmpnt-container [type=tel]:focus,body div.brlbs-cmpnt-container [type=text]:focus,body div.brlbs-cmpnt-container [type=time]:focus,body div.brlbs-cmpnt-container [type=url]:focus,body div.brlbs-cmpnt-container [type=week]:focus,body div.brlbs-cmpnt-container select:focus,body div.brlbs-cmpnt-container textarea:focus{outline:2px solid transparent;outline-offset:2px;--brlbs-tw-ring-inset:var(--brlbs-tw-empty, );--brlbs-tw-ring-offset-width:0px;--brlbs-tw-ring-offset-color:#fff;--brlbs-tw-ring-color:#2563eb;--brlbs-tw-ring-offset-shadow:var(--brlbs-tw-ring-inset) 0 0 0 var(--brlbs-tw-ring-offset-width) var(--brlbs-tw-ring-offset-color);--brlbs-tw-ring-shadow:var(--brlbs-tw-ring-inset) 0 0 0 calc(1px + var(--brlbs-tw-ring-offset-width)) var(--brlbs-tw-ring-color);box-shadow:var(--brlbs-tw-ring-offset-shadow),var(--brlbs-tw-ring-shadow),var(--brlbs-tw-shadow,0 0 transparent);border-color:#2563eb}body div.brlbs-cmpnt-container input::-moz-placeholder,body div.brlbs-cmpnt-container textarea::-moz-placeholder{color:#6b7280;opacity:1}body div.brlbs-cmpnt-container input::placeholder,body div.brlbs-cmpnt-container textarea::placeholder{color:#6b7280;opacity:1}body div.brlbs-cmpnt-container ::-webkit-datetime-edit-fields-wrapper{padding:0}body div.brlbs-cmpnt-container ::-webkit-date-and-time-value{min-height:1.5em}body div.brlbs-cmpnt-container select{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20stroke%3D%22%236b7280%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m6%208%204%204%204-4%22%2F%3
241E%3C%2Fsvg%3E);background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}body div.brlbs-cmpnt-container [multiple]{background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}body div.brlbs-cmpnt-container [type=checkbox],body div.brlbs-cmpnt-container [type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px}body div.brlbs-cmpnt-container [type=checkbox]{border-radius:0}body div.brlbs-cmpnt-container [type=radio]{border-radius:100%}body div.brlbs-cmpnt-container [type=checkbox]:focus,body div.brlbs-cmpnt-container [type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--brlbs-tw-ring-inset:var(--brlbs-tw-empty, );--brlbs-tw-ring-offset-width:2px;--brlbs-tw-ring-offset-color:#fff;--brlbs-tw-ring-color:#2563eb;--brlbs-tw-ring-offset-shadow:var(--brlbs-tw-ring-inset) 0 0 0 var(--brlbs-tw-ring-offset-width) var(--brlbs-tw-ring-offset-color);--brlbs-tw-ring-shadow:var(--brlbs-tw-ring-inset) 0 0 0 calc(2px + var(--brlbs-tw-ring-offset-width)) var(--brlbs-tw-ring-color);box-shadow:var(--brlbs-tw-ring-offset-shadow),var(--brlbs-tw-ring-shadow),var(--brlbs-tw-shadow,0 0 transparent)}body div.brlbs-cmpnt-container [type=checkbox]:checked,body div.brlbs-cmpnt-container [type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}body div.brlbs-cmpnt-container [type=checkbox]:checked{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M12.207%204.793a1%201%200%200%201%200%201.414l-5%205a1%201%200%200%201-1.414%200l-2-2a1%201%200%200%201%201.414-1.414L6.5%209.086l4.293-4.293a1%201%200%200%201%201.414%200%22%2F%3E%3C%2Fsvg%3E)}body div.brlbs-cmpnt-container [type=radio]:checked{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E)}body div.brlbs-cmpnt-container [type=checkbox]:checked:focus,body div.brlbs-cmpnt-container [type=checkbox]:checked:hover,body div.brlbs-cmpnt-container [type=radio]:checked:focus,body div.brlbs-cmpnt-container [type=radio]:checked:hover{border-color:transparent;background-color:currentColor}body div.brlbs-cmpnt-container [type=checkbox]:indeterminate{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M4%208h8%22%2F%3E%3C%2Fsvg%3E);border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}body div.brlbs-cmpnt-container [type=checkbox]:indeterminate:focus,body div.brlbs-cmpnt-container [type=checkbox]:indeterminate:hover{border-color:transparent;background-color:currentColor}body div.brlbs-cmpnt-container [type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}:root{--brlbs-tw-border-spacing-x:0;--brlbs-tw-border-spacing-y:0;--brlbs-tw-translate-x:0;--brlbs-tw-translate-y:0;--brlbs-tw-rotate:0;--brlbs-tw-skew-x:0;--brlbs-tw-skew-y:0;--brlbs-tw-scale-x:1;--brlbs-tw-scale-y:1;--brlbs-tw-pan-x:;--brlbs-tw-pan-y:;--brlbs-tw-pinch-zoom:;--brlbs-tw-scroll-snap-strictness:proximity;--brlbs-tw-gradient-from-position:;
241--brlbs-tw-gradient-via-position:;--brlbs-tw-gradient-to-position:;--brlbs-tw-ordinal:;--brlbs-tw-slashed-zero:;--brlbs-tw-numeric-figure:;--brlbs-tw-numeric-spacing:;--brlbs-tw-numeric-fraction:;--brlbs-tw-ring-inset:;--brlbs-tw-ring-offset-width:0px;--brlbs-tw-ring-offset-color:#fff;--brlbs-tw-ring-color:rgba(59,130,246,.5);--brlbs-tw-ring-offset-shadow:0 0 #0000;--brlbs-tw-ring-shadow:0 0 #0000;--brlbs-tw-shadow:0 0 #0000;--brlbs-tw-shadow-colored:0 0 #0000;--brlbs-tw-blur:;--brlbs-tw-brightness:;--brlbs-tw-contrast:;--brlbs-tw-grayscale:;--brlbs-tw-hue-rotate:;--brlbs-tw-invert:;--brlbs-tw-saturate:;--brlbs-tw-sepia:;--brlbs-tw-drop-shadow:;--brlbs-tw-backdrop-blur:;--brlbs-tw-backdrop-brightness:;--brlbs-tw-backdrop-contrast:;--brlbs-tw-backdrop-grayscale:;--brlbs-tw-backdrop-hue-rotate:;--brlbs-tw-backdrop-invert:;--brlbs-tw-backdrop-opacity:;--brlbs-tw-backdrop-saturate:;--brlbs-tw-backdrop-sepia:;--brlbs-tw-contain-size:;--brlbs-tw-contain-layout:;--brlbs-tw-contain-paint:;--brlbs-tw-contain-style:}::backdrop{--brlbs-tw-border-spacing-x:0;--brlbs-tw-border-spacing-y:0;--brlbs-tw-translate-x:0;--brlbs-tw-translate-y:0;--brlbs-tw-rotate:0;--brlbs-tw-skew-x:0;--brlbs-tw-skew-y:0;--brlbs-tw-scale-x:1;--brlbs-tw-scale-y:1;--brlbs-tw-pan-x:;--brlbs-tw-pan-y:;--brlbs-tw-pinch-zoom:;--brlbs-tw-scroll-snap-strictness:proximity;--brlbs-tw-gradient-from-position:;--brlbs-tw-gradient-via-position:;--brlbs-tw-gradient-to-position:;--brlbs-tw-ordinal:;--brlbs-tw-slashed-zero:;--brlbs-tw-numeric-figure:;--brlbs-tw-numeric-spacing:;--brlbs-tw-numeric-fraction:;--brlbs-tw-ring-inset:;--brlbs-tw-ring-offset-width:0px;--brlbs-tw-ring-offset-color:#fff;--brlbs-tw-ring-color:rgba(59,130,246,.5);--brlbs-tw-ring-offset-shadow:0 0 #0000;--brlbs-tw-ring-shadow:0 0 #0000;--brlbs-tw-shadow:0 0 #0000;--brlbs-tw-shadow-colored:0 0 #0000;--brlbs-tw-blur:;--brlbs-tw-brightness:;--brlbs-tw-contrast:;--brlbs-tw-grayscale:;--brlbs-tw-hue-rotate:;--brlbs-tw-invert:;--brlbs-tw-saturate:;--brlbs-tw-sepia:;--brlbs-tw-drop-shadow:;--brlbs-tw-backdrop-blur:;--brlbs-tw-backdrop-brightness:;--brlbs-tw-backdrop-contrast:;--brlbs-tw-backdrop-grayscale:;--brlbs-tw-backdrop-hue-rotate:;--brlbs-tw-backdrop-invert:;--brlbs-tw-backdrop-opacity:;--brlbs-tw-backdrop-saturate:;--brlbs-tw-backdrop-sepia:;--brlbs-tw-contain-size:;--brlbs-tw-contain-layout:;--brlbs-tw-contain-paint:;--brlbs-tw-contain-style:}.brlbs-cmpnt-container .brlbs-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.brlbs-cmpnt-container .\!brlbs-hidden{display:none!important}.brlbs-cmpnt-container .brlbs-overflow-auto{overflow:auto}.brlbs-cmpnt-container .brlbs-overflow-hidden{overflow:hidden}.brlbs-cmpnt-container .brlbs-pt-4{padding-top:16px}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker{container-name:brlbsCmpntContentBlocker;container-type:inline-size;line-height:1.25em;height:100%;font-size:var(--content-blocker-font-size);font-family:var(--content-blocker-font-family)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a{color:var(--content-blocker-link-color)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a:hover{color:var(--content-blocker-link-color-hover)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-cb-card,body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-cb-provider-card{container-type:normal}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-dialog-cb-details{position:relative;padding:16px;text-align:left}@media(min-width:768px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-dialog-cb-details{padding:24px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-dialog-cb-header{display:flex;align-items:center}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-dialog-cb-header.brlbs-cmpnt-with-separator{margin-bottom:16px;border-bottom-width:1px;border-style:solid;padding-bottom:16px}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-dialog-cb-button{display:flex;padding-bottom:16px}@media(min-width:768px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-dialog-cb-button{padding-bottom:24px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a{align-items:center;justify-content:center;padding:16px;text-align:center;background:var(--content-blocker-background-color);border-top-left-radius:var(--content-blocker-border-radius-top-left);border-top-right-radius:var(--content-blocker-border-radius-top-right);border-bottom-left-radius:var(--content-blocker-border-radius-bottom-left);border-bottom-right-radius:var(--content-blocker-border-radius-bottom-right);color:var(--content-blocker-text-color)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a .brlbs-cmpnt-cb-description{padding-bottom:8px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a .brlbs-cmpnt-cb-description{padding-bottom:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a .brlbs-cmpnt-cb-description{border-color:var(--content-blocker-separator-color);border-style:solid;border-bottom-width:var(--content-blocker-separator-width)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a .brlbs-cmpnt-cb-description strong{font-weight:700}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b{position:relative;display:flex;height:100%;padding-top:96px;padding-bottom:96px;text-align:center;background:var(--content-blocker-background-color);border-top-left-radius:var(--content-blocker-border-radius-top-left);border-top-right-radius:var(--content-blocker-border-radius-top-right);border-bottom-left-radius:var(--content-blocker-border-radius-bottom-left);border-bottom-right-radius:var(--content-blocker-border-radius-bottom-right);color:var(--content-blocker-text-color);width:100%}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main{position:relative;display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main{flex-direction:row;gap:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main{background:var(--content-blocker-background);color:var(--content-blocker-text-color)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-content{flex-basis:66.666667%}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-description{padding-bottom:8px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-description{padding-bottom:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-description strong{font-weight:700}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-buttons{margin:0;display:flex;flex-basis:33.333333%;flex-direction:column;align-items:stretch;justify-content:center;gap:8px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-buttons{gap:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c{position:relative;display:flex;height:100%;text-align:center;background:var(--content-blocker-background-color);border-top-left-radius:var(--content-blocker-border-radius-top-left);border-top-right-radius:var(--content-blocker-border-radius-top-right);border-bottom-left-radius:var(--content-blocker-border-radius-bottom-left);border-bottom-right-radius:var(--content-blocker-border-radius-bottom-right);color:var(--content-blocker-text-color);width:100%}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{position:relative;margin:48px;display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{margin:96px;
241gap:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{background:var(--content-blocker-background);border-top-left-radius:var(--content-blocker-border-radius-top-left);border-top-right-radius:var(--content-blocker-border-radius-top-right);border-bottom-left-radius:var(--content-blocker-border-radius-bottom-left);border-bottom-right-radius:var(--content-blocker-border-radius-bottom-right);color:var(--content-blocker-text-color)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-description{padding-bottom:8px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-description{padding-bottom:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-description strong{font-weight:700}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-buttons{margin:0;display:flex;width:100%;flex-direction:column;align-items:stretch;justify-content:center;gap:8px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-buttons{gap:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-play-button{border-radius:50%;background:#fff;box-shadow:0 1px 5px #00000026;width:34px;height:34px;margin:0 auto;display:flex;align-items:center;justify-content:center;position:absolute;top:-17px;left:calc(50% - 17px)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-play-button:before{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2278%22%20height%3D%2278%22%20viewBox%3D%220%200%2078%2078%22%3E%3Cpath%20d%3D%22M7.5%2071.5v-64l48%2030.328z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2212%22%20d%3D%22M7.5%2071.5v-64l48%2030.328z%22%2F%3E%3C%2Fsvg%3E) no-repeat 50%;background-size:contain;content:" ";margin-left:4px;display:inline-block;height:1.142857143em;width:.857142857em}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-thumbnail{position:absolute;top:0;left:0;height:100%;width:100%;background-size:cover;background-position:50%;border-top-left-radius:var(--content-blocker-border-radius-top-left);border-top-right-radius:var(--content-blocker-border-radius-top-right);border-bottom-left-radius:var(--content-blocker-border-radius-bottom-left);border-bottom-right-radius:var(--content-blocker-border-radius-bottom-right)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons{margin-top:8px;margin-bottom:8px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:8px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons{margin-top:16px;margin-bottom:16px;flex-direction:row;gap:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons .brlbs-cmpnt-cb-btn{display:flex;width:100%;align-items:center;justify-content:center;text-decoration-line:none}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d){position:fixed;height:auto}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[top-left\]),body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[top-right\]){top:var(--content-blocker-icon-margin)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[bottom-left\]),body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[bottom-right\]){bottom:var(--content-blocker-icon-margin)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[bottom-right\]),body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[top-right\]){right:calc(var(--content-blocker-icon-width) + var(--content-blocker-icon-margin))}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[bottom-left\]),body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[top-left\]){left:var(--content-blocker-icon-margin)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-display\[flex\]){position:relative;display:inline-block;display:flex}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[float-left\]){float:left}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[float-right\]){float:right}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-d .brlbs-cmpnt-cb-icon{display:inline-block;height:var(--content-blocker-icon-height);width:var(--content-blocker-icon-width)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-description-list{display:table}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-description-list>div{display:table-row}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-description-list dt{font-weight:700}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-description-list dd,body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-description-list dt{display:table-cell;padding:2px 4px}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn{all:unset;box-sizing:border-box;
241cursor:pointer;align-items:center;justify-content:center;padding:12px 20px;text-align:center;font-size:var(--dialog-font-size);line-height:calc(1.5 * var(--dialog-font-size));font-weight:600;text-decoration-line:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.4s;border-top-left-radius:var(--content-blocker-button-border-radius-top-left);border-top-right-radius:var(--content-blocker-button-border-radius-top-right);border-bottom-left-radius:var(--content-blocker-button-border-radius-bottom-left);border-bottom-right-radius:var(--content-blocker-button-border-radius-bottom-right);background-color:var(--content-blocker-button-color);color:var(--content-blocker-button-text-color)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn:hover{background-color:var(--content-blocker-button-color-hover);color:var(--content-blocker-button-text-color-hover)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn:active,body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn:focus{outline:2px solid transparent;outline-offset:2px;--brlbs-tw-ring-offset-shadow:var(--brlbs-tw-ring-inset) 0 0 0 var(--brlbs-tw-ring-offset-width) var(--brlbs-tw-ring-offset-color);--brlbs-tw-ring-shadow:var(--brlbs-tw-ring-inset) 0 0 0 calc(2px + var(--brlbs-tw-ring-offset-width)) var(--brlbs-tw-ring-color);box-shadow:var(--brlbs-tw-ring-offset-shadow),var(--brlbs-tw-ring-shadow),var(--brlbs-tw-shadow,0 0 #0000)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-provider-toggle{all:unset;box-sizing:border-box;color:var(--content-blocker-link-color);cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration-line:none}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-provider-toggle:hover{all:unset;box-sizing:border-box;color:var(--content-blocker-link-color-hover);cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration-line:none}@container brlbsCmpntContentBlocker (480px <= width < 620px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b{padding-top:12%;padding-bottom:12%}}@container brlbsCmpntContentBlocker (width < 480px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b{padding:0}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main{margin:6%;flex-direction:column;gap:8px;justify-content:normal;overflow:auto}}@container brlbsCmpntContentBlocker (640px <= width < 750px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{margin:10%!important}}@container brlbsCmpntContentBlocker (540px <= width < 640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{margin:6%!important}}@container brlbsCmpntContentBlocker (width < 540px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker{position:static}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{gap:8px;margin:6%!important;justify-content:normal;overflow:auto}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main .brlbs-cmpnt-cb-play-button{display:none}}@container brlbsCmpntContentBlocker (width < 375px){.wp-embed-aspect-16-9 .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main,.wp-embed-aspect-16-9 .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{height:100%;justify-content:normal;overflow:auto}.wp-embed-aspect-16-9 .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main .brlbs-cmpnt-cb-play-button,.wp-embed-aspect-16-9 .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main .brlbs-cmpnt-cb-play-button{display:none}}.wp-embed-aspect-16-9:has(.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker) div.wp-block-embed__wrapper{padding:0}.wp-embed-aspect-16-9:has(.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker) div.wp-block-embed__wrapper:before{padding:0}#BorlabsCookieBox,.brlbs-cmpnt-container{font-family:var(--dialog-font-family);font-weight:400;line-height:calc(1.2 * var(--dialog-font-size))}body .brlbs-cmpnt-container.brlbs-cmpnt-shortcode-element{container-name:brlbsCmpntShortcodeElement;container-type:inline-size;line-height:1.25em;height:100%}body .brlbs-cmpnt-container.brlbs-cmpnt-shortcode-element .brlbs-cmpnt-description-list{display:table}body .brlbs-cmpnt-container.brlbs-cmpnt-shortcode-element .brlbs-cmpnt-description-list>div{display:table-row}body .brlbs-cmpnt-container.brlbs-cmpnt-shortcode-element .brlbs-cmpnt-description-list dt{font-weight:700}body .brlbs-cmpnt-container.brlbs-cmpnt-shortcode-element .brlbs-cmpnt-description-list dd,body .brlbs-cmpnt-container.brlbs-cmpnt-shortcode-element .brlbs-cmpnt-description-list dt{display:table-cell;padding:2px 4px}
242body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-facebook-bricks .brlbs-cmpnt-cb-btn {
243	background: #4267b2; /* new color: #1b74e4;*/
244	border-radius: 6px;
245}
246
247body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-facebook-bricks .brlbs-cmpnt-cb-btn:hover {
248	background: #3b5998; /* new color: #356cd1;*/
249}
250
251body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-facebook-bricks .brlbs-cmpnt-cb-thumbnail {
252	background-position: center 0;
253}body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-google-maps-bricks .brlbs-cmpnt-cb-btn {
254	background: #4285f4;
255	border-radius: 3px;
256}
257
258body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-google-maps-bricks .brlbs-cmpnt-cb-btn:hover {
259	background: #fff;
260	color: #4285f4;
261}@container brlbsCmpntContentBlocker (width >= 480px) {
262	body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id="bricks-turnstile"] {
263		max-height: 150px;
264	}
265	
266	body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id="bricks-turnstile"] > div {
267		padding-bottom: 0;
268        padding-top: 0;
269	}
270}
271
272body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-bricks-turnstile .brlbs-cmpnt-cb-thumbnail {
273	background-size: contain;
274	background-repeat: no-repeat;
275	background-position: top left;
276}@container brlbsCmpntContentBlocker (width >= 480px) {
277	body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-bricks-recaptcha {
278		max-height: 150px;
279	}
280}
281
282body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-bricks-recaptcha .brlbs-cmpnt-cb-thumbnail {
283	background-size: contain;
284	background-repeat: no-repeat;
285	background-position: top left;
286}.brlbs-cmpnt-cb-fluid-width-video-wrapper-vimeo{aspect-ratio: 16/9;position:relative;width:100%}.brlbs-cmpnt-cb-fluid-width-video-wrapper-vimeo iframe{position:absolute;top:0;left:0;width:100%;height:100%}
287
288body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-vimeo .brlbs-cmpnt-cb-btn {
289	background: #00adef;
290	border-radius: 9999px;
291}
292
293body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-vimeo .brlbs-cmpnt-cb-btn:hover {
294	background: #fff;
295	color: #00adef;
296}.brlbs-cmpnt-cb-fluid-width-video-wrapper-youtube{aspect-ratio: 16/9;position:relative;width:100%}.brlbs-cmpnt-cb-fluid-width-video-wrapper-youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%}
297
298body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-youtube .brlbs-cmpnt-cb-btn {
299	background: #ff0000;
300	border-radius: 20px;
301}
302
303body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-youtube .brlbs-cmpnt-cb-btn:hover {
304	background: #fff;
305	color: red;
306}.brxe-map-leaflet:has(.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id="osm-bricks"]) {
307    position: relative;
308}
309.brxe-map-leaflet div.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id="osm-bricks"] {
310	position: absolute;
311	top: 0;
312	left: 0;
313	width: 100%;
314	height: 100%;
315}
316
317.brlbs-cmpnt-cb-osm-bricks {
318	padding-top: 0;
319	padding-bottom: 0;
320}
321
322.brlbs-cmpnt-cb-osm-bricks .brlbs-cmpnt-cb-main {
323	margin-top: auto;
324	margin-bottom: auto;
325}:root{--content-blocker-background-color: #fafafa;
326--content-blocker-button-color: #0063e3;
327--content-blocker-button-color-hover: #1a66ff;
328--content-blocker-button-text-color: #fff;
329--content-blocker-button-text-color-hover: #fff;
330--content-blocker-font-family: inherit;
331--content-blocker-link-color: #2563eb;
332--content-blocker-link-color-hover: #1e40af;
333--content-blocker-separator-color: #e5e5e5;
334--content-blocker-text-color: #555;
335--content-blocker-border-radius-top-left: 4px;
336--content-blocker-border-radius-top-right: 4px;
337--content-blocker-border-radius-bottom-left: 4px;
338--content-blocker-border-radius-bottom-right: 4px;
339--content-blocker-button-border-radius-top-left: 4px;
340--content-blocker-button-border-radius-top-right: 4px;
341--content-blocker-button-border-radius-bottom-left: 4px;
342--content-blocker-button-border-radius-bottom-right: 4px;
343--content-blocker-font-size: 14px;
344--content-blocker-separator-width: 1px;
345--content-blocker-background-opacity: 0.85;
346--content-blocker-background: rgba(250, 250, 250 ,0.85);
347}
348
349/*# sourceURL=borlabs-cookie-critical-inline-css */
350</style>
351<link onload="this.media='all';this.onload=null" data-borlabs-cookie-deferred-style="1" rel='stylesheet' id='borlabs-cookie-custom-css' href='https://www.meetyu.app/wp-content/cache/borlabs-cookie/1/borlabs-cookie-1-en.css' media="print" />
352<noscript><link rel='stylesheet' id='borlabs-cookie-custom-css' href='https://www.meetyu.app/wp-content/cache/borlabs-cookie/1/borlabs-cookie-1-en.css' media='all' />
353</noscript>
354<link rel='stylesheet' id='automaticcss-bricks-css' href='https://www.meetyu.app/wp-content/uploads/automatic-css/automatic-bricks.
354css' media='all' />
355<link rel='stylesheet' id='color-scheme-switcher-frontend-css' href='https://www.meetyu.app/wp-content/plugins/automaticcss-plugin/classes/Features/Color_Scheme_Switcher/css/frontend.css' media='all' />
356<style id="bricks-frontend-inline-inline-css">
357.dwc-nest-header.brxe-section {flex-direction: column; padding-top: 0; padding-right: var(--header-inline-padding); padding-bottom: 0; padding-left: var(--header-inline-padding)}.dwc-nest-header{ background-color: var(--header-bg); transition: opacity 0.1s}html:not(.dwc-mobile) .bricks-is-frontend .dwc-nest-header[data-fix-centered-logo-fouc="true"]:not(.dwc-nest-header:has(.dwc-logo-is-centered)){ opacity: 0;}@media (max-width: 991px) {.dwc-nest-header.brxe-section {padding-right: 0; padding-left: 0}}@media (max-width: 767px) {.dwc-nest-header.brxe-section {flex-wrap: nowrap}}.dwc-nest-header__container.brxe-container {min-height: var(--header-min-height)}@media (max-width: 991px) {.dwc-nest-header__container.brxe-container {padding-right: var(--menu-item-inline-padding); padding-left: var(--menu-item-inline-padding)}}.dwc-nest-menu__logo.brxe-div {padding-top: 0.8rem; padding-bottom: 0.8rem; display: flex; align-items: center; justify-content: flex-start}:where(.brx-header-left, .brx-header-right) .dwc-nest-menu__logo{ padding-inline: var(--menu-item-inline-padding)}.dwc-menu-wrap.brxe-div {display: flex; justify-content: center}.dwc-nest-menu.brxe-nav-nested .brx-submenu-toggle button[aria-expanded] > * {transition: 0.25s !important}.dwc-nest-menu.brxe-nav-nested .brx-submenu-toggle button[aria-expanded="true"] > * {transform: rotateZ(180deg)}.dwc-nest-menu{ --global-width: attr(data-global-content-width px)}@media (min-width:1201px) { .dwc-nest-toggle--open:not(body:has([data-offcanvas="true"]) .dwc-nest-toggle--open){ display: none } }.dwc-mobile .dwc-nav-wrapper:not(.show-nav .dwc-nav-wrapper){ display: none;}:is(.brx-header-left, .brx-header-right).bricks-is-frontend .dwc-nav-wrapper:not(.sidebar-ready .dwc-nav-wrapper){ display: none;} .dwc-nav-wrapper:not(:is(.dwc-mobile, [data-offcanvas="true"]) .dwc-nav-wrapper){ transition-duration: 0s;}.dwc-nest-menu-top{ transition: 0.4s 0.1s;} .dwc-nest-menu-top:not(:is(.dwc-mobile, [data-offcanvas="true"], .brx-header-left, .brx-header-right) .dwc-nest-menu-top){ transition-duration: 0s;}.dwc-nest-menu__mobile-logo.brxe-div {display: flex; justify-content: flex-start; align-items: center; padding-top: 0.5rem; padding-right: var(--menu-item-inline-padding); padding-bottom: 0.5rem; padding-left: var(--menu-item-inline-padding); height: var(--dwc-nest-header-height); max-width: 75%}.dwc-nest-nav-top-link.brxe-dropdown > .brx-dropdown-content {transform: translateY(-15px) scaleX(0.95) scaleY(0.95)}.dwc-nest-nav-list.brxe-div {flex-wrap: wrap; justify-content: flex-start; margin-top: 0; margin-bottom: 0; padding-left: 0}.dwc-nest-nav-list{container-type: inline-size; background-color: var(--dropdown-content-bg)}@media (max-width: 991px) {.dwc-nest-nav-list.brxe-div {flex-wrap: nowrap}}.mega-menu-quantum__content-inner.brxe-block {display: grid; align-items: initial; grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr)); grid-gap: 1rem; margin-right: auto; margin-left: auto; max-width: 1200px; background-color: #ffffff}.mega-menu-quantum__content-inner{ padding-block: 1rem; container-type: inline-size;}html:not(.dwc-mobile) .dwc-stripe-style .mega-menu-quantum__content-inner{ border-radius: var(--stripe-border-radius)}@container (inline-size < 768px) { .mega-menu-quantum__content-inner{grid-template-columns: repeat(auto-fill, minmax(min(400px, 100%), 1fr)) !important } }@media (max-width: 991px) {.mega-menu-quantum__content-inner.brxe-block {grid-gap: 0px}}.mega-menu-quantum__content-group.brxe-block {align-items: stretch; background-color: var(--neutral-ultra-light); padding-top: 2rem; padding-right: 1rem; padding-bottom: 2rem; padding-left: 1rem; border-radius: 1rem; justify-content: center; align-self: stretch !important; width: 100%; row-gap: 2rem}.mega-menu-quantum__content-group{ flex-wrap: nowrap !important; padding: 1rem}@container (width > 1041px) { .mega-menu-quantum__content-group{ border-right: 1px solid lightgray; border-left: 1px solid lightgray; border-top: 1px solid lightgray; border-bottom: 1px solid lightgray; }}@media (max-width: 1200px) {.mega-menu-quantum__content-group.brxe-block {margin-top: 3rem}}.mega-menu-quantum__dropdown-title.brxe-text-basic {text-transform: capitalize; font-weight: 600; text-align: center; font-size: var(--text-m); color: var(--neutral-ultra-dark)}.mega-menu-quantum__dropdown-title{ color:var(--dropdown-heading-clr)}.mega-menu-quantum__txt.brxe-text-basic {font-size: var(--text-xs); text-align: justify; color: var(--neutral-semi-dark); margin-right: 1rem; margin-bottom: 1rem; margin-left: 1rem}.mega-menu-quantum__txt{ font-size: 12px; font-weight: 500;}.mega-menu-quantum__btn.brxe-button {padding-top: 8px; padding-right: 16px; padding-bottom: 8px; padding-left: 16px; color: var(--white); font-weight: 500; font-size: var(--text-m); background-color: var(--primary)}.mega-menu-quantum__btn.brxe-button:hover {background-color: var(--primary-semi-light)}.h-ruled-grid { --gap: 2em; --line-thickness: 1px; --line-color: #d5d5d5; --line-offset: calc(var(--gap) / 10); gap: var(--gap); overflow: hidden; } .h-ruled-grid > div { position: relative;} .h-ruled-grid > div::before, .h-ruled-grid > div::after { content: ""; background-color: var(--line-color); position: absolute;} .h-ruled-grid > div::before { width: var(--line-thickness); height: 100%; inset-block: 19px; left: calc(var(--line-offset) * -1);} .h-ruled-grid > div::after { width: 100vw; height: var(--line-thickness); top: calc(var(--line-offset) * -1); left: 0;} .h-ruled-grid > div:last-child::before,.h-ruled-grid > div:last-child::after{ display: none;}.mega-menu-quantum__nav-group.brxe-block {row-gap: 0.5rem; flex-direction: column; align-items: center}.mega-menu-quantum__nav-group{ flex-wrap: nowrap !important; padding: 1rem; position: relative;}.mega-menu-heading1.brxe-heading {font-size: var(--text-m); color: var(--neutral); text-align: center; padding-top: 5px; padding-bottom: 5px; margin-top: 1rem}.header-feature-block-container.brxe-block {margin-top: 1rem}.header-feature-block1.brxe-block {width: var(--width-s); border-radius: 20px; padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; align-items: center; justify-content: center; height: 17rem; background-image: linear-gradient(120deg, var(--primary), var(--primary-semi-dark))}.header-feature-icon1.brxe-icon {font-size: 3rem; color: var(--white); fill: var(--white)}.header-feature-heading1.brxe-heading {font-size: var(--text-xs); color: var(--white); font-weight: 600; text-align: center; margin-bottom: -5px}.header-feature-text1.brxe-text-basic {font-size: var(--text-xs); color: var(--white); text-align: center}.mega-menu-quantum__link.brxe-button {font-size: var(--text-m); margin-top: 2rem}.mega-menu-quantum__link{padding-inline:0rem;padding-block: 0.5rem; font-weight:600; color: var(--menu-item-clr); display: flex; align-items: baseline; letter-spacing: 0;}.mega-menu-quantum__link::after { content: ""; position: absolute; inset: 0; cursor: pointer !important; display: flex; z-index: 1;} .mega-menu-quantum__link:hover{ color: var(--menu-item-hover-clr)} .mega-menu-quantum__link i{ transition: transform 0.25s} .mega-menu-quantum__link:hover i{ transform: translateX(0.25em)}.top-level-block-crisis.brxe-block {padding-top: 1rem; padding-bottom: 1rem}@media (max-width: 1200px) {.top-level-block-crisis :nth-child(3) { grid-column: 3 / 4; grid-row: 1 / 2;}}.block-meetyu-header-org-crisis.brxe-block {width: 25rem; row-gap: 10px; align-items: center; justify-content: flex-start; flex-direction: row}@media (max-width: 1200px) {.block-meetyu-header-org-crisis.brxe-block {width: 15rem; flex-direction: column; align-self: center !important; justify-content: center; align-items: center}}.icon-meetyu-header-org-crisis.brxe-icon {font-size: 4rem; color: #db2323}@media (max-width: 991px) {.icon-meetyu-header-org-crisis.brxe-icon {text-align: center}}.text-meetyu-header-crisis.brxe-text-basic {font-size: var(--text-s); color: var(--neutral); font-weight: 400}@media (max-width: 1200px) {.text-meetyu-header-crisis.brxe-text-basic {text-align: center}}@media (max-width: 991px) {.text-meetyu-header-crisis.brxe-text-basic {align-self: center; font-size: var(--text-xs)}}.block-crisis-results.brxe-block {padding-top: 1rem; padding-right: 2rem; padding-bottom: 1rem; padding-left: 2rem; background-color: #db2323; border-radius: 1.5rem; flex-direction: row; align-self: center !important; justify-content: center; align-items: center; row-gap: 10px; width: var(--width-m)}.header-feature-block-green.brxe-block {background-image: linear-gradient(120deg, #287d26, #4fb530); box-shadow: -1px 2px 10px 0 #41b93c}.mega-menu-nav-icon.brxe-icon {color: var(--primary); fill: var(--primary); font-size: var(--text-xxl); margin-top: 2rem}.fb-archive-hero-01.brxe-section {background-color: var(--white); position: relative; overflow: hidden; z-index: 1; margin-bottom: 5rem}@media (max-width: 767px) {.fb-archive-hero-01.brxe-section {margin-bottom: 7rem}}@media (max-width: 478px) {.fb-archive-hero-01.brxe-section {margin-bottom: 10rem}}.fb-archive-hero-01__container.brxe-container {align-items: center; text-align: center; row-gap: var(--space-s); position: relative; margin-top: 3rem}@media (max-width: 767px) {.fb-archive-hero-01__container.brxe-container {margin-top: 5rem}}@media (max-width: 478px) {.fb-archive-hero-01__container.brxe-container {margin-top: 7rem}}.fb-bread-01.brxe-breadcrumbs .item[aria-current="page"] {color: var(--neutral-dark)}.fb-bread-01.brxe-breadcrumbs {font-size: var(--text-s)}.fb-bread-01 .separator{opacity:.5;color:var(--primary)} .fb-bread-01 a{transition:color .3s,background-color .3s;padding:.3em .5em;border:solid 2px var(--primary);border-radius:.3em} .fb-bread-01 a:hover{color:var(--white);background:var(--primary)} .fb-bread-01 a:focus-visible{color:var(--white);background:var(--primary)}.hero-42__container-info.brxe-block {width: var(--width-xl); flex-direction: column; row-gap: var(--space-m); align-items: center}.hero-42__inner-container-info.brxe-block {align-items: center; flex-direction: column; row-gap: var(--space-xs)}.meetyu-heading-white-bg.brxe-post-title {font-size: var(--text-xxl)}.meetyu-tagline-white-bg.brxe-text-basic {order: -1; font-size: var(--text-m); color: var(--neutral); text-align: center}.meetyu-description-white-bg.brxe-text-basic {width: var(--width-m); text-align: center; color: var(--neutral)}.meetyu-description-white-bg.brxe-text {width: var(--width-m); text-align: center; color: var(--neutral)}.meetyu-description-white-bg.brxe-text a {text-align: center; color: var(--neutral); font-size: inherit}.fb-secside.brxe-section {background-color: var(--primary-semi-dark)}.fb-secside__container.brxe-container {display: grid; align-items: initial; grid-gap: var(--grid-gap); grid-template-columns: 1fr 3fr}@media (max-width: 767px) {.fb-secside__container.brxe-container {grid-template-columns: minmax(0, 1fr)}.fb-secside__container .fb-secside__main{ order: -1;}}.fb-secside__container--inv.brxe-container {grid-template-columns: 3fr 1fr}@media (max-width: 767px) {.fb-secside__container--inv.brxe-container {grid-template-columns: minmax(0, 1fr)}}.fb-secside__main.brxe-block {row-gap: var(--space-l); padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; border-radius: 1.5rem}.fb-grid-blog.brxe-block {display: grid; align-items: initial; grid-template-columns: var(--grid-2); grid-gap: var(--space-s)}@media (max-width: 767px) {.fb-grid-blog.brxe-block {grid-template-columns: var(--grid-1)}}.fb-blog-card-01.brxe-block {border: 1px solid var(--base-light); border-radius: 1.5rem; overflow: hidden; position: relative; z-index: 1; background-color: var(--base)}.fb-blog-card-01{--max-height-excerpt:6em;contain:layout paint}@media (min-width:768px){.fb-blog-card-01__excerpt{display:block;max-height:0;opacity:0}
357:is(.fb-blog-card-01:hover,.fb-blog-card-01:focus-within) .fb-blog-card-01__excerpt{opacity:1;max-height:var(--max-height-excerpt)}:is(.fb-blog-card-01:hover,.fb-blog-card-01:focus-within) .fb-blog-card-01__content{gap:var(--space-s)}:is(.fb-blog-card-01:hover,.fb-blog-card-01:focus-within) .fb-blog-card-01__image{transform:scale(1.2);opacity:.5} .fb-blog-card-01__excerpt{transition:opacity .4s,max-height .6s} .fb-blog-card-01__image{transition:transform .4s,opacity .4s} .fb-blog-card-01__content{transition:gap .2s}@media (prefers-reduced-motion:reduce){.fb-blog-card-01__excerpt,.fb-blog-card-01__image,.fb-blog-card-01__content{transition:none}}}.fb-blog-card-01--first-2col:first-child{ grid-column: span 2;} .fb-blog-card-01--first-2col:first-child .fb-blog-card-01__header{ height: 350px;}@media (max-width: 767px) {.fb-blog-card-01--first-2col:first-child{ grid-column: span 1;}.fb-blog-card-01--first-2col:first-child .fb-blog-card-01__header{ height: 250px;}}.fb-blog-card-01__top.brxe-block {position: relative}.fb-blog-card-01__header.brxe-block {overflow: hidden; position: relative; z-index: 2; height: 250px; justify-content: flex-end; padding-top: .5rem; padding-right: .5rem; padding-bottom: 0; padding-left: 0; margin-bottom: 100px}.fb-blog-card-01__header{contain:layout paint}@media (max-width: 767px) {.fb-blog-card-01__header.brxe-block {margin-bottom: 0}}.fb-blog-card-01__date.brxe-block {position: absolute; top: 0px; right: 0px; width: 7rem; align-items: center; height: 7rem; background-color: var(--primary-trans-80); justify-content: center; border-bottom-left-radius: 1.5rem}.fb-blog-card-01__day.brxe-text-basic {margin-bottom: 0; color: var(--white); font-weight: 500; line-height: 1em; font-size: var(--text-s)}.fb-blog-card-01__month.brxe-text-basic {line-height: 1em; color: var(--white); font-size: var(--text-m); font-weight: 300; margin-top: 1rem}.fb-blog-card-01__image.brxe-image:not(.tag), .fb-blog-card-01__image.brxe-image img {object-fit: cover}.fb-blog-card-01__image.brxe-image {position: absolute; top: 0px; left: 0px; z-index: -1; width: 100%; height: 100%}.fb-blog-card-01__content.brxe-block {padding-top: var(--space-s); padding-right: var(--space-s); padding-bottom: var(--space-s); padding-left: var(--space-s); background-color: var(--white); position: absolute; left: 0px; z-index: 2; bottom: 0px; min-height: 100px; row-gap: 0px}@media (max-width: 767px) {.fb-blog-card-01__content.brxe-block {row-gap: var(--space-xs); position: relative}}.fb-blog-card-01__categories.brxe-div {background-color: var(--primary-trans-80); color: var(--white); font-size: var(--text-s); font-weight: 500; position: absolute; z-index: 2; transition: color .3s, background-color .3s; padding-top: 1.2rem; padding-right: 1rem; padding-bottom: 1.2rem; padding-left: 1rem; bottom: 100%; left: 0px; border-top-right-radius: 1.5rem}.fb-blog-card-01__categories.brxe-div:hover {background-color: var(--primary); color: var(--white)}.blog-archive-19-archive-card__category.brxe-text-basic {color: var(--primary-semi-dark); background-color: var(--primary-ultra-light); padding-top: .3rem; padding-right: .6rem; padding-bottom: .3rem; padding-left: .6rem}.fb-blog-card-01__heading.brxe-heading:hover {color: var(--primary)}.fb-blog-card-01__heading.brxe-heading {transition: color .3s}.fb-blog-card-01__heading:focus{color:var(--primary)}.fb-link-card a:before,a.fb-link-card:before{content:"";position:absolute;inset:0;z-index:1}.fb-blog-card-01__excerpt.brxe-text-basic {font-size: calc(.9 * var(--text-m)); position: relative}.fb-blog-card-01__excerpt{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.fb-blog-card-01__footer.brxe-block {flex-direction: row; column-gap: var(--space-s); row-gap: var(--space-s); padding-top: 1rem; padding-right: var(--space-s); padding-bottom: 1rem; padding-left: var(--space-s); margin-top: auto; background-color: var(--white); border-top: 1px solid var(--base-light)}.fb-blog-card-01__wrapper.brxe-block {flex-direction: row; align-items: center; column-gap: .5rem; width: auto}@media (max-width: 767px) {.fb-blog-card-01__wrapper.brxe-block {flex-wrap: nowrap}}.fb-blog-card-01__icon.brxe-icon {font-size: var(--text-s); color: var(--base-semi-dark); fill: var(--base-semi-dark)}.fb-blog-card-01__reading-time.brxe-code {font-size: var(--text-s); color: var(--base-semi-dark)}.fb-blog-card-01__comments.brxe-text-basic {font-size: var(--text-s); color: var(--base-semi-dark)}.fb-pagination-four.brxe-pagination .bricks-pagination ul {justify-content: center; gap: 10px}.fb-pagination-four.brxe-pagination .bricks-pagination ul .page-numbers {width: 45px; height: 35px; font-size: 20px; color: var(--white); font-weight: 600; border-bottom: 2px solid var(--white)}.fb-pagination-four.brxe-pagination .bricks-pagination ul .page-numbers:hover {border-color: var(--accent-semi-light); font-weight: 600; color: var(--accent-semi-light)}.fb-pagination-four.brxe-pagination .bricks-pagination ul .page-numbers.current {font-weight: 700; color: var(--accent-semi-light); border-bottom: 2px solid var(--accent-semi-light)}.fb-pagination-four li .page-numbers{ transition: opacity .3s, border-color .3s; position: relative;} .fb-pagination-four li .page-numbers.current:before{ content: ""; position: absolute; bottom: 0; left: 50%; transform: translatex(-50%) translatey(calc(100% - 5px)); width: 10px; height: 10px; border-radius: 50%; background: var(--accent-semi-light);}
357 .fb-pagination-four li .page-numbers:not(.current){ opacity: .7;} .fb-pagination-four li .page-numbers:not(.current):hover{ opacity: 1;} .fb-pagination-four .next, .fb-pagination-four .prev{ border-width: 0 !important; opacity: 1 !important;} .fb-pagination-four li .next:hover, .fb-pagination-four li .prev:hover{ border-width: 1px !important;} .fb-pagination-four li .page-numbers:not(.current):focus-visible{opacity:1} .fb-pagination-four li .next:focus-visible,.fb-pagination-four li .prev:focus-visible{border-width:1px !important}.fb-secside__sidebar.brxe-block {row-gap: var(--space-l); padding-top: 4rem; padding-right: 3rem; padding-bottom: 4rem; padding-left: 3rem; background-color: var(--white); margin-top: 12rem; align-self: flex-start !important; justify-content: center; align-items: center; border-radius: 1.5rem; min-width: 30rem}@media (max-width: 767px) {.fb-secside__sidebar.brxe-block {margin-top: 5REM}}.fb-secside__wrapper.brxe-block {row-gap: var(--space-s); border-radius: 1.5rem}.fb-secside__wrapper--dark.brxe-block {background-color: var(--primary); color: var(--white); padding-top: var(--space-s); padding-right: var(--space-s); padding-bottom: var(--space-s); padding-left: var(--space-s)}.fb-secside__heading.brxe-heading {font-size: var(--text-m); color: var(--neutral-ultra-dark); font-weight: 600}.form-mailerpress.brxe-mailerpress-optin .mailerpress-form-field input {padding-top: 1rem; padding-right: 12px; padding-bottom: 1rem; padding-left: 12px; background-color: var(--neutral-ultra-light); border-radius: 1.5rem}.form-mailerpress.brxe-mailerpress-optin .mailerpress-form-field textarea {padding-top: 1rem; padding-right: 12px; padding-bottom: 1rem; padding-left: 12px; background-color: var(--neutral-ultra-light); border-radius: 1.5rem}.form-mailerpress.brxe-mailerpress-optin .mailerpress-form-field input:not([type="checkbox"]):not([type="radio"]) {height: 5rem}.form-mailerpress.brxe-mailerpress-optin .mailerpress-submit-button {width: 100%; border-radius: 5rem}.form-mailerpress.mailerpress-optin-form { --mp-text: #1a1a1a; --mp-label: #4b5563; --mp-muted: #9ca3af; --mp-accent: #6200EE; --mp-bg-input: var(--neutral-ultra-light, #f3f0fa); --mp-success-bg: #16a34a; --mp-error-bg: #dc2626; --mp-radius-field: 1.5rem; --mp-radius-btn: 5rem; --mp-gap: 1.25rem; max-width: 100%; width: 100%; color: var(--mp-text); font-family: inherit;}.form-mailerpress .mailerpress-form-fields-wrapper { display: flex !important; flex-direction: column !important; gap: var(--mp-gap) !important;} .form-mailerpress .mailerpress-form-field { flex: 1 1 100% !important; display: flex; flex-direction: column; gap: .5rem;}.form-mailerpress .mailerpress-form-field > label { display: block; font-size: calc(var(--text-m, 1rem) * 0.8); font-weight: 500; line-height: 1.3; color: var(--mp-label); margin: 0;} .form-mailerpress .required { display: none;}.form-mailerpress input[type="text"],.form-mailerpress input[type="email"] { width: 100%; box-sizing: border-box; height: 5rem; padding: 1rem 1.5rem; font-size: calc(var(--text-m, 1rem) * 0.9); font-family: var(--bricks-font-family-base, inherit); line-height: 1.4; color: var(--mp-text); background: var(--mp-bg-input); border: 1px solid transparent; border-radius: var(--mp-radius-field); transition: border-color .15s ease, box-shadow .15s ease; appearance: none;} .form-mailerpress input[type="text"]:focus,.form-mailerpress input[type="email"]:focus { outline: none; border-color: var(--mp-accent); box-shadow: 0 0 0 3px rgba(98, 0, 238, .15);}.form-mailerpress input:-webkit-autofill,.form-mailerpress input:-webkit-autofill:hover,.form-mailerpress input:-webkit-autofill:focus,.form-mailerpress input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px var(--mp-bg-input) inset !important; -webkit-text-fill-color: var(--mp-text) !important; caret-color: var(--mp-text) !important; transition: background-color 5000s ease-in-out 0s !important; border-radius: var(--mp-radius-field) !important; font-size: calc(var(--text-m, 1rem) * 0.9) !important;}.form-mailerpress input::placeholder { opacity: 0 !important; visibility: hidden !important;}.form-mailerpress .mailerpress-consent-field { flex-basis: 100% !important; margin-top: .25rem;} .form-mailerpress .mailerpress-consent-field > label { display: flex !important; align-items: flex-start !important; gap: 10px !important; cursor: pointer; font-weight: 500; font-size: calc(var(--text-m, 1rem) * 0.8); line-height: 1.5; color: #555; margin: 0 !important; padding: 0 !important;} .form-mailerpress .mailerpress-consent-field > label > span { flex: 1;}.form-mailerpress input[type="checkbox"] { appearance: none !important; -webkit-appearance: none !important; display: inline-block !important;
357 width: 20px !important; height: 20px !important; min-width: 20px !important; min-height: 20px !important; max-width: 20px !important; max-height: 20px !important; border: 2px solid #ddd !important; border-radius: 4px !important; cursor: pointer !important; position: relative !important; margin: 2px 0 0 0 !important; padding: 0 !important; line-height: 1 !important; vertical-align: top !important; transition: border-color .3s, background-color .3s !important; background-color: #fff !important; flex-shrink: 0 !important; box-sizing: border-box !important;} .form-mailerpress input[type="checkbox"]:hover { border-color: var(--mp-accent) !important; background-color: rgba(98, 0, 238, .05) !important;} .form-mailerpress input[type="checkbox"]:checked { background-color: var(--mp-accent) !important; border-color: var(--mp-accent) !important;} .form-mailerpress input[type="checkbox"]:checked::after { content: '' !important; position: absolute !important; left: 5px !important; top: 1px !important; width: 5px !important; height: 10px !important; border: solid white !important; border-width: 0 2px 2px 0 !important; transform: rotate(45deg) !important;} .form-mailerpress input[type="checkbox"]:focus { outline: none !important; box-shadow: 0 0 0 3px rgba(98, 0, 238, .2) !important;} .form-mailerpress .mailerpress-consent-field a { color: var(--mp-accent); text-decoration: none; font-weight: 500;} .form-mailerpress .mailerpress-consent-field a:hover { text-decoration: underline;}.form-mailerpress .mailerpress-turnstile-wrapper { margin: var(--mp-gap) 0 20px !important; max-width: 100% !important; width: 100% !important;} .form-mailerpress .cf-turnstile { max-width: 100% !important; width: 100% !important;} .form-mailerpress .cf-turnstile iframe { max-width: 100% !important;}.form-mailerpress input[name="website"] { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important;}.form-mailerpress .mailerpress-form-submit { margin-top: var(--mp-gap);} .form-mailerpress .mailerpress-submit-button { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; width: 100%; height: 5rem; padding: 0 2rem; margin: 0 !important; font-size: calc(var(--text-m, 1rem) * 1.1); font-weight: 600; font-family: inherit; line-height: 1; border-radius: var(--mp-radius-btn); cursor: pointer; transition: opacity .15s ease, transform .05s ease;} .form-mailerpress .mailerpress-submit-button:active:not([disabled]) { transform: translateY(1px);} .form-mailerpress .mailerpress-submit-button[disabled] { cursor: not-allowed; opacity: .75;}.form-mailerpress .mailerpress-form-message { margin-top: var(--mp-gap); padding: 1.25rem 1.5rem; border-radius: var(--mp-radius-field); font-size: calc(var(--text-m, 1rem) * 0.9); font-weight: 500; line-height: 1.4; text-align: center;} .form-mailerpress .mailerpress-form-message.success { background: var(--mp-success-bg); color: #fff;} .form-mailerpress .mailerpress-form-message.error { background: var(--mp-error-bg); color: #fff;}.fb-search-02.brxe-search button {background-color: var(--primary); color: var(--white); height: 50px}.fb-search-02.brxe-search input[type=search] {border: 1px solid var(--base-light); border-top-left-radius: .3em; border-bottom-left-radius: .3em}.fb-search-02.brxe-search form {overflow: hidden; background-color: var(--neutral-ultra-light)}.fb-search-02.brxe-search button:hover {background-color: var(--secondary)}.fb-search-02.brxe-search form:hover {border: 1px solid var(--primary); border-radius: 1.5rem}.fb-search-02.brxe-search form:focus {border: 1px solid var(--primary); border-radius: 1.5rem}.fb-search-02 button{ transition: background-color .3s, color .3s;}.fb-ul-list.brxe-block {padding-top: 0; padding-left: 0; margin-top: 0; margin-bottom: 0}.fb-ul-list{list-style:none}.fb-category-list-01__category:last-child .fb-category-list-01__name:after{ display: none;}.fb-category-list-01__name.brxe-text-basic {padding-top: .8em; padding-right: .8em; padding-bottom: .8em; padding-left: 40px; width: 100%; border: 1px solid rgba(0, 0, 0, 0); border-radius: .3em; transition: border-color .3s; position: relative; font-size: var(--text-s)}.fb-category-list-01__name.brxe-text-basic:hover {border-color: var(--base-light)}.fb-category-list-01__name{ --timeline-color: var(--neutral-semi-light); --timeline-color-hover: var(--primary); --set-top-dot: 1.1em;} .fb-category-list-01__name:before{content: ""; position: absolute; left: 15px; top: var(--set-top-dot); width: 10px; height: 10px; border-radius: 50%; background: var(--timeline-color); z-index: 1; transition: background-color .3s;} .fb-category-list-01__name:after{content: ""; position: absolute; left: 19px; top: var(--set-top-dot); width: 1px; height: 100%; background: var(--timeline-color);} .fb-category-list-01__name:hover:before, .fb-category-list-01__name:focus-within:before{ background: var(--timeline-color-hover);}.fb-tags-01.brxe-block {flex-wrap: wrap; flex-direction: row; column-gap: 1rem; row-gap: 1rem; width: auto}.fb-tags-01__item.brxe-block {width: auto}.fb-tags-01__name.brxe-text-basic {padding-top: .5em; padding-right: .7em; padding-bottom: .5em; padding-left: .7em; border: 1px solid var(--base-light); border-radius: .5em; transition: color .3s, background-color .3s, border-color .3s; font-size: calc(0.8 * var(--text-m)); background-color: var(--white)}.fb-tags-01__name.brxe-text-basic:hover {background-color: var(--primary); color: var(--white); border-color: var(--primary)}.fb-tags-01__name:focus{background:var(--primary);color:var(--white)}.fb-follow-01.brxe-block {flex-direction: row; column-gap: var(--space-xs); row-gap: var(--space-s); flex-wrap: wrap}.fb-follow-01__social.brxe-block {width: auto; justify-content: center; align-items: center; row-gap: .5rem; position: relative}.fb-follow-01__social{ --hover-bg: var(--primary); --hover-color: var(--white);} .fb-follow-01__social:hover .fb-follow-01__icon, .fb-follow-01__social:focus-within .fb-follow-01__icon{ background: var(--hover-bg); color: var(--hover-color); border-color: var(--hover-bg);} .fb-follow-01__social:hover a, .fb-follow-01__social:focus-within a{ color: var(--hover-bg);}.fb-follow-01__icon.brxe-icon {font-size: 2rem; width: 4rem; min-width: 4rem; height: 4rem; min-height: 4rem; display: flex; align-items: center; justify-content: center; border: 1px solid var(--primary); border-radius: .3em; transition: color .3s, background-color .3s, border-color .3s; padding-top: .7rem; padding-right: .7rem; padding-bottom: .7rem; padding-left: .7rem; color: var(--primary); fill: var(--primary); background-color: var(--white)}.fb-follow-01__name.brxe-text-basic {font-size: 1rem; color: var(--primary); font-weight: 500; transition: color .3s}.fb-follow-01__name a:before,a.fb-follow-01__name:before{content:"";position:absolute;inset:0;z-index:1}.footer-14.brxe-section {background-color: var(--white); padding-top: var(--space-l); padding-right: var(--space-m); padding-bottom: var(--space-s); padding-left: var(--space-m)}.footer-14__container.brxe-container {row-gap: var(--space-l)}.footer-14__container-top.brxe-block {flex-direction: row; column-gap: var(--space-l); row-gap: var(--space-l); align-items: flex-end; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0}@media (max-width: 991px) {.footer-14__container-top.brxe-block {flex-direction: column; align-items: center; justify-content: center; align-self: center !important}}.footer-14__heading.brxe-heading {width: var(--width-s); font-size: var(--text-xxl); color: var(--primary); flex-shrink: 0}@media (max-width: 991px) {.footer-14__heading.brxe-heading {width: 100%; text-align: center}}.footer-14__container-contact.brxe-block {margin-top: 0; margin-bottom: 0; padding-left: 0; flex-direction: row; justify-content: flex-end; align-items: flex-end; column-gap: var(--space-m); row-gap: var(--space-m)}@media (max-width: 991px) {.footer-14__container-contact.brxe-block {justify-content: center; align-items: center; align-self: center !important}}.footer-14__contact-element.brxe-block {width: fit-content; row-gap: var(--space-xs)}.app-stores_get-it.brxe-image {transition: transform 0.2s ease-in-out}.app-stores_get-it.brxe-image:hover {transform: scaleX(1.1) scaleY(1.1)}.footer-14__divider.brxe-divider.horizontal .line {width: 100%; border-top-width: 1px; border-top-color: var(--neutral-trans-10)}.footer-14__divider.brxe-divider.vertical .line {border-right-width: 100%; border-right-color: var(--neutral-trans-10)}.footer-14__divider.brxe-divider .line {height: 1px}.footer-14__divider.brxe-divider .icon {color: var(--neutral-trans-10)}.footer-14__container-mid.brxe-block {flex-direction: row; row-gap: var(--space-l); column-gap: var(--space-l); padding-top: var(--space-xs); padding-bottom: var(--section-space-xs)}@media (max-width: 991px) {.footer-14__container-mid.brxe-block {flex-wrap: wrap}}@media (max-width: 478px) {.footer-14__container-mid.brxe-block {flex-direction: column}}.footer-14__form-container.brxe-block {row-gap: var(--space-xs); padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; max-width: 400px; margin-right: auto}@media (max-width: 991px) {.footer-14__form-container.brxe-block {max-width: 100%; width: 100%; align-items: center; justify-content: center; align-self: center !important}}@media (max-width: 767px) {.footer-14__form-container.brxe-block {width: 100%; max-width: 100%}}.footer-14__menu-section.brxe-block {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; row-gap: var(--space-s); width: auto; flex-grow: 1; flex-shrink: 0; max-width: var(--width-s)}@media (max-width: 478px) {.footer-14__menu-section.brxe-block {max-width: 100%}}.footer-14__menu-heading.brxe-heading {font-size: var(--text-m); color: var(--primary)}.footer-14__menu.brxe-nav-menu .bricks-nav-menu {flex-direction: column; gap: var(--space-s)}.footer-14__menu.brxe-nav-menu .bricks-nav-menu > li {margin-left: 0}.footer-14__menu.brxe-nav-menu .bricks-nav-menu > li > a {color: var(--neutral-trans-80); font-size: calc(var(--text-m) * 0.9); justify-content: center}.footer-14__menu.brxe-nav-menu .bricks-nav-menu > li > .brx-submenu-toggle > * {color: var(--neutral-trans-80); font-size: calc(var(--text-m) * 0.9)}.footer-14__menu.brxe-nav-menu .bricks-nav-menu > li:hover > a {text-decoration: underline;
357 color: var(--primary)}.footer-14__menu.brxe-nav-menu .bricks-nav-menu > li:hover > .brx-submenu-toggle > * {text-decoration: underline; color: var(--primary)}.footer-14__menu.brxe-nav-menu .bricks-nav-menu > li > .brx-submenu-toggle {justify-content: center}.footer-14__menu.brxe-nav-menu {font-size: calc(var(--text-m) * 0.9)}.footer-14__menu-social.brxe-block {align-self: center !important; justify-content: center; align-items: center}.footer-14__container-social.brxe-block {row-gap: var(--space-s); padding-left: 0; margin-top: 0; margin-bottom: 0}.footer-14__social-link.brxe-block {flex-wrap: nowrap; flex-direction: row; column-gap: var(--space-xs); color: var(--neutral-trans-80); border-color: var(--neutral-trans-80); align-items: center; justify-content: center; align-self: center !important}.footer-14__social-link.brxe-block:hover {color: var(--primary); text-decoration: underline; border-color: var(--neutral)}.footer-14__social-icon.brxe-icon {font-size: var(--text-l); font-size: calc(var(--text-m) * 0.95)}.footer-14__social-info.brxe-text-basic {margin-left: 0; font-size: calc(var(--text-m) * 0.9)}.footer-16__container-top.brxe-block {flex-direction: row; column-gap: var(--space-l); row-gap: var(--space-l); align-items: center; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; justify-content: space-between}@media (max-width: 767px) {.footer-16__container-top.brxe-block {flex-direction: column}}.footer-16__social-container.brxe-div {flex-direction: row; column-gap: var(--space-m); align-items: center; display: flex; width: auto}.footer-14__credit-name.brxe-text-basic {color: var(--neutral-trans-80); font-size: var(--text-s)}
358/*# sourceURL=bricks-frontend-inline-inline-css */
359</style>
360<link rel='stylesheet' id='bits-icons-to-svg-inline-css' href='https://www.meetyu.app/wp-content/plugins/bricks-icons-to-svg/assets/css/runtime.css' media='all' />
361<link rel='stylesheet' id='fancy_animations-cache-props-css' href='https://www.meetyu.app/wp-content/uploads/fancy-animations/cache/props.css' media='all' />
362<link rel='stylesheet' id='fancy_animations-cache-css' href='https://www.meetyu.app/wp-content/uploads/fancy-animations/cache/all.css' media='all' />
363<link rel='stylesheet' id='fancy_animations-cache-cursor-css' href='https://www.meetyu.app/wp-content/uploads/fancy-animations/cache/custom-cursor.css' media='all' />
364<link rel='stylesheet' id='fancy_animations-cache-gradient-bg-css' href='https://www.meetyu.app/wp-content/uploads/fancy-animations/cache/gradient-bg.css' media='all' />
365<script>(function(d, s, id){
366  var js, fjs = d.getElementsByTagName(s)[0];
367  if (d.getElementById(id)) return;
368  js = d.createElement(s); js.id = id;
369  js.src = 'https://api.anychat.one/widget2/load?id=e40f67f5-23ba-3414-95b3-0313c266958b&r=' + encodeURIComponent(window.location);
370  fjs.parentNode.insertBefore(js, fjs);
371}(document, 'script', 'anw2-sdk-e40f67f5-23ba-3414-95b3-0313c266958b'));</script>
vendor: 1 bytes, line 371
371
372<script id="asenha-external-permalinks-js-after">
373(function () {
374   'use strict';
375
376   document.addEventListener( 'DOMContentLoaded', function () {
377
378      var links = document.getElementsByTagName( 'a' );
379
380      for ( var i = 0; i < links.length; i++ ) {
381         var url = links[i].getAttribute( 'href' );
382
383         if ( url == null ) {
384            continue;
385         }
386
387         var hasAsenhaEp = url.indexOf( '#asenha_ep' ) >= 0;
388
389         if ( ! hasAsenhaEp ) {
390            continue;
391         }
392
393         url = url.replace( '#asenha_ep', '' );
394         links[i].setAttribute( 'href', url );
395         links[i].setAttribute( 'rel', 'noopener noreferrer nofollow' );
396      }
397
398   } );
399
400} )();
401//# sourceURL=asenha-external-permalinks-js-after
402</script>
vendor: 1 bytes, line 402
402
403<script data-no-optimize="1" data-no-minify="1" data-cfasync="false" data-borlabs-cookie-no-flying-press="true" id="borlabs-cookie-config-js" src="https://www.meetyu.app/wp-content/cache/borlabs-cookie/1/borlabs-cookie-config-en.json.js"></script>
vendor: 1 bytes, line 403
403
404<script id="color-scheme-switcher-frontend-js-extra">
405var acss = {"color_mode":"light","enable_client_color_preference":"false"};
406//# sourceURL=color-scheme-switcher-frontend-js-extra
407</script>
vendor: 1 bytes, line 407
407
408<script id="color-scheme-switcher-frontend-js" src="https://www.meetyu.app/wp-content/plugins/automaticcss-plugin/classes/Features/Color_Scheme_Switcher/js/frontend.min.js"></script>
vendor: 1 bytes, line 408
408
409<script id="bricks-dl-mode-js-after">
410(function() {
411				let savedTheme = localStorage.getItem("brx_mode");
412				let defaultMode = "light";
413				let currentTheme = savedTheme || defaultMode;
414
415				if (currentTheme === "auto") {
416					let prefersDarkScheme = window.matchMedia("(prefers-color-scheme: dark)").matches;
417						document.documentElement.dataset.brxTheme = prefersDarkScheme ? "dark" : "light";
418				} else {
419					document.documentElement.dataset.brxTheme = currentTheme;
420				}
421		})();
422//# sourceURL=bricks-dl-mode-js-after
423</script>
vendor: 1 bytes, line 423
423
424<script data-borlabs-cookie-script-blocker-ignore>
425	window.brlbsBricksMap = function() {
426        window.brlbsBricksMapCalled = true;
427	}
428</script>
428<script data-borlabs-cookie-script-blocker-ignore>
429	document.addEventListener('borlabs-cookie-google-tag-manager-after-consents', function () {
430        window.BorlabsCookie.Unblock.unblockScriptBlockerId('gtmfourwp-custom-events');
431    });
432</script>
432<link rel="https://api.w.org/" href="https://www.meetyu.app/wp-json/" />
432<script
433    src="https://app.rybbit.io/api/script.js"
434    data-site-id="02a333227040"
435    defer
436></script>
vendor: 1 bytes, line 436
436
437<script data-borlabs-cookie-no-flying-press="true" data-borlabs-cookie-script-blocker-ignore>
438    if ('0' === '1' && ('0' === '1' || '1' === '1')) {
439        window['gtag_enable_tcf_support'] = true;
440    }
441    window.dataLayer = window.dataLayer || [];
442    if (typeof gtag !== 'function') {
443        function gtag() {
444            dataLayer.push(arguments);
445        }
446    }
447    gtag('set', 'developer_id.dYjRjMm', true);
448    if ('0' === '1' || '1' === '1') {
449        if (window.BorlabsCookieGoogleConsentModeDefaultSet !== true) {
450            let getCookieValue = function (name) {
451                return document.cookie.match('(^|;)\\s*' + name + '\\s*=\\s*([^;]+)')?.pop() || '';
452            };
453            let consentsFromCookie = {};
454            if (document.cookie.split('; ').some(c => c.startsWith('borlabs-cookie='))) {
455                let cookieValue = getCookieValue('borlabs-cookie-gcs');
456                if (cookieValue !== '') {
457                    consentsFromCookie = JSON.parse(decodeURIComponent(cookieValue));
458                    if (consentsFromCookie.cookie_version !== window.borlabsCookieConfig.settings.cookieVersion) {
459                        consentsFromCookie = {};
460                    } else {
461                        delete consentsFromCookie.cookie_version;
462                    }
463                }
464            }
465            let defaultValues = {
466                'ad_storage': 'denied',
467                'ad_user_data': 'denied',
468                'ad_personalization': 'denied',
469                'analytics_storage': 'denied',
470                'functionality_storage': 'denied',
471                'personalization_storage': 'denied',
472                'security_storage': 'denied',
473                'wait_for_update': 500,
474            };
475            gtag('consent', 'default', { ...defaultValues, ...consentsFromCookie });
476        }
477        window.BorlabsCookieGoogleConsentModeDefaultSet = true;
478        let borlabsCookieConsentChangeHandler = function () {
479            window.dataLayer = window.dataLayer || [];
480            if (typeof gtag !== 'function') { function gtag(){dataLayer.push(arguments);} }
481
482            let getCookieValue = function (name) {
483                return document.cookie.match('(^|;)\\s*' + name + '\\s*=\\s*([^;]+)')?.pop() || '';
484            };
485            let consentsFromCookie = {};
486            if (document.cookie.split('; ').some(c => c.startsWith('borlabs-cookie='))) {
487                let cookieValue = getCookieValue('borlabs-cookie-gcs');
488                if (cookieValue !== '') {
489                    consentsFromCookie = JSON.parse(decodeURIComponent(cookieValue));
490                    if (consentsFromCookie.cookie_version !== window.borlabsCookieConfig.settings.cookieVersion) {
491                        consentsFromCookie = {};
492                    }
493                }
494            }
495
496            consentsFromCookie.analytics_storage = BorlabsCookie.Consents.hasConsent('google-analytics') ? 'granted' : 'denied';
497            consentsFromCookie.cookie_version = window.borlabsCookieConfig.settings.cookieVersion;
498
499            BorlabsCookie.CookieLibrary.setCookie(
500                'borlabs-cookie-gcs',
501                JSON.stringify(consentsFromCookie),
502                BorlabsCookie.Settings.automaticCookieDomainAndPath.value ? '' : BorlabsCookie.Settings.cookieDomain.value,
503                BorlabsCookie.Settings.cookiePath.value,
504                BorlabsCookie.Cookie.getPluginCookie().expires,
505                BorlabsCookie.Settings.cookieSecure.value,
506                BorlabsCookie.Settings.cookieSameSite.value
507            );
508        }
509        document.addEventListener('borlabs-cookie-consent-saved', borlabsCookieConsentChangeHandler);
510        document.addEventListener('borlabs-cookie-handle-unblock', borlabsCookieConsentChangeHandler);
511    }
512    if ('0' === '1') {
513        gtag("js", new Date());
514        gtag("config", "G-19KP1PNFQC", {"anonymize_ip": true});
515
516        (function (w, d, s, i) {
517            var f = d.getElementsByTagName(s)[0],
518                j = d.createElement(s);
519            j.async = true;
520            j.src =
521                "https://www.googletagmanager.com/gtag/js?id=" + i;
522            f.parentNode.insertBefore(j, f);
523        })(window, document, "script", "G-19KP1PNFQC");
524    }
525</script>
525<script data-borlabs-cookie-no-flying-press="true" data-no-optimize="1" data-no-minify="1" data-cfasync="false" data-borlabs-cookie-script-blocker-ignore>
526    (function () {
527        if ('0' === '1' && '1' === '1') {
528            window['gtag_enable_tcf_support'] = true;
529        }
530        window.dataLayer = window.dataLayer || [];
531        if (typeof window.gtag !== 'function') {
532            window.gtag = function () {
533                window.dataLayer.push(arguments);
534            };
535        }
536        gtag('set', 'developer_id.dYjRjMm', true);
537        if ('1' === '1') {
538            let getCookieValue = function (name) {
539                return document.cookie.match('(^|;)\\s*' + name + '\\s*=\\s*([^;]+)')?.pop() || '';
540            };
541            const gtmRegionsData = '[{"google-tag-manager-cm-region":"","google-tag-manager-cm-default-ad-storage":"denied","google-tag-manager-cm-default-ad-personalization":"denied","google-tag-manager-cm-default-ad-user-data":"denied","google-tag-manager-cm-default-analytics-storage":"denied","google-tag-manager-cm-default-functionality-storage":"denied","google-tag-manager-cm-default-personalization-storage":"denied","google-tag-manager-cm-default-security-storage":"denied"}]';
542            let gtmRegions = [];
543            if (gtmRegionsData !== '\{\{ google-tag-manager-cm-regional-defaults \}\}') {
544                gtmRegions = JSON.parse(gtmRegionsData);
545            }
546            let defaultRegion = null;
547            for (let gtmRegionIndex in gtmRegions) {
548                let gtmRegion = gtmRegions[gtmRegionIndex];
549                if (gtmRegion['google-tag-manager-cm-region'] === '') {
550                    defaultRegion = gtmRegion;
551                } else {
552                    gtag('consent', 'default', {
553                        'ad_storage': gtmRegion['google-tag-manager-cm-default-ad-storage'],
554                        'ad_user_data': gtmRegion['google-tag-manager-cm-default-ad-user-data'],
555                        'ad_personalization': gtmRegion['google-tag-manager-cm-default-ad-personalization'],
556                        'analytics_storage': gtmRegion['google-tag-manager-cm-default-analytics-storage'],
557                        'functionality_storage': gtmRegion['google-tag-manager-cm-default-functionality-storage'],
558                        'personalization_storage': gtmRegion['google-tag-manager-cm-default-personalization-storage'],
559                        'security_storage': gtmRegion['google-tag-manager-cm-default-security-storage'],
560                        'region': gtmRegion['google-tag-manager-cm-region'].toUpperCase().split(','),
561                        'wait_for_update': 500,
562                    });
563                }
564            }
565            let consentsFromCookie = {};
566            if (document.cookie.split('; ').some(c => c.startsWith('borlabs-cookie='))) {
567                let cookieValue = getCookieValue('borlabs-cookie-gcs');
568                if (cookieValue !== '') {
569                    consentsFromCookie = JSON.parse(decodeURIComponent(cookieValue));
570                    if (consentsFromCookie.cookie_version !== window.borlabsCookieConfig.settings.cookieVersion) {
571                        consentsFromCookie = {};
572                    } else {
573                        delete consentsFromCookie.cookie_version;
574                    }
575                }
576            }
577            let defaultValues = {
578                'ad_storage': defaultRegion === null ? 'denied' : defaultRegion['google-tag-manager-cm-default-ad-storage'],
579                'ad_user_data': defaultRegion === null ? 'denied' : defaultRegion['google-tag-manager-cm-default-ad-user-data'],
580                'ad_personalization': defaultRegion === null ? 'denied' : defaultRegion['google-tag-manager-cm-default-ad-personalization'],
581                'analytics_storage': defaultRegion === null ? 'denied' : defaultRegion['google-tag-manager-cm-default-analytics-storage'],
582                'functionality_storage': defaultRegion === null ? 'denied' : defaultRegion['google-tag-manager-cm-default-functionality-storage'],
583                'personalization_storage': defaultRegion === null ? 'denied' : defaultRegion['google-tag-manager-cm-default-personalization-storage'],
584                'security_storage': defaultRegion === null ? 'denied' : defaultRegion['google-tag-manager-cm-default-security-storage'],
585                'wait_for_update': 500,
586            };
587            gtag('consent', 'default', {...defaultValues, ...consentsFromCookie});
588            gtag('set', 'ads_data_redaction', true);
589        }
590
591        if ('1' === '1') {
592            let url = new URL(window.location.href);
593
594            if ((url.searchParams.has('gtm_debug') && url.searchParams.get('gtm_debug') !== '') || document.cookie.indexOf('__TAG_ASSISTANT=') !== -1 || document.documentElement.hasAttribute('data-tag-assistant-present')) {
595                /* GTM block start */
vendor: 429 bytes, lines 595-600
595
596                (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
597                        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
598                    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
599                    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
600                })(window,document,'script','dataLayer','
600GTM-PDR6H2C9
vendor: 21 bytes, lines 600-601
600');
601                
601/* GTM block end */
602            } else {
603                /* GTM block start */
604                (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
605                        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
606                    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
607                    'https://www.meetyu.app/wp-content/uploads/borlabs-cookie/' + i + '.js?ver=7jpjhvtr';f.parentNode.insertBefore(j,f);
608                })(window,document,'script','dataLayer','GTM-PDR6H2C9');
609                /* GTM block end */
610            }
611        }
612
613
614        let borlabsCookieConsentChangeHandler = function () {
615            window.dataLayer = window.dataLayer || [];
616            if (typeof window.gtag !== 'function') {
617                window.gtag = function() {
618                    window.dataLayer.push(arguments);
619                };
620            }
621
622            let consents = BorlabsCookie.Cookie.getPluginCookie().consents;
623
624            if ('1' === '1') {
625                let gtmConsents = {};
626                let customConsents = {};
627
628                let services = BorlabsCookie.Services._services;
629
630                for (let service in services) {
631                    if (service !== 'borlabs-cookie') {
632                        customConsents['borlabs_cookie_' + service.replaceAll('-', '_')] = BorlabsCookie.Consents.hasConsent(service) ? 'granted' : 'denied';
633                    }
634                }
635
636                if ('0' === '1') {
637                    gtmConsents = {
638                        'analytics_storage': BorlabsCookie.Consents.hasConsentForServiceGroup('statistics') === true ? 'granted' : 'denied',
639                        'functionality_storage': BorlabsCookie.Consents.hasConsentForServiceGroup('statistics') === true ? 'granted' : 'denied',
640                        'personalization_storage': BorlabsCookie.Consents.hasConsentForServiceGroup('marketing') === true ? 'granted' : 'denied',
641                        'security_storage': BorlabsCookie.Consents.hasConsentForServiceGroup('statistics') === true ? 'granted' : 'denied',
642                    };
643                } else {
644                    gtmConsents = {
645                        'ad_storage': BorlabsCookie.Consents.hasConsentForServiceGroup('marketing') === true ? 'granted' : 'denied',
646                        'ad_user_data': BorlabsCookie.Consents.hasConsentForServiceGroup('marketing') === true ? 'granted' : 'denied',
647                        'ad_personalization': BorlabsCookie.Consents.hasConsentForServiceGroup('marketing') === true ? 'granted' : 'denied',
648                        'analytics_storage': BorlabsCookie.Consents.hasConsentForServiceGroup('statistics') === true ? 'granted' : 'denied',
649                        'functionality_storage': BorlabsCookie.Consents.hasConsentForServiceGroup('statistics') === true ? 'granted' : 'denied',
650                        'personalization_storage': BorlabsCookie.Consents.hasConsentForServiceGroup('marketing') === true ? 'granted' : 'denied',
651                        'security_storage': BorlabsCookie.Consents.hasConsentForServiceGroup('statistics') === true ? 'granted' : 'denied',
652                    };
653                }
654                let cookieGtmConsents = {...gtmConsents};
655                cookieGtmConsents.cookie_version = window.borlabsCookieConfig.settings.cookieVersion;
656                BorlabsCookie.CookieLibrary.setCookie(
657                    'borlabs-cookie-gcs',
658                    JSON.stringify(cookieGtmConsents),
659                    BorlabsCookie.Settings.automaticCookieDomainAndPath.value ? '' : BorlabsCookie.Settings.cookieDomain.value,
660                    BorlabsCookie.Settings.cookiePath.value,
661                    BorlabsCookie.Cookie.getPluginCookie().expires,
662                    BorlabsCookie.Settings.cookieSecure.value,
663                    BorlabsCookie.Settings.cookieSameSite.value
664                );
665                gtag('consent', 'update', {...gtmConsents, ...customConsents});
666            }
667
668
669            for (let serviceGroup in consents) {
670                for (let service of consents[serviceGroup]) {
671                    if (!window.BorlabsCookieGtmPackageSentEvents.includes(service) && service !== 'borlabs-cookie') {
672                        window.dataLayer.push({
673                            event: 'borlabs-cookie-opt-in-' + service,
674                        });
675                        window.BorlabsCookieGtmPackageSentEvents.push(service);
676                    }
677                }
678            }
679            let afterConsentsEvent = document.createEvent('Event');
680            afterConsentsEvent.initEvent('borlabs-cookie-google-tag-manager-after-consents', true, true);
681            document.dispatchEvent(afterConsentsEvent);
682        };
683        window.BorlabsCookieGtmPackageSentEvents = [];
684        document.addEventListener('borlabs-cookie-consent-saved', borlabsCookieConsentChangeHandler);
685        document.addEventListener('borlabs-cookie-handle-unblock', borlabsCookieConsentChangeHandler);
686    })();
687</script>
687<link rel="icon" href="https://www.meetyu.app/wp-content/uploads/2025/10/cropped-meetyu-logo_dark-bg_500px-32x32.webp" sizes="32x32" />
688<link rel="icon" href="https://www.meetyu.app/wp-content/uploads/2025/10/cropped-meetyu-logo_dark-bg_500px-192x192.webp" sizes="192x192" />
689<link rel="apple-touch-icon" href="https://www.meetyu.app/wp-content/uploads/2025/10/cropped-meetyu-logo_dark-bg_500px-180x180.webp" />
690<meta name="msapplication-TileImage" content="https://www.meetyu.app/wp-content/uploads/2025/10/cropped-meetyu-logo_dark-bg_500px-270x270.webp" />
691    
691<script>
692        /*! js-cookie v3.0.5 | MIT */
693        !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self,function(){var n=e.Cookies,o=e.Cookies=t();o.noConflict=function(){return e.Cookies=n,o}}())}(this,(function(){"use strict";function e(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)e[o]=n[o]}return e}var t=function t(n,o){function r(t,r,i){if("undefined"!=typeof document){"number"==typeof(i=e({},o,i)).expires&&(i.expires=new Date(Date.now()+864e5*i.expires)),i.expires&&(i.expires=i.expires.toUTCString()),t=encodeURIComponent(t).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var c="";for(var u in i)i[u]&&(c+="; "+u,!0!==i[u]&&(c+="="+i[u].split(";")[0]));return document.cookie=t+"="+n.write(r,t)+c}}return Object.create({set:r,get:function(e){if("undefined"!=typeof document&&(!arguments.length||e)){for(var t=document.cookie?document.cookie.split("; "):[],o={},r=0;r<t.length;r++){var i=t[r].split("="),c=i.slice(1).join("=");try{var u=decodeURIComponent(i[0]);if(o[u]=n.read(c,u),e===u)break}catch(e){}}return e?o[e]:o}},remove:function(t,n){r(t,"",e({},n,{expires:-1}))},withAttributes:function(n){return t(this.converter,e({},this.attributes,n))},withConverter:function(n){return t(e({},this.converter,n),this.attributes)}},{attributes:{value:Object.freeze(o)},converter:{value:Object.freeze(n)}})}({read:function(e){return'"'===e[0]&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"});return t}));
694
695        const fbaCookieName = 'fancy-animations-disable';
696
697        function fba_is_deactivated() {
698            return Cookies.get(fbaCookieName) !== undefined;
699        }
700
701        function fba_toggle_deactivation(refresh = true) {
702            if (fba_is_deactivated()) {
703                Cookies.remove(fbaCookieName);
704            } else {
705                Cookies.set(fbaCookieName, 'true', { expires: 365 });
706            }
707
708            if (refresh) {
709                window.location.reload();
710            }
711        }
712
713        document.addEventListener('DOMContentLoaded', function () {
714            const wrapper = document.querySelectorAll('.fb-disable-animations');
715            wrapper.forEach(function (item) {
716                const reloadPage = item.getAttribute('data-fba-reload-page') === '1';
717
718                const button = item.querySelector('.fb-disable-animations__btn');
719
720                button.addEventListener('click', function () {
721                    fba_toggle_deactivation(reloadPage);
722                });
723
724                button.setAttribute('aria-checked', String(!fba_is_deactivated()));
725                button.setAttribute('aria-label', item.getAttribute('data-fba-aria-label'));
726            });
727        });
728    </script>
728<style id="wp-block-heading-inline-css">
729h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}
730/*# sourceURL=https://www.meetyu.app/wp-includes/blocks/heading/style.min.css */
731</style>
732<style id="wp-block-paragraph-inline-css">
733.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}
734/*# sourceURL=https://www.meetyu.app/wp-includes/blocks/paragraph/style.min.css */
735</style>
736
737</head>
738
739<body  class="blog wp-theme-bricks wp-child-theme-bricks-child brx-body bricks-is-frontend wp-embed-responsive">		<a class="skip-link" href="#brx-content">Skip to main content</a>
740
741					<a class="skip-link" href="#brx-footer">Skip to footer</a>
742			<header id="brx-header" class="brx-sticky"><div id="brxe-ygujkj" class="brxe-section dwc-nest-header bricks-lazy-hidden" data-overlay-header="true" data-overlay-header-mobile="true" data-overlay-header-optimize-adaptive-height="true" data-overlay-header-no-top-gap data-fullscreen-mobile-menu data-hide-mobile-logo data-offset-section-padding="true" data-fix-centered-logo-fouc data-sticky-overlay-special-style data-mobile-special-style><div id="brxe-infarc" class="brxe-container dwc-nest-header__container bricks-lazy-hidden"><a id="brxe-pmpkoc" href="/" aria-label="MeetYu - Go to homepage" class="brxe-div dwc-nest-menu__logo bricks-lazy-hidden" data-breakout-link><svg aria-hidden="true" class="brxe-svg" id="brxe-ksczkk" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="2800" zoomAndPan="magnify" viewBox="0 0 2100 2100.000016" height="2800" preserveAspectRatio="xMidYMid meet" version="1.2"><defs><clipPath id="d709f676df"><path d="M 0.5 0 L 2099.5 0 L 2099.5 2099 L 0.5 2099 Z M 0.5 0 "></path></clipPath><clipPath id="21a835ad5f"><path d="M 389.988281 360.222656 L 1672.625 360.222656 L 1672.625 1815.28125 L 389.988281 1815.28125 Z M 389.988281 360.222656 "></path></clipPath></defs><g id="42498f3499"><g clip-rule="nonzero" clip-path="url(#d709f676df)"><path style=" stroke:none;fill-rule:nonzero;fill:#ffffff;fill-opacity:1;" d="M 0.5 0 L 2099.5 0 L 2099.5 2099 L 0.5 2099 Z M 0.5 0 "></path><path style=" stroke:none;fill-rule:nonzero;fill:#6200ee;fill-opacity:1;" d="M 0.5 0 L 2099.5 0 L 2099.5 2099 L 0.5 2099 Z M 0.5 0 "></path></g><g clip-rule="nonzero" clip-path="url(#21a835ad5f)"><path style=" stroke:none;fill-rule:nonzero;fill:#6200ee;fill-opacity:1;" d="M 138.023438 181.921875 L 1928.921875 181.921875 L 1928.921875 1972.820312 L 138.023438 1972.820312 Z M 138.023438 181.921875 "></path></g><path style=" stroke:none;fill-rule:nonzero;fill:#ffffff;fill-opacity:1;" d="M 1061.015625 1759.597656 L 1061.015625 1375.054688 C 1061.015625 1375.054688 1051.058594 1244.460938 1167.394531 1120.351562 C 1249.132812 1033.171875 1362.566406 980.160156 1462.355469 976.007812 C 1502.4375 974.324219 1579.050781 974.753906 1584.207031 974.789062 C 1587.613281 974.789062 1671.425781 970.097656 1668.308594 1049.21875 C 1664.65625 1141.128906 1668.308594 1475.882812 1668.308594 1475.882812 C 1668.308594 1475.882812 1667.234375 1619.941406 1537.25 1631.226562 C 1400.929688 1643.042969 1299.527344 1682.195312 1225.277344 1727.933594 C 1200.347656 1741.792969 1177.351562 1757.839844 1153.535156 1776.96875 C 1083.152344 1833.453125 1057.113281 1786.101562 1060.980469 1759.597656 Z M 1061.015625 1759.597656 "></path><path style=" stroke:none;fill-rule:nonzero;fill:#ffffff;fill-opacity:1;" d="M 993.605469 1745.449219 L 993.605469 1042.84375 C 993.605469 1042.84375 1004.675781 705.941406 627.332031 705.941406 L 470.519531 705.941406 C 470.519531 705.941406 398.492188 698.167969 398.492188 785.167969 L 398.492188 1482.257812 C 398.492188 1482.257812 402.359375 1617.46875 540.332031 1617.46875 C 678.300781 1617.46875 782.496094 1655.6875 859.503906 1700.03125 C 883.644531 1713.929688 925.550781 1743.980469 937.980469 1755.476562 C 978.0625 1792.546875 991.921875 1774.820312 993.570312 1745.449219 Z M 993.605469 1745.449219 "></path><path style=" stroke:none;fill-rule:nonzero;fill:#aeadf8;fill-opacity:1;" d="M 1044.324219 1126.800781 L 1044.324219 840.867188 C 1044.324219 840.867188 1060.945312 605.9375 1233.835938 480.679688 C 1406.730469 355.460938 1585.320312 357.9687
7425 1605.089844 390.921875 C 1611.753906 401.988281 1623.929688 538.3125 1539.722656 703.433594 C 1455.515625 868.554688 1366.828125 917.335938 1264.890625 968.304688 C 1162.953125 1019.273438 1079.820312 1125.691406 1069.828125 1143.421875 C 1059.832031 1161.148438 1047.65625 1179.988281 1044.324219 1126.800781 Z M 1044.324219 1126.800781 "></path></g></svg><span id="brxe-rikhyc" class="brxe-text-basic" aria-hidden="true">MeetYu</span></a><div id="brxe-mdrgft" class="brxe-div dwc-menu-wrap bricks-lazy-hidden"><nav id="brxe-ahwbzf" data-script-id="ahwbzf" class="brxe-nav-nested dwc-nest-menu bricks-lazy-hidden" data-offcanvas data-slide-in-direction="top" data-submenu-reveal="slide" data-match-overlay-header-width="true" data-below-header data-last-item-is-button="true" data-last-item-is-button-alignment="center" data-hide-overlay data-overlay-on-header="true" data-back-text="auto" data-tooltip-back-text="Swipe &gt; Back" data-hide-close-bar data-show-mobile-logo data-mobile-top-transparent="true" data-overlay-sidebar data-sidebar-back-text-on-logo data-align-content-bottom="true" data-optimize-stripe="true" data-caret="true" data-show-toggle-always="true" data-global-content-vertical data-global-content-width="1080" builder-preview-content-width data-align-dropdown-top="true" data-single-back-button="true" aria-label="Main navigation Menu" data-toggle="never"><button id="brxe-dbhrci" data-script-id="dbhrci" class="brxe-toggle dwc-nest-toggle--open brxa--vortex" aria-label="Open Menu" aria-expanded="false" data-selector=".brxe-nav-nested"><span class="brxa-wrap"><span class="brxa-inner"></span></span></button><div id="brxe-cawsyw" class="brxe-block dwc-nav-wrapper bricks-lazy-hidden"><div id="brxe-pfctzi" class="brxe-block dwc-nest-menu-top bricks-lazy-hidden"><a id="brxe-qkuzxj" href="/" aria-label="MeetYu - Go to homepage" class="brxe-div dwc-nest-menu__mobile-logo bricks-lazy-hidden"></a><button id="brxe-cshihx" data-script-id="cshihx" class="brxe-toggle brx-toggle-div" aria-label="Close Menu" aria-expanded="false"><i class="fas fa-xmark bits-icon-host"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"></path></svg></i></button></div><ul id="brxe-xxrpxh" class="brxe-block dwc-nest-nav-items brx-nav-nested-items bricks-lazy-hidden" role="list"><li id="brxe-bzrgjg" data-script-id="bzrgjg" class="brxe-dropdown dwc-nest-nav-top-link bricks-lazy-hidden brx-has-megamenu" data-submenu-reveal data-tabbed-dropdown data-toggle="both"><div class="brx-submenu-toggle"><span>MeetYu Life Coach</span><button aria-expanded="false" aria-label="Toggle dropdown"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5" stroke="currentcolor"></path></svg></button></div><ul id="brxe-bmdpwy" class="brxe-div dwc-nest-nav-list brx-dropdown-content bricks-lazy-hidden" data-content-width data-content-align preview-alignment style="--dropdown-content-width: attr(data-content-width px, var(--global-width));" data-hide-instruction aria-label="MeetYu Life Coach submenu" role="list"><li id="brxe-ilpefl" class="brxe-block mega-menu-quantum__content-inner bricks-lazy-hidden"><div id="brxe-idcbfo" class="brxe-block mega-menu-quantum__content-group bricks-lazy-hidden"><p id="brxe-yyetqn" class="brxe-text-basic mega-menu-quantum__dropdown-title" role="heading" aria-level="2">MeetYu Life Coach</p><img width="1920" height="1080" src="https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1.webp" class="brxe-image mega-menu-product-image-card css-filter size-full" alt="MeetYu Life Coach AI Journal social sharing banner with app screenshots on purple background" id="brxe-yjsqsz" loading="eager" decoding="async" srcset="https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1.webp 1920w, https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1-300x169.webp 300w, https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1-1024x576.webp 1024w, https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1-768x432.webp 768w, https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1-1536x864.webp 1536w, https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1-1200x675.webp 1200w, https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1-600x338.webp 600w" sizes="(max-width: 1920px) 100v
742w, 1920px" /><div id="brxe-alpfzd" class="brxe-block mega-menu-quantum__txt-wrap bricks-lazy-hidden"><p id="brxe-ovccmu" class="brxe-text-basic mega-menu-quantum__txt">MeetYu is your AI-powered Life Coach built into a beautifully simple Journaling App that analyzes your entries to identify patterns, celebrate victories, and guide you through challenges with personalized strategies. Unlike traditional journaling, MeetYu's AI coach engages in meaningful conversations, asking thought-provoking questions that help you discover blind spots and unlock hidden potential. The Life Coach feature learns from your unique journey, providing increasingly personalized guidance as you use the app. Experience the future of self-development where cutting-edge AI technology meets the timeless practice of journaling.</p></div><a id="brxe-aezrpc" class="brxe-button mega-menu-quantum__btn bricks-button circle" href="https://www.meetyu.app/" aria-label="Learn more about MeetYu Life Coach">Learn more<i class="fas fa-arrow-right bits-icon-host"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l370.7 0-105.4 105.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"></path></svg></i></a></div><div id="brxe-ojoetk" class="brxe-block brx-grid h-ruled-grid bricks-lazy-hidden"><div id="brxe-lnkkjf" class="brxe-block mega-menu-quantum__nav-group bricks-lazy-hidden"><p id="brxe-eybqnr" class="brxe-heading mega-menu-heading1" role="heading" aria-level="3">Packed With Powerful Features</p><p id="brxe-pjmump" class="brxe-text-basic mega-menu-quantum__txt">Everything you need to unlock your full potential - beautifully designed, deeply intuitive, and evolving with you</p><div id="brxe-xsqamt" class="brxe-block brx-grid header-feature-block-container bricks-lazy-hidden"><div id="brxe-pevsyu" class="brxe-block header-feature-block1 bricks-lazy-hidden"><i id="brxe-ivptpb" class="fas fa-book-open brxe-icon header-feature-icon1 bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M256 141.3l0 309.3 .5-.2C311.1 427.7 369.7 416 428.8 416l19.2 0 0-320-19.2 0c-42.2 0-84.1 8.4-123.1 24.6-16.8 7-33.4 13.9-49.7 20.7zM230.9 61.5L256 72 281.1 61.5C327.9 42 378.1 32 428.8 32L464 32c26.5 0 48 21.5 48 48l0 352c0 26.5-21.5 48-48 48l-35.2 0c-50.7 0-100.9 10-147.7 29.5l-12.8 5.3c-7.9 3.3-16.7 3.3-24.6 0l-12.8-5.3C184.1 490 133.9 480 83.2 480L48 480c-26.5 0-48-21.5-48-48L0 80C0 53.5 21.5 32 48 32l35.2 0c50.7 0 100.9 10 147.7 29.5z"></path></svg></i><p id="brxe-fciobq" class="brxe-heading header-feature-heading1" role="heading" aria-level="4">Effortless Journaling</p><p id="brxe-cvdced" class="brxe-text-basic header-feature-text1">Capture thoughts in seconds through voice, text, or guided prompts.</p></div><div id="brxe-fmvmrk" class="brxe-block header-feature-block1 bricks-lazy-hidden"><i id="brxe-zhgvvg" class="fas fa-microchip brxe-icon header-feature-icon1 bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M176 24c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40c-35.3 0-64 28.7-64 64l-40 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l40 0 0 56-40 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l40 0 0 56-40 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l40 0c0 35.3 28.7 64 64 64l0 40c0 13.3 10.7 24 24 24s24-10.7 24-24l0-40 56 0 0 40c0 13.3 10.7 24 24 24s24-10.7 24-24l0-40 56 0 0 40c0 13.3 10.7 24 24 24s24-10.7 24-24l0-40c35.3 0 64-28.7 64-64l40 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-40 0 0-56 40 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-40 0 0-56 40 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-40 0c0-35.3-28.7-64-64-64l0-40c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40-56 0 0-40c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40-56 0 0-40zM160 128l192 0c17.7 0 32 14.3 32 32l0 192c0 17.7-14.3 32-32 32l-192 0c-17.7 0-32-14.3-32-32l0-192c0-17.7 14.3-32 32-32zm16 48l0 160 160 0 0-160-160 0z"></path></svg></i><p id="brxe-jasxoc" class="brxe-heading header-feature-heading1" role="heading" aria-level="4">AI-Powered Reflection</p><p id="brxe-echowe" class="brxe-text-basic header-feature-text1">Discover hidden patterns and receive personalized insights.</p></div><div id="brxe-nvnizo" class="brxe-block header-feature-block1 bricks-lazy-hidden"><i id="brxe-ianpwr" class="fas fa-people-arrows brxe-icon header-feature-icon1 bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false">
742<path fill="currentColor" d="M32 64A64 64 0 1 1 160 64 64 64 0 1 1 32 64zM0 224c0-35.3 28.7-64 64-64l64 0c3.2 0 6.4 .2 9.5 .7L93.1 205.1C65 233.2 65 278.8 93.1 306.9l56 56c3.4 3.4 7 6.4 10.9 9l0 92.1c0 26.5-21.5 48-48 48l-32 0c-26.5 0-48-21.5-48-48l0-120.6C12.9 332.4 0 311.7 0 288l0-64zM352 64a64 64 0 1 1 128 0 64 64 0 1 1 -128 0zm66.9 141.1l-44.4-44.4c3.1-.5 6.3-.7 9.5-.7l64 0c35.3 0 64 28.7 64 64l0 64c0 23.7-12.9 44.4-32 55.4L480 464c0 26.5-21.5 48-48 48l-32 0c-26.5 0-48-21.5-48-48l0-92.1c3.9-2.6 7.5-5.6 10.9-9l56-56c28.1-28.1 28.1-73.7 0-101.8zM302.8 177.8c9-3.7 19.3-1.7 26.2 5.2l56 56c9.4 9.4 9.4 24.6 0 33.9l-56 56c-6.9 6.9-17.2 8.9-26.2 5.2S288 321.7 288 312l0-24-64 0 0 24c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-56-56c-9.4-9.4-9.4-24.6 0-33.9l56-56c6.9-6.9 17.2-8.9 26.2-5.2S224 190.3 224 200l0 24 64 0 0-24c0-9.7 5.8-18.5 14.8-22.2z"></path></svg></i><p id="brxe-lwfwfz" class="brxe-heading header-feature-heading1" role="heading" aria-level="4">Two-Way Conversations</p><p id="brxe-uccpvw" class="brxe-text-basic header-feature-text1">Engage with your AI coach who helps you explore deeper insights.</p></div><div id="brxe-ukiqfo" class="brxe-block header-feature-block1 bricks-lazy-hidden"><i id="brxe-srawpd" class="fas fa-lock brxe-icon header-feature-icon1 bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M128 96l0 64 128 0 0-64c0-35.3-28.7-64-64-64s-64 28.7-64 64zM64 160l0-64C64 25.3 121.3-32 192-32S320 25.3 320 96l0 64c35.3 0 64 28.7 64 64l0 224c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 224c0-35.3 28.7-64 64-64z"></path></svg></i><p id="brxe-gqrmvp" class="brxe-heading header-feature-heading1" role="heading" aria-level="4">Private and Secure</p><p id="brxe-jdnnpq" class="brxe-text-basic header-feature-text1">Your entries are encrypted, ensuring privacy and control.</p></div></div></div><div id="brxe-xusnts" class="brxe-block mega-menu-quantum__nav-group bricks-lazy-hidden"><a id="brxe-tfonno" class="brxe-button mega-menu-quantum__link clickable-parent bricks-button" aria-label="Download MeetYu on Google Play Store (opens in new tab)" href="https://play.google.com/store/apps/details?id=app.meetyu.meetyuapp" rel="noopener noreferrer" target="_blank">Google Play Store<i class="fas fa-arrow-right bits-icon-host"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l370.7 0-105.4 105.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"></path></svg></i></a><p id="brxe-uszlij" class="brxe-text-basic mega-menu-quantum__txt">MeetYu transforms your Android device into a powerful personal growth companion. Experience AI-native journaling that analyzes patterns, provides coaching insights, and helps you break through limitations. Available for free with premium features.</p><a id="brxe-ugdxln" href="https://play.google.com/store/apps/details?id=app.meetyu.meetyuapp" rel="noopener noreferrer" target="_blank" title="Google Play Store" class="brxe-div bricks-lazy-hidden" aria-hidden="true" tabindex="-1"><svg aria-hidden="true" class="brxe-svg" id="brxe-brdkvn" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"  width="180" height="53.33300018310547" version="1.1" viewBox="0 0 180 53.333" xml:space="preserve"><metadata id="metadata9"></metadata><path id="path11" d="m173.33 53.333h-166.66c-3.6666 0-6.6665-2.9999-6.6665-6.6665v-39.999c0-3.6666 2.9999-6.6665 6.6665-6.6665h166.66c3.6666 0 6.6665 2.9999 6.6665 6.6665v39.999c0 3.6666-2.9999 6.6665-6.6665 6.6665" fill="#100f0d" stroke-width=".13333"></path><path id="path13" d="m173.33 1e-3h-166.66c-3.6666 0-6.6665 2.9999-6.6665 6.6665v39.999c0 3.6666 2.9999 6.6665 6.6665 6.6665h166.66c3.6666 0 6.6665-2.9999 6.666
7425-6.6665v-39.999c0-3.6666-2.9999-6.6665-6.6665-6.6665zm0 1.0661c3.0879 0 5.5999 2.5125 5.5999 5.6004v39.999c0 3.0879-2.5119 5.6004-5.5999 5.6004h-166.66c-3.0879 0-5.5993-2.5125-5.5993-5.6004v-39.999c0-3.0879 2.5114-5.6004 5.5993-5.6004h166.66" fill="#a2a2a1" stroke-width=".13333"></path><path id="path35" d="m142.58 40h2.4879v-16.669h-2.4879zm22.409-10.664-2.8519 7.2264h-0.0853l-2.9599-7.2264h-2.6799l4.4399 10.1-2.5319 5.6185h2.5946l6.8412-15.718zm-14.11 8.7706c-0.81331 0-1.9506-0.40786-1.9506-1.4156 0-1.2865 1.416-1.7797 2.6373-1.7797 1.0933 0 1.6093 0.23546 2.2733 0.55732-0.19333 1.5442-1.5226 2.6379-2.9599 2.6379zm0.30133-9.1352c-1.8013 0-3.6666 0.79371-4.4386 2.5521l2.208 0.92184c0.47198-0.92184 1.3506-1.2218 2.2733-1.2218 1.2866 0 2.5946 0.77131 2.6159 2.1442v0.17133c-0.45066-0.25733-1.416-0.64318-2.5946-0.64318-2.3813 0-4.8039 1.3077-4.8039 3.7524 0 2.2302 1.952 3.6671 4.1386 3.6671 1.672 0 2.5959-0.75054 3.1732-1.6301h0.0867v1.2874h2.4026v-6.391c0-2.9593-2.2106-4.6103-5.0612-4.6103zm-15.376 2.3937h-3.5386v-5.7133h3.5386c1.86 0 2.9159 1.5396 2.9159 2.8566 0 1.2917-1.056 2.8567-2.9159 2.8567zm-0.064-8.0337h-5.9614v16.669h2.4869v-6.3149h3.4746c2.7573 0 5.4679-1.9958 5.4679-5.1765 0-3.1801-2.7106-5.1769-5.4679-5.1769zm-32.507 14.778c-1.7188 0-3.1573-1.4396-3.1573-3.415 0-1.9984 1.4385-3.4583 3.1573-3.4583 1.6969 0 3.0286 1.46 3.0286 3.4583 0 1.9754-1.3317 3.415-3.0286 3.415zm2.8567-7.8403h-0.086c-0.55826-0.66572-1.6328-1.2672-2.9853-1.2672-2.8359 0-5.4348 2.4921-5.4348 5.6925 0 3.1786 2.5989 5.6488 5.4348 5.6488 1.3525 0 2.427-0.6016 2.9853-1.2885h0.086v0.81558c0 2.1703-1.1598 3.3296-3.0286 3.3296-1.5245 0-2.4697-1.0953-2.8567-2.0188l-2.1691 0.90206c0.62238 1.503 2.2759 3.351 5.0259 3.351 2.9218 0 5.392-1.7188 5.392-5.9077v-10.181h-2.3634zm4.0822 9.7304h2.4906v-16.669h-2.4906zm6.164-5.4988c-0.0641-2.1911 1.6978-3.3078 2.9645-3.3078 0.98851 0 1.8254 0.49425 2.1057 1.2026zm7.7326-1.8906c-0.47238-1.2666-1.9114-3.6082-4.8541-3.6082-2.9218 0-5.3488 2.2983-5.3488 5.6707 0 3.1791 2.4062 5.6707 5.6275 5.6707 2.5989 0 4.1031-1.589 4.7264-2.513l-1.9333-1.289c-0.64465 0.94531-1.5249 1.5682-2.7931 1.5682-1.2666 0-2.1692-0.58012-2.7483-1.7186l7.5815-3.1359zm-60.409-1.8682v2.4057h5.7565c-0.17186 1.3532-0.62292 2.3411-1.3104 3.0286-0.83798 0.83745-2.1483 1.7614-4.4462 1.7614-3.5443 0-6.315-2.8567-6.315-6.4009s2.7707-6.4013 6.315-6.4013c1.9118 0 3.3077 0.75198 4.3388 1.7186l1.6974-1.6973c-1.4396-1.3745-3.351-2.427-6.0362-2.427-4.8552 0-8.9363 3.9524-8.9363 8.807 0 4.8541 4.0811 8.8066 8.9363 8.8066 2.6202 0 4.5967-0.85932 6.143-2.4702 1.5896-1.5896 2.0838-3.8234 2.0838-5.628 0-0.55785-0.04333-1.0734-0.1292-1.5032zm14.772 7.3675c-1.7188 0-3.201-1.4177-3.201-3.4368 0-2.0406 1.4822-3.4364 3.201-3.4364 1.7181 0 3.2003 1.3958 3.2003 3.4364 0 2.0191-1.4822 3.4368-3.2003 3.4368zm0-9.1075c-3.137 0-5.6927 2.3842-5.6927 5.6707 0 3.265 2.5557 5.6707 5.6927 5.6707 3.1358 0 5.692-2.4057 5.692-5.6707 0-3.2865-2.5562-5.6707-5.692-5.6707zm12.417 9.1075c-1.7176 0-3.2003-1.4177-3.2003-3.4368 0-2.0406 1.4828-3.4364 3.2003-3.4364 1.7188 0 3.2005 1.3958 3.2005 3.4364 0 2.0191-1.4817 3.4368-3.2005 3.4368zm0-9.1075c-3.1358 0-5.6915 2.3842-5.6915 5.6707 0 3.265 2.5557 5.6707 5.6915 5.6707 3.137 0 5.6927-2.4057 5.6927-5.6707 0-3.2865-2.5557-5.6707-5.6927-5.6707" fill="#fff" stroke-width=".13333"></path><path id="path37" d="m27.622 25.899-14.194 15.066c5.34e-4 0.0031 0.0016 0.0057 0.0021 0.0089 0.43532 1.636 1.9296 2.8406 3.703 2.8406 0.70892 0 1.3745-0.19166 1.9453-0.52812l0.04533-0.02656 15.978-9.22-7.479-8.141" fill="#eb3131" stroke-width=".13333"></path><path id="path39" d="m41.983 23.334-0.0136-0.0093-6.8982-3.999-7.7717 6.9156 7.7987 7.7977 6.8618-3.9592c1.203-0.64945 2.0197-1.9177 2.0197-3.3802 0-1.452-0.80571-2.7139-1.9968-3.3655" fill="#f6b60b" stroke-width=".13333"></path><path id="path41" d="m13.426 12.37c-0.08533 0.31466-0.13018 0.64425-0.13018 0.98651v26.623c0 0.34162 0.04432 0.67233 0.13072 0.98587l14.684-14.681-14.684-13.914" fill="#5778c5" stroke-width=".13333"></path><path id="path43" d="m27.727 26.668 7.3473-7.3451-15.96-9.2534c-0.58012-0.34746-1.2572-0.54799-1.9817-0.54799-1.7734 0-3.2697 1.2068-3.7051 2.8447-5.34e-4 0.0016-5.34e-4 0.0027-5.34e-4 0.0041l14.3 14.298" fill="#3bad49" stroke-width=".13333"></path><path id="path33" d="m63.193 13.042h-3.8895v0.96251h2.9146c-0.0792 0.78545-0.39172 1.4021-0.9
7421878 1.85-0.52705 0.44799-1.2 0.67292-1.9958 0.67292-0.87291 0-1.6125-0.30413-2.2186-0.90824-0.59385-0.61665-0.89584-1.3792-0.89584-2.2979 0-0.91864 0.30199-1.6812 0.89584-2.2978 0.60612-0.60412 1.3457-0.90624 2.2186-0.90624 0.44799 0 0.87504 0.07707 1.2666 0.24586 0.39172 0.16866 0.70625 0.40412 0.95211 0.70625l0.73958-0.73958c-0.33546-0.38132-0.76038-0.67292-1.2876-0.88544-0.52705-0.21253-1.077-0.31453-1.6708-0.31453-1.1645 0-2.1519 0.40412-2.9582 1.2104-0.80625 0.80825-1.2104 1.8041-1.2104 2.9811 0 1.177 0.40412 2.175 1.2104 2.9813 0.80625 0.80611 1.7937 1.2104 2.9582 1.2104 1.2229 0 2.1979-0.39172 2.9479-1.1876 0.66038-0.66238 0.99784-1.5582 0.99784-2.679 0-0.1896-0.02293-0.39172-0.05627-0.60425zm1.5068-3.7332v8.0249h4.6852v-0.98544h-3.654v-2.5457h3.2958v-0.96251h-3.2958v-2.5437h3.654v-0.98758zm11.255 0.98758v-0.98758h-5.5145v0.98758h2.2417v7.0373h1.0312v-7.0373zm4.9925-0.98758h-1.0312v8.0249h1.0312zm6.8066 0.98758v-0.98758h-5.5144v0.98758h2.2415v7.0373h1.0312v-7.0373zm10.406 0.05626c-0.79585-0.81877-1.7708-1.2229-2.9354-1.2229-1.1666 0-2.1415 0.40412-2.9374 1.2104-0.79585 0.79585-1.1874 1.7937-1.1874 2.9811s0.39159 2.1854 1.1874 2.9813c0.79585 0.80611 1.7708 1.2104 2.9374 1.2104 1.1541 0 2.1395-0.40426 2.9354-1.2104 0.79585-0.79585 1.1874-1.7938 1.1874-2.9813 0-1.177-0.39159-2.1729-1.1874-2.9686zm-5.1332 0.67078c0.59372-0.60412 1.3229-0.90624 2.1978-0.90624 0.87291 0 1.6021 0.30213 2.1854 0.90624 0.59372 0.59372 0.88531 1.3686 0.88531 2.2978 0 0.93131-0.29159 1.7041-0.88531 2.2979-0.58332 0.60412-1.3125 0.90824-2.1854 0.90824-0.87491 0-1.6041-0.30413-2.1978-0.90824-0.58132-0.60625-0.87291-1.3666-0.87291-2.2979 0-0.92918 0.29159-1.6916 0.87291-2.2978zm8.7706 1.3125-0.0437-1.548h0.0437l4.0791 6.5457h1.077v-8.0249h-1.0312v4.6957l0.0437 1.548h-0.0437l-3.8999-6.2437h-1.2562v8.0249h1.0312z" fill="#fff" stroke="#fff" stroke-miterlimit="10" stroke-width=".26666"></path></svg></a></div><div id="brxe-jitvgf" class="brxe-block mega-menu-quantum__nav-group bricks-lazy-hidden"><a id="brxe-ejgeeb" class="brxe-button mega-menu-quantum__link clickable-parent bricks-button" aria-label="Download MeetYu on Apple App Store (opens in new tab)" href="https://apps.apple.com/us/app/meetyu-journal/id6450647520" rel="noopener noreferrer" target="_blank">Apple App Store<i class="fas fa-arrow-right bits-icon-host"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l370.7 0-105.4 105.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"></path></svg></i></a><p id="brxe-fbhzhi" class="brxe-text-basic mega-menu-quantum__txt">Unlock your potential with MeetYu Life Coach on iOS - the journaling app that thinks alongside you. Beautiful design meets powerful AI to turn daily reflection into extraordinary personal growth. Discover why MeetYu will be the top choice for mindful professionals.</p><a id="brxe-whgfhd" href="https://apps.apple.com/us/app/meetyu-journal/id6450647520" rel="noopener noreferrer" target="_blank" title="Apple App Store" class="brxe-div bricks-lazy-hidden" aria-hidden="true" tabindex="-1"><svg aria-hidden="true" class="brxe-svg" id="brxe-yceyjs" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"  x="0px" y="0px" width="135" height="40" viewBox="0 0 135 40" xml:space="preserve"> <g> <path fill="#A6A6A6" d="M130.197,40H4.729C2.122,40,0,37.872,0,35.267V4.726C0,2.12,2.122,0,4.729,0h125.468 C132.803,0,135,2.12,135,4.726v30.541C135,37.872,132.803,40,130.197,40L130.197,40z"></path> <path d="M134.032,35.268c0,2.116-1.714,3.83-3.834,3.83H4.729c-2.119,0-3.839-1.714-3.839-3.83V4.725 c0-2.115,1.72-3.835,3.839-3.835h125.468c2.121,0,3.834,1.72,3.834,3.835L134.032,35.268L134.032,35.268z"></path> <g> <g> <path fill="#FFFFFF" d="M30.128,19.784c-0.029-3.223,2.639-4.791,2.761-4.864c-1.511-2.203-3.853-2.504-4.676-2.528 c-1.967-0.207-3.875,1.177-4.877,1.177c-1.022,0-2.565-1.157-4.228-1.123c-2.14,0.033-4.142,1.272-5.24,3.196 c-2.266,3.923-0.576,9.688,1.595,12.859c1.086,1.553,2.355,3.287,4.016,3.226c1.625-0.067,2.232-1.036,4.193-1.036 c1.943,0,2.513,1.036,4.207,0.997c1.744-0.028,2.842-1.56,3.89-3.127c1.255-1.78,1.759-3.533,1.779-3.623 C33.507,24.924,30.161,23.647,30.128,19.784z"></path> <path fill="#FFFFFF" d="M26.928,10.306c0.874-1.093,1.472-2.58,1.306-4.089c-1.265,0.056-2.847,0.875-3.758,1.944 c-0.806,0.942-1.526,2.486-1.34,3.938C24.557,12.205,26.016,11.382,26.928,10.306z"></path> </g> </g> <g> <path fill="#FFFFFF" d="M53.645,31.504h-2.271l-1.244-3.909h-4.324l-1.185,3.909h-2.211l4.284-13.308h2.646L53.645,31.504z M49.755,25.955L48.63,22.48c-0.119-0.355-0.342-1.191-0.671-2.507h-0.04c-0.131,0.566-0.342,1.402-0.632,2.507l-1.105,3.475 H49.755z"></path> <path fill="#FFFFFF" d="M64.662,26.588c0,1.632-0.441,2.922-1.323,3.869c-0.79,0.843-1.771,1.264-2.942,1.264 c-1.264,0-2.172-0.454-2.725-1.362h-0.04v5.055h-2.132V25.067c0-1.026-0.027-2.079-0.079-3.159h1.875l0.119,1.521h0.04 c0.711-1.146,1.79-1.718,3.238-1.718c1.132,0,2.077,0.447,2.833,1.342C64.284,23.949,64.662,25.127,64.662,26.588z M62.49,26.666 c0-0.934-0.21-1.704-0.632-2.31c-0.461-0.632-1.
74208-0.948-1.856-0.948c-0.526,0-1.004,0.176-1.431,0.523 c-0.428,0.35-0.708,0.807-0.839,1.373c-0.066,0.264-0.099,0.48-0.099,0.65v1.6c0,0.698,0.214,1.287,0.642,1.768 s0.984,0.721,1.668,0.721c0.803,0,1.428-0.31,1.875-0.928C62.266,28.496,62.49,27.68,62.49,26.666z"></path> <path fill="#FFFFFF" d="M75.699,26.588c0,1.632-0.441,2.922-1.324,3.869c-0.789,0.843-1.77,1.264-2.941,1.264 c-1.264,0-2.172-0.454-2.724-1.362H68.67v5.055h-2.132V25.067c0-1.026-0.027-2.079-0.079-3.159h1.875l0.119,1.521h0.04 c0.71-1.146,1.789-1.718,3.238-1.718c1.131,0,2.076,0.447,2.834,1.342C75.32,23.949,75.699,25.127,75.699,26.588z M73.527,26.666 c0-0.934-0.211-1.704-0.633-2.31c-0.461-0.632-1.078-0.948-1.855-0.948c-0.527,0-1.004,0.176-1.432,0.523 c-0.428,0.35-0.707,0.807-0.838,1.373c-0.065,0.264-0.099,0.48-0.099,0.65v1.6c0,0.698,0.214,1.287,0.64,1.768 c0.428,0.48,0.984,0.721,1.67,0.721c0.803,0,1.428-0.31,1.875-0.928C73.303,28.496,73.527,27.68,73.527,26.666z"></path> <path fill="#FFFFFF" d="M88.039,27.772c0,1.132-0.393,2.053-1.182,2.764c-0.867,0.777-2.074,1.165-3.625,1.165 c-1.432,0-2.58-0.276-3.449-0.829l0.494-1.777c0.936,0.566,1.963,0.85,3.082,0.85c0.803,0,1.428-0.182,1.877-0.544 c0.447-0.362,0.67-0.848,0.67-1.454c0-0.54-0.184-0.995-0.553-1.364c-0.367-0.369-0.98-0.712-1.836-1.029 c-2.33-0.869-3.494-2.142-3.494-3.816c0-1.094,0.408-1.991,1.225-2.689c0.814-0.699,1.9-1.048,3.258-1.048 c1.211,0,2.217,0.211,3.02,0.632l-0.533,1.738c-0.75-0.408-1.598-0.612-2.547-0.612c-0.75,0-1.336,0.185-1.756,0.553 c-0.355,0.329-0.533,0.73-0.533,1.205c0,0.526,0.203,0.961,0.611,1.303c0.355,0.316,1,0.658,1.936,1.027 c1.145,0.461,1.986,1,2.527,1.618C87.77,26.081,88.039,26.852,88.039,27.772z"></path> <path fill="#FFFFFF" d="M95.088,23.508h-2.35v4.659c0,1.185,0.414,1.777,1.244,1.777c0.381,0,0.697-0.033,0.947-0.099l0.059,1.619 c-0.42,0.157-0.973,0.236-1.658,0.236c-0.842,0-1.5-0.257-1.975-0.77c-0.473-0.514-0.711-1.376-0.711-2.587v-4.837h-1.4v-1.6h1.4 v-1.757l2.094-0.632v2.389h2.35V23.508z"></path> <path fill="#FFFFFF" d="M105.691,26.627c0,1.475-0.422,2.686-1.264,3.633c-0.883,0.975-2.055,1.461-3.516,1.461 c-1.408,0-2.529-0.467-3.365-1.401s-1.254-2.113-1.254-3.534c0-1.487,0.43-2.705,1.293-3.652c0.861-0.948,2.023-1.422,3.484-1.422 c1.408,0,2.541,0.467,3.396,1.402C105.283,24.021,105.691,25.192,105.691,26.627z M103.479,26.696 c0-0.885-0.189-1.644-0.572-2.277c-0.447-0.766-1.086-1.148-1.914-1.148c-0.857,0-1.508,0.383-1.955,1.148 c-0.383,0.634-0.572,1.405-0.572,2.317c0,0.885,0.189,1.644,0.572,2.276c0.461,0.766,1.105,1.148,1.936,1.148 c0.814,0,1.453-0.39,1.914-1.168C103.281,28.347,103.479,27.58,103.479,26.696z"></path> <path fill="#FFFFFF" d="M112.621,23.783c-0.211-0.039-0.436-0.059-0.672-0.059c-0.75,0-1.33,0.283-1.738,0.85 c-0.355,0.5-0.533,1.132-0.533,1.895v5.035h-2.131l0.02-6.574c0-1.106-0.027-2.113-0.08-3.021h1.857l0.078,1.836h0.059 c0.225-0.631,0.58-1.139,1.066-1.52c0.475-0.343,0.988-0.514,1.541-0.514c0.197,0,0.375,0.014,0.533,0.039V23.783z"></path> <path fill="#FFFFFF" d="M122.156,26.252c0,0.382-0.025,0.704-0.078,0.967h-6.396c0.025,0.948,0.334,1.673,0.928,2.173 c0.539,0.447,1.236,0.671,2.092,0.671c0.947,0,1.811-0.151,2.588-0.454l0.334,1.48c-0.908,0.396-1.98,0.593-3.217,0.593 c-1.488,0-2.656-0.438-3.506-1.313c-0.848-0.875-1.273-2.05-1.273-3.524c0-1.447,0.395-2.652,1.186-3.613 c0.828-1.026,1.947-1.539,3.355-1.539c1.383,0,2.43,0.513,3.141,1.539C121.873,24.047,122.156,25.055,122.156,26.252z M120.123,25.699c0.014-0.632-0.125-1.178-0.414-1.639c-0.369-0.593-0.936-0.889-1.699-0.889c-0.697,0-1.264,0.289-1.697,0.869 c-0.355,0.461-0.566,1.014-0.631,1.658H120.123z"></path> </g> <g> <g> <path fill="#FFFFFF" d="M49.05,10.009c0,1.177-0.353,2.063-1.058,2.658c-0.653,0.549-1.581,0.824-2.783,0.824 c-0.596,0-1.106-0.026-1.533-0.078V6.982c0.557-0.09,1.157-0.136,1.805-0.136c1.145,0,2.008,0.249,2.59,0.747 C48.723,8.156,49.05,8.961,49.05,10.009z M47.945,10.038c0-0.763-0.202-1.348-0.606-1.756c-0.404-0.407-0.994-0.611-1.771-0.611 c-0.33,0-0.611,0.022-0.844,0.068v4.889c0.129,0.02,0.365,0.029,0.708,0.029c0.802,0,1.421-0.223,1.857-0.669 S47.945,10.892,47.945,10.038z"></path> <path fill="#FFFFFF" d="M54.909,11.037c0,0.725-0.207,1.319-0.621,1.785c-0.434,0.479-1.009,0.718-1.727,0.718 c-0.692,0-1.243-0.229-1.654-0.689c-0.41-0.459-0.615-1.038-0.615-1.736c0-0.73,0.211-1.329,0.635-1.794s0.994-0.698,1.712-0.698 c0.692,0,1.248,0.229,1.669,0.688C54.708,9.757,54.909,10.333,54.909,11.037z M53.822,11.071c0-0.435-0.094-0.808-0.281-1.119 c-0.22-0.376-0.533-0.564-0.94-0.564c-0.421,0-0.741,0.188-0.961,0.564c-0.188,0.311-0.281,0.69-0.281,1.138 c0,0.435,0.094,0.808,0.281,1.119c0.227,0.376,0.543,0.564,0.951,0.564c0.4,0,0.714-0.191,0.94-0.574 C53.725,11.882,53.822,11.506,53.822,11.071z"></path> <path fill="#FFFFFF" d="M62.765,8.719l-1.475,4.714h-0.96l-0.611-2.047c-0.155-0.511-0.281-1.019-0.379-1.523h-0.019 c-0.091,0.518-0.217,1.025-0.379,1.523l-0.649,2.047h-0.971l-1.387-4.714h1.077l0.533,2.241c0.129,0.53,0.235,1.035,0.32,1.513 h0.019c0.078-0.394,0.207-0.896,0.389-1.503l0.669-2.25h0.854l0.641,2.202c0.155,0.537,0.281,1.054,0.378,1.552h0.029 c0.071-0.485,0.178-1.002,0.32-1.552l0.572-2.202H62.765z"></path> <path fill="#FFFFFF" d="M68.198,13.433H67.15v-2.7c0-0.832-0.316-1.248-0.95-1.248c-0.311,0-0.562,0.114-0.757,0.343 c-0.193,0.229-0.291,0.499-0.291,0.808v2.796h-1.048v-3.366c0-0.414-0.013-0.863-0.038-1.349h0.921l0.049,0.737h0.029 c0.122-0.229,0.304-0.418,0.543-0.569c0.284-0.176,0.602-0.265,0.95-0.265c0.44,0,0.806,0.142,1.097,0.427 c0.362,0.349,0.543,0.87,0.543,1.562V13.433z"></path> <path fill="#FFFFFF" d="M71.088,13.433h-1.047V6.556h1.047V13.433z"></path> <path fill="#FFFFFF" d="M77.258,11.037c0,0.725-0.207,1.319-0.621,1.785c-0.434,0.479-1.01,0.718-1.727,0.718 c-0.693,0-1.244-0.229-1.654-0.689c-0.41-0.459-0.615-1.038-0.615-1.736c0-0.73,0.211-1.329,0.635-1.794s0.994-0.698,1.711-0.698 c0.693,0,1.248,0.229,1.67,0.688C77.057,9.757,77.258,10.333,77.258,11.037z M76.17,11.071c0-0.435-0.094-0.808-0.281-1.119 c-0.219-0.376-0.533-0.564-0.939-0.564c-0.422,0-0.742,0.188-0.961,0.564c-0.188,0.311-0.281,0.69-0.281,1.138 c0,0.435,0.094,0.808,0.281,1.119c0.227,0.376,0.543,0.564,0.951,0.564c0.4,0,0.713-0.191,0.939-0.574 C76.074,11.882,76.17,11.506,76.17,11.071z"></path> <path fill="#FFFFFF" d="M82.33,13.433h-0.941l-0.078-0.543h-0.029c-0.322,0.433-0.781,0.65-1.377,0.65 c-0.445,0-0.805-0.143-1.076-0.427c-0.246-0.258-0.369-0.579-0.369-0.96c0-0.576,0.24-1.015,0.723-1.319 c0.482-0.304,1.16-0.453,2.033-0.446V10.3c0-0.621-0.326-0.931-0.979-0.931c-0.465,0-0.875,0.117-1.229,0.349l-0.213-0.688 c0.438-0.271,0.979-0.407,1.617-0.407c1.232,0,1.85,0.65,1.85,1.95v1.736C82.262,12.78,82.285,13.155,82.33,13.433z M81.242,11.813v-0.727c-1.156-0.02-1.734,0.297-1.734,0.95c0,0.246,0.066,0.43,0.201,0.553c0.
742135,0.123,0.307,0.184,0.512,0.184 c0.23,0,0.445-0.073,0.641-0.218c0.197-0.146,0.318-0.331,0.363-0.558C81.236,11.946,81.242,11.884,81.242,11.813z"></path> <path fill="#FFFFFF" d="M88.285,13.433h-0.93l-0.049-0.757h-0.029c-0.297,0.576-0.803,0.864-1.514,0.864 c-0.568,0-1.041-0.223-1.416-0.669s-0.562-1.025-0.562-1.736c0-0.763,0.203-1.381,0.611-1.853c0.395-0.44,0.879-0.66,1.455-0.66 c0.633,0,1.076,0.213,1.328,0.64h0.02V6.556h1.049v5.607C88.248,12.622,88.26,13.045,88.285,13.433z M87.199,11.445v-0.786 c0-0.136-0.01-0.246-0.029-0.33c-0.059-0.252-0.186-0.464-0.379-0.635c-0.195-0.171-0.43-0.257-0.701-0.257 c-0.391,0-0.697,0.155-0.922,0.466c-0.223,0.311-0.336,0.708-0.336,1.193c0,0.466,0.107,0.844,0.322,1.135 c0.227,0.31,0.533,0.465,0.916,0.465c0.344,0,0.619-0.129,0.828-0.388C87.1,12.069,87.199,11.781,87.199,11.445z"></path> <path fill="#FFFFFF" d="M97.248,11.037c0,0.725-0.207,1.319-0.621,1.785c-0.434,0.479-1.008,0.718-1.727,0.718 c-0.691,0-1.242-0.229-1.654-0.689c-0.41-0.459-0.615-1.038-0.615-1.736c0-0.73,0.211-1.329,0.635-1.794s0.994-0.698,1.713-0.698 c0.691,0,1.248,0.229,1.668,0.688C97.047,9.757,97.248,10.333,97.248,11.037z M96.162,11.071c0-0.435-0.094-0.808-0.281-1.119 c-0.221-0.376-0.533-0.564-0.941-0.564c-0.42,0-0.74,0.188-0.961,0.564c-0.188,0.311-0.281,0.69-0.281,1.138 c0,0.435,0.094,0.808,0.281,1.119c0.227,0.376,0.543,0.564,0.951,0.564c0.4,0,0.715-0.191,0.941-0.574 C96.064,11.882,96.162,11.506,96.162,11.071z"></path> <path fill="#FFFFFF" d="M102.883,13.433h-1.047v-2.7c0-0.832-0.316-1.248-0.951-1.248c-0.311,0-0.562,0.114-0.756,0.343 s-0.291,0.499-0.291,0.808v2.796h-1.049v-3.366c0-0.414-0.012-0.863-0.037-1.349h0.92l0.049,0.737h0.029 c0.123-0.229,0.305-0.418,0.543-0.569c0.285-0.176,0.602-0.265,0.951-0.265c0.439,0,0.805,0.142,1.096,0.427 c0.363,0.349,0.543,0.87,0.543,1.562V13.433z"></path> <path fill="#FFFFFF" d="M109.936,9.504h-1.154v2.29c0,0.582,0.205,0.873,0.611,0.873c0.188,0,0.344-0.016,0.467-0.049 l0.027,0.795c-0.207,0.078-0.479,0.117-0.814,0.117c-0.414,0-0.736-0.126-0.969-0.378c-0.234-0.252-0.35-0.676-0.35-1.271V9.504 h-0.689V8.719h0.689V7.855l1.027-0.31v1.173h1.154V9.504z"></path> <path fill="#FFFFFF" d="M115.484,13.433h-1.049v-2.68c0-0.845-0.316-1.268-0.949-1.268c-0.486,0-0.818,0.245-1,0.735 c-0.031,0.103-0.049,0.229-0.049,0.377v2.835h-1.047V6.556h1.047v2.841h0.02c0.33-0.517,0.803-0.775,1.416-0.775 c0.434,0,0.793,0.142,1.078,0.427c0.355,0.355,0.533,0.883,0.533,1.581V13.433z"></path> <path fill="#FFFFFF" d="M121.207,10.853c0,0.188-0.014,0.346-0.039,0.475h-3.143c0.014,0.466,0.164,0.821,0.455,1.067 c0.266,0.22,0.609,0.33,1.029,0.33c0.465,0,0.889-0.074,1.271-0.223l0.164,0.728c-0.447,0.194-0.973,0.291-1.582,0.291 c-0.73,0-1.305-0.215-1.721-0.645c-0.418-0.43-0.625-1.007-0.625-1.731c0-0.711,0.193-1.303,0.582-1.775 c0.406-0.504,0.955-0.756,1.648-0.756c0.678,0,1.193,0.252,1.541,0.756C121.068,9.77,121.207,10.265,121.207,10.853z M120.207,10.582c0.008-0.311-0.061-0.579-0.203-0.805c-0.182-0.291-0.459-0.437-0.834-0.437c-0.342,0-0.621,0.142-0.834,0.427 c-0.174,0.227-0.277,0.498-0.311,0.815H120.207z"></path> </g> </g> </g> </svg></a></div><div id="brxe-nabgwz" class="brxe-block brx-grid bricks-lazy-hidden"><img width="300" height="300" src="https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_entry-creation-teaser-1-300x300.webp" class="brxe-image mega-menu-image-lightbox css-filter size-medium" alt="MeetYu AI journaling app Create new Recap and Ask for Career Advice action cards" id="brxe-bxksou" loading="eager" decoding="async" srcset="https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_entry-creation-teaser-1-300x300.webp 300w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_entry-creation-teaser-1-1024x1024.webp 1024w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_entry-creation-teaser-1-150x150.webp 150w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_entry-creation-teaser-1-768x768.webp 768w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_entry-creation-teaser-1-1200x1200.webp 1200w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_entry-creation-teaser-1-600x600.webp 600w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_entry-creation-teaser-1.webp 1500w" sizes="(max-width: 300px) 100v
742w, 300px" /><img width="300" height="300" src="https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_journal-reaction-teaser-1-300x300.webp" class="brxe-image mega-menu-image-lightbox css-filter size-medium" alt="MeetYu AI Journal Your Journal Reacted notification with coaching feedback and Let&#039;s Chat button" id="brxe-mirmwp" loading="eager" decoding="async" srcset="https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_journal-reaction-teaser-1-300x300.webp 300w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_journal-reaction-teaser-1-1024x1024.webp 1024w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_journal-reaction-teaser-1-150x150.webp 150w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_journal-reaction-teaser-1-768x768.webp 768w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_journal-reaction-teaser-1-1200x1200.webp 1200w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_journal-reaction-teaser-1-600x600.webp 600w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_journal-reaction-teaser-1.webp 1500w" sizes="(max-width: 300px) 100vw, 300px" /><img width="300" height="300" src="https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_emotions-teaser-1-300x300.webp" class="brxe-image mega-menu-image-lightbox css-filter size-medium" alt="MeetYu AI journal mood check-in with excited party emoji and How are you feeling today prompt" id="brxe-jgglve" loading="eager" decoding="async" srcset="https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_emotions-teaser-1-300x300.webp 300w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_emotions-teaser-1-1024x1024.webp 1024w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_emotions-teaser-1-150x150.webp 150w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_emotions-teaser-1-768x768.webp 768w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_emotions-teaser-1-1200x1200.webp 1200w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_emotions-teaser-1-600x600.webp 600w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_emotions-teaser-1.webp 1500w" sizes="(max-width: 300px) 100vw, 300px" /><img width="300" height="300" src="https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_insights-teaser-1-300x300.webp" class="brxe-image mega-menu-image-lightbox css-filter size-medium" alt="MeetYu Life Coach AI Journal insights showing 5 entries this month, todo progress, and tone analysis" id="brxe-klvnus" loading="eager" decoding="async" srcset="https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_insights-teaser-1-300x300.webp 300w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_insights-teaser-1-1024x1024.webp 1024w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_insights-teaser-1-150x150.webp 150w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_insights-teaser-1-768x768.webp 768w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_insights-teaser-1-1200x1200.webp 1200w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_insights-teaser-1-600x600.webp 600w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_insights-teaser-1.webp 1500w" sizes="(max-width: 300px) 100vw, 300px" /></div></div></li></ul></li><li id="brxe-bdhknd" data-script-id="bdhknd" class="brxe-dropdown dwc-nest-nav-top-link bricks-lazy-hidden brx-has-megamenu" data-submenu-reveal data-tabbed-dropdown data-toggle="both"><div class="brx-submenu-toggle"><span>MeetYu Intelligent Workplace</span><button aria-expanded="false" aria-label="Toggle dropdown"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5" stroke="currentcolor"></path></svg></button></div><ul id="brxe-hdzmul" class="brxe-div dwc-nest-nav-list brx-dropdown-content bricks-lazy-hidden" data-content-width data-content-align preview-alignment style="--dropdown-content-width: attr(data-content-width px, var(--global-width));" data-hide-instruction aria-label="MeetYu Intelligent Workplace submenu" role="list"><li id="brxe-ahkxqv" class="brxe-block mega-menu-quantum__content-inner bricks-lazy-hidden"><div id="brxe-myscwe" class="brxe-block brx-grid h-ruled-grid bricks-lazy-hidden"><div id="brxe-hisgyg" class="brxe-block mega-menu-quantum__nav-group bricks-lazy-hidden"><p id="brxe-rdssjh" class="brxe-heading mega-menu-heading1" role="heading" aria-level="3">Solving the Organizational Intelligence Crisis</p><p id="brxe-kwijzw" class="brxe-text-basic mega-menu-quantum__txt">Your organization is most likely suffering from a lack of insight into its daily work and people</p><div id="brxe-ikhfvu" class="brxe-block brx-grid top-level-block-crisis bricks-lazy-hidden"><div id="brxe-gqdaii" class="brxe-block gap--xs block-meetyu-header-org-crisis bricks-lazy-hidden"><i id="brxe-rnqbeq" class="fas fa-circle-xmark brxe-icon icon-meetyu-header-org-crisis bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false">
742<path fill="currentColor" d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM167 167c9.4-9.4 24.6-9.4 33.9 0l55 55 55-55c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-55 55 55 55c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-55-55-55 55c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l55-55-55-55c-9.4-9.4-9.4-24.6 0-33.9z"></path></svg></i><p id="brxe-pfdmjq" class="brxe-text-basic text-meetyu-header-crisis">Best practices trapped in individual minds</p></div><div id="brxe-qaiubi" class="brxe-block gap--xs block-meetyu-header-org-crisis bricks-lazy-hidden"><i id="brxe-hwyock" class="fas fa-circle-xmark brxe-icon icon-meetyu-header-org-crisis bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM167 167c9.4-9.4 24.6-9.4 33.9 0l55 55 55-55c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-55 55 55 55c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-55-55-55 55c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l55-55-55-55c-9.4-9.4-9.4-24.6 0-33.9z"></path></svg></i><p id="brxe-cppzmc" class="brxe-text-basic text-meetyu-header-crisis">Project learnings disappear after project completion</p></div><div id="brxe-wszcer" class="brxe-block gap--xs block-meetyu-header-org-crisis bricks-lazy-hidden"><i id="brxe-knesqi" class="fas fa-circle-xmark brxe-icon icon-meetyu-header-org-crisis bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM167 167c9.4-9.4 24.6-9.4 33.9 0l55 55 55-55c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-55 55 55 55c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-55-55-55 55c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l55-55-55-55c-9.4-9.4-9.4-24.6 0-33.9z"></path></svg></i><p id="brxe-zqrjhr" class="brxe-text-basic text-meetyu-header-crisis">Process bottlenecks may never surface</p></div></div><div id="brxe-qygrxd" class="brxe-block brx-grid top-level-block-crisis bricks-lazy-hidden"><div id="brxe-jhrbcm" class="brxe-block gap--xs block-meetyu-header-org-crisis bricks-lazy-hidden"><i id="brxe-ypcobk" class="fas fa-circle-xmark brxe-icon icon-meetyu-header-org-crisis bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM167 167c9.4-9.4 24.6-9.4 33.9 0l55 55 55-55c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-55 55 55 55c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-55-55-55 55c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l55-55-55-55c-9.4-9.4-9.4-24.6 0-33.9z"></path></svg></i><p id="brxe-tlsmmr" class="brxe-text-basic text-meetyu-header-crisis">Innovation ideas never reach decision-makers</p></div><div id="brxe-keqpgc" class="brxe-block gap--xs block-meetyu-header-org-crisis bricks-lazy-hidden"><i id="brxe-cpohbo" class="fas fa-circle-xmark brxe-icon icon-meetyu-header-org-crisis bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM167 167c9.4-9.4 24.6-9.4 33.9 0l55 55 55-55c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-55 55 55 55c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-55-55-55 55c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l55-55-55-55c-9.4-9.4-9.4-24.6 0-33.9z"></path></svg></i><p id="brxe-tjcfxu" class="brxe-text-basic text-meetyu-header-crisis">Management operates on delayed information</p></div><div id="brxe-ffotuu" class="brxe-block gap--xs block-meetyu-header-org-crisis bricks-lazy-hidden"><i id="brxe-xdqlby" class="fas fa-circle-xmark brxe-icon icon-meetyu-header-org-crisis bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM167 167c9.4-9.4 24.6-9.4 33.9 0l55 55 55-55c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-55 55 55 55c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-55-55-55 55c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l55-55-55-55c-9.4-9.4-9.4-24.6 0-33.9z"></path></svg></i><p id="brxe-snncmq" class="brxe-text-basic text-meetyu-header-crisis">Cross-team expertise stays siloed within departments</p></div></div><div id="brxe-brnrfa" class="brxe-block brx-grid top-level-block-crisis bricks-lazy-hidden"><div id="brxe-dekxlu" class="brxe-block block-crisis-results gap--xs bricks-lazy-hidden"><i id="brxe-yuoqaa" class="fas fa-exclamation brxe-icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 512" class="bits-svg-icon" aria-hidden="true" focusable="false">
742<path fill="currentColor" d="M64 432c22.1 0 40 17.9 40 40s-17.9 40-40 40-40-17.9-40-40c0-22.1 17.9-40 40-40zM64 0c26.5 0 48 21.5 48 48 0 .6 0 1.1 0 1.7l-16 304c-.9 17-15 30.3-32 30.3S33 370.7 32 353.7L16 49.7c0-.6 0-1.1 0-1.7 0-26.5 21.5-48 48-48z"></path></svg></i><p id="brxe-miefnv" class="brxe-text-basic">From lost revenue opportunities to inflated operational costs: Simple visibility gaps cascade into systematic organizational failure</p></div></div></div><div id="brxe-uiscan" class="brxe-block mega-menu-quantum__nav-group bricks-lazy-hidden"><p id="brxe-nvexpp" class="brxe-heading mega-menu-heading1" role="heading" aria-level="3">To Ensure Your Organizational Excellence</p><p id="brxe-spprvw" class="brxe-text-basic mega-menu-quantum__txt">Everything your organization needs to transform hidden knowledge into competitive advantage</p><div id="brxe-uynwyw" class="brxe-block brx-grid header-feature-block-container bricks-lazy-hidden"><div id="brxe-wnpuxl" class="brxe-block header-feature-block1 header-feature-block-green bricks-lazy-hidden"><i id="brxe-zqouvn" class="fas fa-feather-pointed brxe-icon header-feature-icon1 bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M475.3 .1c9.9-.8 19.6 3 26.6 10s10.8 16.7 10 26.6c-4 49.3-17.4 126.2-46.3 199.7-1.8 4.5-5.5 7.9-10.2 9.3L374.5 270c-3.9 1.2-6.5 4.7-6.5 8.8 0 5.1 4.1 9.2 9.2 9.2l38.6 0c12 0 19.7 12.8 13.5 23.1-4 6.7-8.3 13.2-12.7 19.6-2 2.9-5 5-8.4 6.1L310.5 366c-3.9 1.2-6.5 4.7-6.5 8.8 0 5.1 4.1 9.2 9.2 9.2l16 0c14.6 0 21 17.4 8.8 25.4-68 45-137.7 43.3-182.4 31.3-12.7-3.4-24-9.9-34.4-17.9L48 496c-8.8 8.8-23.2 8.8-32 0s-8.8-23.2 0-32l80-80 .5 .5c.7-1.3 1.6-2.5 2.7-3.6L256 224c8.8-8.8 8.8-23.2 0-32s-23.2-8.8-32 0L89.7 326.2c-8.9 8.9-24 4.4-25-8.2-4.3-53.2 9.3-123.1 72.6-186.4 91.1-91.1 254.2-124.7 337.9-131.5z"></path></svg></i><p id="brxe-tspato" class="brxe-heading header-feature-heading1" role="heading" aria-level="4">Team-Wide Intelligence Capture</p><p id="brxe-intfot" class="brxe-text-basic header-feature-text1">Convert daily experiences into searchable organizational knowledge.</p></div><div id="brxe-yuzays" class="brxe-block header-feature-block1 header-feature-block-green bricks-lazy-hidden"><i id="brxe-sjgcfy" class="fas fa-clock brxe-icon header-feature-icon1 bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M256 0a256 256 0 1 1 0 512 256 256 0 1 1 0-512zM232 120l0 136c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2 280 120c0-13.3-10.7-24-24-24s-24 10.7-24 24z"></path></svg></i><p id="brxe-layumy" class="brxe-heading header-feature-heading1" role="heading" aria-level="4">Real-Time Pattern Recognition</p><p id="brxe-lgjxkq" class="brxe-text-basic header-feature-text1">Surface bottlenecks and opportunities before they impact performance.</p></div><div id="brxe-kwrsly" class="brxe-block header-feature-block1 header-feature-block-green bricks-lazy-hidden"><i id="brxe-ttlrmy" class="fas fa-people-group brxe-icon header-feature-icon1 bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M256 0a64 64 0 1 1 0 128 64 64 0 1 1 0-128zm96 312c0 25-12.7 47-32 59.9l0 92.1c0 26.5-21.5 48-48 48l-32 0c-26.5 0-48-21.5-48-48l0-92.1C172.7 359 160 337 160 312l0-40c0-53 43-96 96-96s96 43 96 96l0 40zM96 32a56 56 0 1 1 0 112 56 56 0 1 1 0-112zm16 240l0 32c0 32.5 12.1 62.1 32 84.7l0 75.3c0 1.2 0 2.5 .1 3.7-8.5 7.6-19.7 12.3-32.1 12.3l-32 0c-26.5 0-48-21.5-48-48l0-56.6C12.9 364.4 0 343.7 0 320l0-32c0-53 43-96 96-96 12.7 0 24.8 2.5 35.9 6.9-12.6 21.4-19.9 46.4-19.9 73.1zM368 464l0-75.3c19.9-22.5 32-52.2 32-84.7l0-32c0-26.7-7.3-51.6-19.9-73.1 11.1-4.5 23.2-6.9 35.9-6.9 53 0 96 43 96 96l0 32c0 23.7-12.9 44.4-32 55.4l0 56.6c0 26.5-21.5 48-48 48l-32 0c-12.3 0-23.6-4.6-32.1-12.3 0-1.2 .1-2.5 .1-3.7zM416 32a56 56 0 1 1 0 112 56 56 0 1 1 0-112z"></path></svg></i><p id="brxe-gypkst" class="brxe-heading header-feature-heading1" role="heading" aria-level="4">Cross-Functional Discovery</p><p id="brxe-ageads" class="brxe-text-basic header-feature-text1">Connect expertise across silos and prevent duplicate work.</p></div><div id="brxe-yxqthd" class="brxe-block header-feature-block1 header-feature-block-green bricks-lazy-hidden"><i id="brxe-kvrtre" class="fas fa-lock brxe-icon header-feature-icon1 bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" class="bits-svg-icon" aria-hidden="true" focusable="false">
742<path fill="currentColor" d="M128 96l0 64 128 0 0-64c0-35.3-28.7-64-64-64s-64 28.7-64 64zM64 160l0-64C64 25.3 121.3-32 192-32S320 25.3 320 96l0 64c35.3 0 64 28.7 64 64l0 224c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 224c0-35.3 28.7-64 64-64z"></path></svg></i><p id="brxe-rzvsnk" class="brxe-heading header-feature-heading1" role="heading" aria-level="4">Proactive Management Insights</p><p id="brxe-sfpdln" class="brxe-text-basic header-feature-text1">Get AI-powered insights for decisions that matter today.</p></div></div></div></div><div id="brxe-zfeqnk" class="brxe-block mega-menu-quantum__content-group bricks-lazy-hidden"><p id="brxe-mzyaqx" class="brxe-text-basic mega-menu-quantum__dropdown-title" role="heading" aria-level="2">MeetYu Intelligent Workplace</p><img width="1920" height="1257" src="https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-intelligent-workplace_mockup-1.webp" class="brxe-image css-filter size-full" alt="MeetYu Intelligent Workplace platform desktop view with team journal entries and AI-powered analysis" id="brxe-eukljt" loading="eager" decoding="async" srcset="https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-intelligent-workplace_mockup-1.webp 1920w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-intelligent-workplace_mockup-1-300x196.webp 300w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-intelligent-workplace_mockup-1-1024x670.webp 1024w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-intelligent-workplace_mockup-1-768x503.webp 768w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-intelligent-workplace_mockup-1-1536x1006.webp 1536w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-intelligent-workplace_mockup-1-1200x786.webp 1200w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-intelligent-workplace_mockup-1-600x393.webp 600w" sizes="(max-width: 1920px) 100vw, 1920px" /><div id="brxe-ofwbcy" class="brxe-block mega-menu-quantum__txt-wrap bricks-lazy-hidden"><p id="brxe-gnipll" class="brxe-text-basic mega-menu-quantum__txt">Turn individual experiences into collective knowledge with MeetYu Intelligent Workplace. Our secure AI-powered platform captures team insights seamlessly to identify patterns, prevent bottlenecks, and accelerate innovation through real-time operational intelligence. As teams engage, the system learns your organization's unique dynamics, delivering increasingly strategic recommendations. Experience the future of work where cutting-edge AI meets the power of continuous reflection - turning your collective daily experiences into sustainable competitive advantage.</p></div><button id="brxe-rrmikq" class="brxe-button mega-menu-quantum__btn bricks-button circle" aria-label="MeetYu Intelligent Workplace - Coming soon" aria-disabled="true" type="button" tabindex="-1">Coming soon<i class="fas fa-arrow-right bits-icon-host"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l370.7 0-105.4 105.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"></path></svg></i></button></div></li></ul></li><li id="brxe-pvzear" data-script-id="pvzear" class="brxe-dropdown dwc-nest-nav-top-link bricks-lazy-hidden brx-has-megamenu" data-submenu-reveal data-tabbed-dropdown data-toggle="both"><div class="brx-submenu-toggle aria-current"><span>Resources</span><button aria-expanded="false" aria-label="Toggle dropdown"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5" stroke="currentcolor"></path></svg></button></div><ul id="brxe-skikxd" class="brxe-div dwc-nest-nav-list brx-dropdown-content bricks-lazy-hidden" data-content-width data-content-align preview-alignment style="--dropdown-content-width: attr(data-content-width px, var(--global-width));" data-hide-instruction aria-label="Resources submenu" role="list"><li id="brxe-zsjtew" class="brxe-block mega-menu-quantum__content-inner bricks-lazy-hidden"><div id="brxe-oytbtw" class="brxe-block brx-grid h-ruled-grid bricks-lazy-hidden"><div id="brxe-gkwcxs" class="brxe-block mega-menu-quantum__nav-group bricks-lazy-hidden"><i id="brxe-yymedd" class="fas fa-heart brxe-icon mega-menu-nav-icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false">
742<path fill="currentColor" d="M241 87.1l15 20.7 15-20.7C296 52.5 336.2 32 378.9 32 452.4 32 512 91.6 512 165.1l0 2.6c0 112.2-139.9 242.5-212.9 298.2-12.4 9.4-27.6 14.1-43.1 14.1s-30.8-4.6-43.1-14.1C139.9 410.2 0 279.9 0 167.7l0-2.6C0 91.6 59.6 32 133.1 32 175.8 32 216 52.5 241 87.1z"></path></svg></i><a id="brxe-reolqv" class="brxe-button mega-menu-quantum__link clickable-parent bricks-button" href="https://www.meetyu.app/our-story/" aria-label="Read our story about MeetYu">Our Story<i class="fas fa-arrow-right bits-icon-host"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l370.7 0-105.4 105.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"></path></svg></i></a><p id="brxe-peksfi" class="brxe-text-basic mega-menu-quantum__txt">Discover the vision behind MeetYu and our commitment to unlocking human potential through intelligent reflection. A personal message about our journey, values, and promise to help you thrive.</p></div><div id="brxe-uhfjza" class="brxe-block mega-menu-quantum__nav-group bricks-lazy-hidden"><i id="brxe-geoobv" class="fas fa-note-sticky brxe-icon mega-menu-nav-icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M64 480c-35.3 0-64-28.7-64-64L0 96C0 60.7 28.7 32 64 32l320 0c35.3 0 64 28.7 64 64l0 213.5c0 17-6.7 33.3-18.7 45.3L322.7 461.3c-12 12-28.3 18.7-45.3 18.7L64 480zM389.5 304L296 304c-13.3 0-24 10.7-24 24l0 93.5 117.5-117.5z"></path></svg></i><a id="brxe-znlorp" class="brxe-button mega-menu-quantum__link clickable-parent bricks-button" href="https://www.meetyu.app/blog/" aria-label="Read the MeetYu blog" aria-current="page">Blog<i class="fas fa-arrow-right bits-icon-host"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l370.7 0-105.4 105.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"></path></svg></i></a><p id="brxe-ebfzyq" class="brxe-text-basic mega-menu-quantum__txt">Explore insights on personal growth, organizational intelligence, and the science of reflection. From productivity tips to leadership strategies, find expert guidance and real-world success stories from the MeetYu community.</p></div><div id="brxe-oeqpyy" class="brxe-block mega-menu-quantum__nav-group bricks-lazy-hidden"><i id="brxe-idsxxd" class="fas fa-circle-question brxe-icon mega-menu-nav-icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-336c-17.7 0-32 14.3-32 32 0 13.3-10.7 24-24 24s-24-10.7-24-24c0-44.2 35.8-80 80-80s80 35.8 80 80c0 47.2-36 67.2-56 74.5l0 3.8c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-8.1c0-20.5 14.8-35.2 30.1-40.2 6.4-2.1 13.2-5.5 18.2-10.3 4.3-4.2 7.7-10 7.7-19.6 0-17.7-14.3-32-32-32zM224 368a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"></path></svg></i><a id="brxe-pngisp" class="brxe-button mega-menu-quantum__link clickable-parent bricks-button" href="https://www.meetyu.app/faq/" aria-label="MeetYu FAQ — frequently asked questions">FAQ<i class="fas fa-arrow-right bits-icon-host"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l370.7 0-105.4 105.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"></path></svg></i></a><p id="brxe-tbeyms" class="brxe-text-basic mega-menu-quantum__txt">Get instant answers to common questions about MeetYu's features, security, pricing, and implementation. Whether you're an individual user or enterprise leader, find the information you need to maximize your MeetYu experience.</p></div><div id="brxe-vzfcqx" class="brxe-block mega-menu-quantum__nav-group bricks-lazy-hidden"><p id="brxe-nhlwao" class="brxe-heading mega-menu-heading1" role="heading" aria-level="2">
742Join the MeetYu Circle</p><p id="brxe-hlqoty" class="brxe-text-basic mega-menu-quantum__txt">Everything you need to succeed with MeetYu - from getting started guides to advanced strategies for personal and organizational growth.</p><div id="brxe-sfvluz" class="brxe-block brx-grid header-feature-block-container bricks-lazy-hidden"><div id="brxe-loqzwn" class="brxe-block header-feature-block1 bricks-lazy-hidden"><i id="brxe-jrbteh" class="fas fa-rocket brxe-icon header-feature-icon1 bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M128 320L24.5 320c-24.9 0-40.2-27.1-27.4-48.5L50 183.3C58.7 168.8 74.3 160 91.2 160l95 0c76.1-128.9 189.6-135.4 265.5-124.3 12.8 1.9 22.8 11.9 24.6 24.6 11.1 75.9 4.6 189.4-124.3 265.5l0 95c0 16.9-8.8 32.5-23.3 41.2l-88.2 52.9c-21.3 12.8-48.5-2.6-48.5-27.4L192 384c0-35.3-28.7-64-64-64l-.1 0zM400 160a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></i><p id="brxe-ifpysh" class="brxe-heading header-feature-heading1" role="heading" aria-level="3">Quick Start Guides</p><p id="brxe-dfrraq" class="brxe-text-basic header-feature-text1">Begin your journey with step-by-step tutorials and best practices for immediate impact.</p></div><div id="brxe-yeovgy" class="brxe-block header-feature-block1 bricks-lazy-hidden"><i id="brxe-fiqjdw" class="fas fa-star brxe-icon header-feature-icon1 bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M309.5-18.9c-4.1-8-12.4-13.1-21.4-13.1s-17.3 5.1-21.4 13.1L193.1 125.3 33.2 150.7c-8.9 1.4-16.3 7.7-19.1 16.3s-.5 18 5.8 24.4l114.4 114.5-25.2 159.9c-1.4 8.9 2.3 17.9 9.6 23.2s16.9 6.1 25 2L288.1 417.6 432.4 491c8 4.1 17.7 3.3 25-2s11-14.2 9.6-23.2L441.7 305.9 556.1 191.4c6.4-6.4 8.6-15.8 5.8-24.4s-10.1-14.9-19.1-16.3L383 125.3 309.5-18.9z"></path></svg></i><p id="brxe-dhzfis" class="brxe-heading header-feature-heading1" role="heading" aria-level="3">Success Stories</p><p id="brxe-deinrp" class="brxe-text-basic header-feature-text1">Learn from individuals and organizations achieving breakthrough results with MeetYu.</p></div><div id="brxe-mjauye" class="brxe-block header-feature-block1 bricks-lazy-hidden"><i id="brxe-aulxmz" class="fas fa-bullseye brxe-icon header-feature-icon1 bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M448 256a192 192 0 1 0 -384 0 192 192 0 1 0 384 0zM0 256a256 256 0 1 1 512 0 256 256 0 1 1 -512 0zm256 80a80 80 0 1 0 0-160 80 80 0 1 0 0 160zm0-224a144 144 0 1 1 0 288 144 144 0 1 1 0-288zM224 256a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"></path></svg></i><p id="brxe-hwombe" class="brxe-heading header-feature-heading1" role="heading" aria-level="3">Expert Resources</p><p id="brxe-prouya" class="brxe-text-basic header-feature-text1">Access templates, frameworks, and coaching techniques developed by growth professionals.</p></div><div id="brxe-yoxbpx" class="brxe-block header-feature-block1 bricks-lazy-hidden"><i id="brxe-cvmdhb" class="fas fa-hand-holding-heart brxe-icon header-feature-icon1 bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M279.6 31C265.5 11.5 242.9 0 218.9 0 177.5 0 144 33.5 144 74.9l0 2.4c0 64.4 82 133.4 122.2 163.3 13 9.7 30.5 9.7 43.5 0 40.2-30 122.2-98.9 122.2-163.3l0-2.4c0-41.4-33.5-74.9-74.9-74.9-24 0-46.6 11.5-60.7 31L288 42.7 279.6 31zM109.3 341.5L66.7 384 32 384c-17.7 0-32 14.3-32 32l0 64c0 17.7 14.3 32 32 32l320.5 0c29 0 57.3-9.3 80.7-26.5l126.6-93.3c17.8-13.1 21.6-38.1 8.5-55.9s-38.1-21.6-55.9-8.5L392.6 416 280 416c-13.3 0-24-10.7-24-24s10.7-24 24-24l72 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-152.2 0c-33.9 0-66.5 13.5-90.5 37.5z"></path></svg></i><p id="brxe-xreesz" class="brxe-heading header-feature-heading1" role="heading" aria-level="3">
742Community Support</p><p id="brxe-aerrsy" class="brxe-text-basic header-feature-text1">Connect with fellow users, share insights, and get help from our dedicated team.</p></div></div><div id="brxe-weoozs" class="brxe-block brx-grid header-feature-block-container bricks-lazy-hidden"><a id="brxe-rezpzu" class="brxe-button mega-menu-quantum__btn bricks-button circle" href="https://www.meetyu.app/newsletter/" aria-label="Join now — MeetYu community">Join now<i class="fas fa-arrow-right bits-icon-host"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l370.7 0-105.4 105.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"></path></svg></i></a></div></div></div></li></ul></li><li class="menu-item"><a id="brxe-zlocso" class="brxe-text-link dwc-nest-nav-top-link" href="https://www.meetyu.app/contact/" aria-label="Contact MeetYu">Contact</a></li><li class="menu-item"><a id="brxe-tkuhgn" class="brxe-text-link dwc-nest-nav-top-link" href="https://www.meetyu.app/linktree/" aria-label="Sign up for MeetYu">Sign up</a></li></ul></div></nav></div></div></div><style>/* ========================================
743MOBILE ONLY STYLES
744add and modify varibales for mobile breakpoint
745========================================= */
746html.dwc-mobile {
747  --mobile-menu-width: min(450px, 100%);
748  --menu-item-font-size: 18px;
749  --dropdown-item-font-size: var(--menu-item-font-size);
750  --back-text-font-size: 16px;
751  --menu-item-hover-border-bg: initial;
752}
753
754/* ======================================= 
755  GENERAL NAV STYLES 
756========================================= */
757:root {
758  /* ========================
759 GENERAL COLORS/BACKGROUND
760  ======================== */
761  --primary-clr: var(--primary);
762  --header-bg: white;
763  --dropdown-content-bg: white;
764  --mobile-menu-bg: white;
765  --mobile-menu-topbar-bg: white;
766
767
768  /* ===============================
769   GENERAL WIDTH | HEIGHT | SPACINGS
770  ================================== */
771  --mobile-menu-width: min(300px, 100%); /* mobile & offcanvas */
772  --multilevel-dropdown-width: 200px;  
773  --dropdown-content-gap: 1px; /* header -> dropdown gap, add unit (e.g. 0px) */
774  --header-min-height: 60px;
775  --fullscreen-mobile-menu-top-height: 60px;  
776  --top-offset: 40px; /* when nav is below header */ 
777  --dropdown-content-default-width: 1080px;  /* preview width & default width for dropdown content */
778  --header-inline-padding: clamp(1.5rem, calc(0.625vw + 1.375rem), 1.875rem);
779
780
781  /* ==============================================
782    GENERAL BORDERS | SHADOWS | OVERLAY BACKDROP
783  ================================================= */
784  /* dropdown content */
785  --dropdown-content-border-radius: 0px;
786  --dropdown-content-shadow: 0px 5px 15px -10px rgb(0 0 0 / 0%);  
787  --dropdown-content-border-size: 1px; /* at least 1px */
788  --dropdown-content-border-color: var(--dropdown-content-bg);   
789
790  /* overlay backdrop */
791  --nav-overlay-backdrop-blur: 0px;
792  --nav-overlay-backdrop-clr: rgba(0, 0, 0, 0.3);
793
794  /* sidebar nav */
795  --sidebar-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7);
796
797  /* radius for special mobile style on overlay header*/
798  --mobile-menu-radius: var(--overlay-header-radius);
799
800  /* 	mobile & offcanvas */
801  --slide-out-speed: 1.3;
802
803
804  /* ===============================
805  MENU TOGGLE - Hamburger 
806  (additional settings at line 202)
807  ================================== */
808  --menu-toggle-clr: var(--menu-item-clr);
809  --menu-close-toggle-clr: var(--menu-item-clr);
810  --menu-toggle-hover-clr: var(--menu-item-hover-clr);
811
812
813  /* ========================
814  MENU ITEMS
815  ======================== */
816  /* DEFAULT STATE */
817  --menu-item-clr: #000;
818  --menu-item-font-size: 14px;
819  --menu-item-font-weight: 500;
820  --menu-item-bg: initial; 
821
822  /* HOVER STATE */
823  --menu-item-hover-clr: var(--primary-clr);
824  --menu-item-hover-bg: initial;
825  --menu-item-hover-border-bg: var(--menu-item-active-border-bg);
826  --menu-item-hover-border-height: var(--menu-item-active-border-height);
827
828  /* ACTIVE STATE 
829  (to exclude a link from this style, 
830  add .dwc-exclude to its container)*/
831  --menu-item-active-clr: var(--menu-item-hover-clr);
832  --menu-item-active-bg: initial;
833  --menu-item-active-border-bg: var(--primary-clr);
834  --menu-item-active-border-height: 2px;
835
836  /* PADDING | GAP */
837  --menu-item-inline-padding: 1.1rem;
838  --menu-item-block-padding: 1rem;
839  --menu-items-gap: 0;
840
841  /* BORDERS | RADIUS */
842  --menu-item-border: 1px solid rgba(0, 0, 0, 0.1);
843  --menu-item-radius: 0;
844  
845  /* CHEVRON (dropdown arrow) */
846  --chevron-size: 14px;
847  --chevron-clr: var(--menu-item-clr);
848  --chevron-hover-clr: var(--menu-item-hover-clr);
849
850
851  /* ========================
852  MULTILEVEL DROPDOWN LINKS
853  ======================== */
854  /* DEFAULT STATE */
855  --dropdown-item-clr: var(--menu-item-clr);
856  --dropdown-item-font-size: var(--menu-item-font-size);
857  --dropdown-item-bg: initial;
858  --dropdown-indent-bg: rgb(0 0 0 / 5%);
859  --dropdown-heading-clr: var(--primary-clr);
860
861  /* HOVER STATE */
862  --dropdown-item-hover-clr: var(--menu-item-hover-clr);
863  --dropdown-item-hover-bg: white;
864
865  /* EXPANDED STATE (PARENT) - mobile */
866  /* when [data-submenu-reveal="expand"] */
867  --dropdown-expanded-clr: white;
868  --dropdown-expanded-bg: black;
869
870  /* PADDING | GAP | INDENT */
871  --dropdown-item-inline-padding: var(--menu-item-inline-padding);
872  --dropdown-item-block-padding: var(--menu-item-block-padding);
873  --dropdown-indent: 0.6rem;
874  --dropdown-indent-item-pad-offset: 0.5;
875  --dropdown-indent-line: solid 1px rgb(0 0 0 / 25%);
876
877  /* RADIUS */
878  --dropdown-item-radius: var(--dropdown-content-border-radius);
879
880  /* OTHERS */
881  --dropdown-inactive-overlay: rgb(0 0 0 / 10%);
882
883
884  /* ========================
885  MENU CTA BUTTON (ALL BUTTONS)
886  ======================== */
887  /* all cta buttons max width on mobile */
888  --cta-width: 100%;
889
890  /* gap offset between 2 or 3 cta buttons on mobile/offcanvas/sidebar*/
891  --cta-gap-offset: 0;
892
893  /* gap between breakout cta and menu toggle on mobile */
894  --cta-breakout-gap: 20px;
895
896
897  /* ========================
898  MENU CTA BUTTON (LAST BUTTON)
899  ======================== */
900  /* DEFAULT STATE */
901  --menu-cta-clr: white;
902  --menu-cta-bg: var(--primary);
903  --menu-cta-inline-padding: calc(var(--menu-item-inline-padding) * 1.3);
904  --menu-cta-block-padding: var(--menu-item-block-padding);
905  --menu-cta-border: none;
906  --menu-cta-radius: 5rem;
907
908  /* HOVER STATE */
909  --menu-cta-hover-clr: white;
910  --menu-cta-hover-bg: var(--primary-semi-light);
911
912
913  /* ========================
914  MENU CTA BUTTON (SECOND BUTTON)
915  ======================== */
916  /* DEFAULT STATE */
917  --menu-cta-2-clr: white;
918  --menu-cta-2-bg: black;
919  --menu-cta-2-inline-padding: var(--menu-cta-inline-padding);
920  --menu-cta-2-block-padding: var(--menu-cta-block-padding);
921  --menu-cta-2-border: var(--menu-cta-border);
922  --menu-cta-2-radius: var(--menu-cta-radius);
923
924  /* HOVER STATE */
925  --menu-cta-2-hover-clr: white;
926  --menu-cta-2-hover-bg: var(--primary-clr);
927
928
929  /* ========================
930  MENU CTA BUTTON (THIRD BUTTON)
931  ======================== */
932  /* DEFAULT STATE */
933  --menu-cta-3-clr: white;
934  --menu-cta-3-bg: black;
935  --menu-cta-3-inline-padding: var(--menu-cta-inline-padding);
936  --menu-cta-3-block-padding: var(--menu-cta-block-padding);
937  --menu-cta-3-border: var(--menu-cta-border);
938  --menu-cta-3-radius: var(--menu-cta-radius);
939
940  /* HOVER STATE */
941  --menu-cta-3-hover-clr: white;
942  --menu-cta-3-hover-bg: var(--primary-clr);
943
944
945  /* ========================
946  MENU TOGGLE - Hamburger additional settings
947  ======================== */
948  --open-icon-size: 30px;
949  --open-icon-line-height: 3px;
950  --icon-line-gap: 0.7em;   /* gap between the lines*/
951  --open-icon-line-variance: 9px;  /* line width variation, e.g. 0 = same width*/
952  --open-icon-align: 0;  /* 0 = right | auto = left */
953  --open-icon-horizontal-offset: 0px; /* nudge icon left or right from edge of screen*/
954  --open-icon-close-offset: 1.2; /* nudge icon left or right when close icon is active */
955
956
957  /* ======================================
958  ADAPTIVE HEIGHT/ STRIPE BG COLOR/BORDER
959  ========================================= */
960  --adaptive-height-bg: #fff;
961  --adaptive-height-border: 1px solid #fff;
962  --adaptive-height-shadow: 0 0 30px rgb(39 50 59 / 10%);
963
964
965  /* ========================
966  STRIPE - when [data-optimize-stripe="true"]
967  ======================== */
968  --stripe-border-radius: 10px;
969
970
971  /* ========================
972  MOBILE/OFFCANVAS MENU
973  ======================== */
974  --mobile-menu-ttf: cubic-bezier(0.8, 0.07, 0.2, 0.95);
975  /* Transition timing function */
976
977
978  /* =================
979  OVERLAY HEADER
980  ================== */
981  --overlay-header-width: 1400px;
982  --overlay-header-inset: 1rem;
983  --overlay-header-bg: rgb(255 255 255 / 100%);
984  --overlay-header-bg-active: rgb(255 255 255 / 100%);
985  --overlay-header-blur: 10px;
986  --overlay-header-radius: 1rem;
987  --overlay-header-shadow: 0px 2px 20px rgb(0 0 0 / 20%);
988  --overlay-offset-padding: clamp(5rem, 1.875rem + 12.5vw, 11.25rem);
989
990
991  /* ========================
992  BACK TEXT
993  ======================== */
994  --back-text-clr: var(--menu-item-clr);
995  --back-text-font-size: 12px;
996  --back-text-font-weight: 600;
997  --back-text-transform: uppercase;
998  --back-text-bg: var(--mobile-menu-topbar-bg);
999
1000
1001  /* ========================
1002  SIDEBAR NAV - OVERLAY MODE
1003  ======================== */
1004  --overlay-sidebar-radius: 1rem;
1005  --overlay-sidebar-bg: rgb(255 255 255 / 80%);
1006  --overlay-sidebar-shadow: 0 0 30px rgb(39 50 59 / 10%);
1007  --overlay-sidebar-inset: 12px;
1008
1009
1010  /* ======== DO NOT EDIT THIS VARIABLES! ======== */
1011  --iw: calc(var(--open-icon-size) - var(--open-icon-line-variance));
1012  --aw: calc(var(--iw) - var(--open-icon-line-variance));  
1013  --caret-size: calc(var(--dropdown-content-gap) + var(--dropdown-content-border-size));
1014  --dropdown-content-border: solid var(--dropdown-content-border-color) var(--dropdown-content-border-size); 
1015}
1016
1017
1018/* SIDEBAR BACK TEXT BAR HEIGHT WHEN BACK TEXT OVERLAYS LOGO */
1019#brx-header:has([data-sidebar-back-text-on-logo="true"]) {
1020  --top-offset: var(--mobile-menu-top-height);
1021}
1022
1023
1024/* ========================
1025  STICKY HEADER STYLES
1026add variables to modify for sticky header
1027  ======================== */
1028.brx-sticky.scrolling {
1029  /* add your sticky styles variable here */
1030}
1031
1032/* ========================
1033DROPDOWN ITEM IS BUTTON OR ICON 
1034======================== */
1035
1036[data-is-button]>.brx-submenu-toggle {
1037  --menu-item-bg: black;
1038  --menu-item-clr: white;
1039  --menu-item-hover-clr: white;
1040  --menu-item-hover-bg: black;
1041  --menu-item-radius: 50vw;
1042  --menu-item-hover-border-height: 0;
1043  --chevron-size: 0;
1044  --chevron-color: white;
1045  --menu-item-inline-padding: 1.5rem;
1046  --menu-item-block-padding: 1rem;
1047  /* mobile only*/
1048  --menu-item-width: 200px;
1049  --menu-item-border: solid 1px transparent;
1050  --menu-item-hover-border: solid 1px transparent;
1051
1052}
1053
1054[data-is-icon]>.brx-submenu-toggle {
1055  --menu-item-bg: black;
1056  --menu-item-clr: white;
1057  --menu-item-hover-clr: white;
1058  --menu-item-hover-bg: black;
1059  --icon-clr: white;
1060  --icon-hover-clr: white;
1061  --icon-size: 14px;
1062  --menu-item-inline-padding: 1.1rem;
1063  --button-max-diameter: 45px;
1064  --menu-item-radius: 50vw;
1065  --menu-item-border: solid 1px transparent;
1066  --menu-item-hover-border: solid 1px transparent;
1067}
1068
1069/* ========== NAV STYLES END ============== */
1070
1071
1072
1073/* ======= STICKY HEADER WITH OVERLAY SPECIAL STYLES ===== */
1074/*===== this styles only apply when the header div attribute [data-sticky-overlay-special-style] 
1075attribute is set to true, and sticky header is enabled =====*/
1076
1077/* SVG STYLES BEFORE SCROLLING - REVERTS TO INITIAL VALUES WHEN DROPDOWN IS OPEN */
1078html:not(.dwc-mobile):has([data-sticky-overlay-special-style="true"]) .bricks-is-frontend .brx-sticky:not(.scrolling) .dwc-nest-header:not(:has(.brxe-dropdown.open, .brx-nav-nested-items > li:hover)) :is(path, .cls-1):not(:is(.brx-submenu-toggle path)) {
1079  fill: white;
1080}
1081
1082/* BRICKS SEARCH ICON STYLES BEFORE SCROLLING - REVERTS TO INITIAL VALUES WHEN DROPDOWN IS OPEN */
1083html:not(.dwc-mobile):has([data-sticky-overlay-special-style="true"]) .bricks-is-frontend .brx-sticky:not(.scrolling) 
1084.dwc-nest-header:not(:has(.brxe-dropdown.open, .brx-nav-nested-items > li:hover)) :is(.brxe-search path,.brxe-search circle) {
1085  stroke: white;
1086}
1087
1088
1089/* STYLES BEFORE SCROLLING  - REVERTS TO INITIAL VALUES WHEN DROPDOWN IS OPEN */
1090html:not(.dwc-mobile):has([data-sticky-overlay-special-style="true"]) .bricks-is-frontend .brx-sticky:not(.scrolling) .dwc-nest-header:not(:has(.brxe-dropdown.open, .brx-nav-nested-items > li:hover)) {
1091  --menu-item-clr: white;
1092  --chevron-clr: white;
1093  --menu-item-hover-clr: white;
1094  --menu-item-hover-border-bg: white;
1095  --overlay-header-bg: transparent;
1096  --header-bg: transparent;
1097  --overlay-header-shadow: none;
1098}
1099
1100/* STYLES BEFORE SCROLLING */
1101html:not(.dwc-mobile):has([data-sticky-overlay-special-style="true"]) .bricks-is-frontend .brx-sticky:not(.scrolling) {
1102  --link-transition: 0s;
1103  --transition: 0.2s;
1104}
1105
1106
1107/* STYLES WHEN SCROLLING */
1108html:not(.dwc-mobile):has([data-sticky-overlay-special-style="true"]) .bricks-is-frontend .brx-sticky.scrolling {
1109  --overlay-header-bg: white;
1110  --header-bg: white;
1111}
1112
1113/* STYLES WHEN SCROLLING :HOVER*/
1114html:not(.dwc-mobile):has([data-sticky-overlay-special-style="true"]) .bricks-is-frontend .brx-sticky.scrolling .dwc-nest-header:has(.brxe-dropdown.open) {
1115  /* add and update variable here */
1116
1117}
1118
1119
1120/* DEFAULT STYLES FOR OVERLAY HEADER  */
1121html:not(.dwc-mobile):has([data-sticky-overlay-special-style="true"]) .bricks-is-frontend .brx-sticky {
1122  --menu-item-hover-bg: initial;
1123  --menu-item-bg: initial;
1124  --overlay-header-inset: 0;
1125  --overlay-header-width: 100%;
1126  --overlay-header-radius: 0;
1127}
1128
1129/* RESET STICKY HEADER TRANSITION*/
1130html:not(.dwc-mobile):has([data-sticky-overlay-special-style="true"]) .bricks-is-frontend #brx-header.brx-sticky .dwc-nest-header {
1131  transition: var(--transition);
1132}
1133
1134
1135/* ======= END STICKY HEADER WITH OVERLAY SPECIAL STYLES ===== */
1136
1137
1138
1139/* ======== CHANGE postid-xxxx TO THIS TEMPLATE'S ID ========= */
1140
1141/*hide sidebar in builder */
1142:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header:not(.postid-23338 *, :has(.dwc-sidebar) *) {
1143  display: none !important;
1144}
1145
1146[data-builder-window] #brx-header:has([data-offcanvas="true"]):not(.postid-23338 *, :has(.dwc-sidebar) *) :is(.dwc-nav-wrapper, .dwc-nest-menu) {
1147  display: none !important;
1148}
1149
1150
1151:is(.brx-header-left, .brx-header-right)[data-builder-window] :is(#brx-content, #brx-footer):not(.postid-23338 *, :has(.dwc-sidebar) *) {
1152  margin: unset !important;
1153}
1154
1155[data-builder-mode]:is(.brx-header-left, .brx-header-right).postid-23338::before {
1156  display: none
1157}
1158
1159
1160</style>
1160<script>const MegaMenuCONFIG = {
1161  // Minimum width threshold for desktop behavior,
1162  // should be 1px larger than mobile (max-width) breakpoint in the "MEDIA QUERY" CSS code block
1163  //IMPORTANT: Also change min-width in the "MEGA MENU Codes" CSS code block to match this value
1164  minWidth: 1201,
1165
1166  // automatically open the current menu panel/dropdown (mobile, offcanvas & sidebar)
1167  menuAutoExpansion: true,
1168
1169  swipeToClose: true,
1170
1171  // show or hide swipe to close hint
1172  toolTip: true,
1173
1174  // adaptive height animation
1175  adaptiveHeight: 1,
1176
1177  // Stripe menu animation
1178  stripeStyle: 0,
1179
1180  headerSelector: '#brx-header',
1181  nestMenuSelector: '.dwc-nest-menu',
1182
1183  closeNavOnClick: 1,
1184  closeOnHashClickOnly: 0,
1185   closeOnMobileOnly: 0,  // Set to false to enable close on both mobile and desktop
1186    // Selectors (e.g. .class-name, #id_name, tag-name, .complex > selectors etc.) that should NOT close the navigation when clicked
1187  // Separate multiple selectors with a comma e.g. '.class-one, #id_one, tag'
1188  closeNavOnClickExclude: '.js-wpml-ls-item-toggle',
1189  
1190  breakinToNavList: 1, /*mobile only - places the breakin container as an li isnide the nav list (see docs for more info) */
1191
1192  // New properties for dropdown positioning
1193  shiftFactor: 1,  // Factor to shift overflow
1194  minOverflow: 10,   // Minimum overflow threshold 
1195  reinitializeOnURLchange: true, //when using page transition API
1196  
1197  //move backdrop overlay element Inside header
1198  //placing it inside header will allow backdrop overlay/blur to affect header, but won't work when data-overlay-header is enabled. 
1199  overlayInsideHeader:0
1200
1201};
1202
1203// Centered Logo Configuration
1204const CenteredLogoCONFIG = {
1205  enable: 0,
1206  centerGuide: 1,
1207  forceCenteredLogo: 1,
1208  // move the navigation left 
1209  // or right using negative or positive value
1210  centerNudge: 0,
1211  // allow centered logo when no. of 
1212  // menu items are odd e.g. 5 or 7
1213  allowOddItems: 1,
1214  // place logo 'before' or 'after' the odd menu item
1215  roundOffFactor: 'before'
1216};</script>
1216<div id="brxe-hyjyza" data-script-id="hyjyza" class="brxe-code" data-stylesheet><style>/* DO NOT ADD ANY CODE IN THIS CODE BLOCK */
1217
1218/*MOBILE MENU/OFFCANVAS/SIDEBAR STYLES*/
1219
1220
1221
1222
1223@media only screen and (max-width: 1200px) {
1224  
1225  .bricks-is-frontend .dwc-nav-wrapper:not(.show-nav .dwc-nav-wrapper){
1226  display: none;
1227}
1228
1229[data-breakinto].dwc-tabbed-nav-container:not(.brxe-dropdown .dwc-tabbed-nav-container){
1230    display: none;
1231  }
1232
1233  
1234    .desktop-centered header:has([data-fix-centered-logo-fouc="true"]) {
1235        opacity: 0;
1236    }
1237
1238    .dwc-nest-menu__logo[data-breakout-link] {
1239        margin-inline-end: auto
1240    }
1241
1242    /*mobile logo*/
1243    .dwc-nest-menu__mobile-logo> :is(svg, img) {
1244        block-size: 100%;
1245      inline-size: auto;      
1246    }
1247
1248    .dwc-nest-menu__mobile-logo:not([data-show-mobile-logo="true"] .dwc-nest-menu__mobile-logo) {
1249        display: none;
1250    }
1251
1252
1253    [data-sidebar-back-text-on-logo="true"] .dwc-nest-menu__mobile-logo {
1254        --dwc-nest-header-height: var(--mobile-menu-top-height);
1255    }
1256
1257    /*special mobile menu styles for overlay header UPDATED */
1258
1259    .dwc-mobile .bricks-is-frontend [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"] .brx-nav-nested-items {
1260        transform: translateY(-100%);
1261    }
1262
1263
1264    .dwc-mobile .bricks-is-frontend [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"].brx-open .brx-nav-nested-items {
1265        transform: translateY(0%);
1266    }
1267
1268    /* .dwc-mobile .bricks-is-frontend [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"] .brx-nav-nested-items {
1269        transition: 0.45s;
1270        transition-timing-function: var(--mobile-menu-ttf);
1271        inset-block-start: calc(min(var(--overlay-header-radius), 2em) * -1);
1272    } */
1273
1274    .dwc-mobile .bricks-is-frontend [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"] .brx-nav-nested-items {
1275    transition: 0.45s;
1276    transition-timing-function: var(--mobile-menu-ttf);
1277    inset-block-start: calc(var(--dwc-nest-header-height) * -1);
1278}
1279
1280
1281    .dwc-mobile .bricks-is-frontend [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-submenu-reveal="expand"][data-match-overlay-header-width="true"] .brx-nav-nested-items {
1282          /* inset-block-start: calc(var(--dwc-nest-header-height) / -2); */
1283       /* inset-block-start: -40px;*/
1284    }
1285
1286
1287    /* .dwc-mobile [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"] .brx-nav-nested-items {
1288        --mobile-menu-width: 100% !important;
1289        inline-size: var(--mobile-menu-width);
1290        border-bottom-left-radius: min(var(--mobile-menu-radius), 2em);
1291        border-bottom-right-radius: min(var(--mobile-menu-radius), 2em);
1292        padding-block-start: 40px;
1293        overflow-x: hidden;
1294    } */
1295
1296
1297    .dwc-mobile [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"] .brx-nav-nested-items {
1298    --mobile-menu-width: 100% !important;
1299    inline-size: var(--mobile-menu-width);
1300    border-bottom-left-radius: min(var(--mobile-menu-radius), 2em);
1301    border-bottom-right-radius: min(var(--mobile-menu-radius), 2em);
1302    padding-block-start: calc(var(--dwc-nest-header-height) + 0px);
1303    overflow-x: hidden;
1304}
1305  
1306      .dwc-mobile [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"]:not([data-submenu-reveal="expand"]) .brx-nav-nested-items {
1307 overflow-y:hidden;
1308    }
1309  
1310  
1311
1312    .dwc-mobile [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"][data-submenu-reveal="expand"] .brx-nav-nested-items {
1313        max-block-size: fit-content;
1314    }
1315
1316    .dwc-mobile .bricks-is-frontend [data-overlay-header-mobile="true"] .dwc-nest-menu[data-sli
1316de-in-direction="top"][data-match-overlay-header-width="true"] .dwc-nav-wrapper {
1317        transform: translateY(0%);
1318        border-radius: min(var(--overlay-header-radius), 2em);
1319        overflow: hidden !important;
1320        inset-block-start: var(--overlay-header-inset);
1321
1322    }
1323
1324    .dwc-mobile .bricks-is-frontend [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"].brx-open .dwc-nav-wrapper {
1325        transform: translateY(0%);
1326    }
1327
1328    .dwc-mobile .bricks-is-frontend [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"] :is(.dwc-nav-wrapper) {
1329        --mobile-menu-width: min(calc(100% - (var(--overlay-header-inset) * 2)), 100%) !important;
1330        inline-size: var(--mobile-menu-width) !important;
1331        inset-inline-end: var(--overlay-header-inset) !important;
1332        block-size: calc(100dvb - (var(--overlay-header-inset) * 2));
1333    }
1334
1335    .dwc-mobile [data-overlay-header-mobile="true"] .dwc-nest-menu.brxe-nav-nested[data-slide-in-direction="top"][data-match-overlay-header-width="true"] .brxe-dropdown:not(.open) .brx-dropdown-content:not([data-builder-mode] .brx-dropdown-content) {
1336        min-block-size: 0;
1337    }
1338
1339
1340    .dwc-mobile [data-overlay-header-mobile="true"].dwc-nest-header:has(.dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"]) {
1341        padding-inline: initial
1342    }
1343
1344
1345    .dwc-mobile [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"] .dwc-nest-menu-top {
1346        border-block-end: initial;
1347        min-block-size: var(--dwc-header-div-height);
1348    }
1349
1350
1351
1352
1353    /* .dwc-mobile [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"][data-submenu-reveal="slide"] .brx-has-megamenu.brxe-dropdown .brx-dropdown-content:not([data-hide-close-bar="true"] ul, [data-submenu-reveal="expand"].brx-has-megamenu ul, :has(.dwc-tabbed-nav-list__li.active)) {
1354      
1355        inset-block-start: min(calc(var(--overlay-header-radius) + var(--wp-admin--admin-bar--height, 0px)), calc(2em + var(--wp-admin--admin-bar--height, 0px))) !important;
1356        padding-block-start: 50px;
1357    } */
1358
1359    .dwc-mobile [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"][data-submenu-reveal="slide"] .brx-has-megamenu.brxe-dropdown .brx-dropdown-content:not([data-hide-close-bar="true"] ul, [data-submenu-reveal="expand"].brx-has-megamenu ul, :has(.dwc-tabbed-nav-list__li.active)) {
1360      inset-block-start: calc(var(--dwc-nest-header-height) + var(--wp-admin--admin-bar--height, 0px)) !important;
1361    padding-block-start: 50px;
1362}
1363
1364    .dwc-mobile [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"][data-submenu-reveal="slide"] .brxe-dropdown:not(.brx-has-megamenu, [data-submenu-reveal="expand"]) .brx-dropdown-content:not([data-hide-close-bar="true"] ul, :has(.dwc-tabbed-nav-list__li.active)), .bricks-is-frontend [data-submenu-reveal="slide"].brxe-dropdown .brx-dropdown-content:not([data-hide-close-bar="true"] ul, :has(.dwc-tabbed-nav-list__li.active)) {
1365    inset-block-start: calc(var(--dwc-nest-header-height) + var(--wp-admin--admin-bar--height, 0px)) !important;
1366    padding-block-start: 50px;
1367}
1368
1369
1370    /* .dwc-mobile [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"][data-submenu-reveal="slide"] .brxe-dropdown:not(.brx-has-megamenu, [data-submenu-reveal="expand"]) .brx-dropdown-content:not([data-hide-close-bar="true"] ul, :has(.dwc-tabbed-nav-list__li.active)),
1371    .bricks-is-frontend [data-submenu-reveal="slide"].brxe-dropdown .brx-dropdown-content:not([data-hide-close-bar="true"] ul, :has(.dwc-tabbed-nav-list__li.active)) {
1372      
1373        inset-block-start: min(calc(var(--overlay-header-radius) + var(--wp-admin--admin-bar--height, 0px)), calc(2em + var(--wp-admin--admin-bar--height, 0px))) !important;
1374        padding-block-start: 50px;
1375    } */
1376
1377    .bricks-is-frontend [data-overlay-header-mobile="true"] .dwc-nest-menu[data-sli
1377de-in-direction="top"][data-match-overlay-header-width="true"][data-submenu-reveal="slide"] .open.active>.brx-submenu-toggle button:not([data-hide-close-bar="true"] button, [data-submenu-reveal="expand"] button), .bricks-is-frontend [data-submenu-reveal="slide"].open.active>.brx-submenu-toggle button:not([data-hide-close-bar="true"] button, [data-submenu-reveal="expand"] button) {
1378    inset-block-start: calc(max(var(--dwc-nest-header-height) - var(--dwc-header-div-height), var(--dwc-header-div-height)));
1379    
1380}
1381
1382
1383    /* .dwc-mobile [data-overlay-header-mobile="true"] .dwc-nest-menu[data-submenu-reveal="slide"][data-slide-in-direction="top"][data-match-overlay-header-width="true"] .open.active>.brx-submenu-toggle>button:not([data-hide-close-bar="true"] button, [data-submenu-reveal="expand"] button, .open.active:has(.open.active)>.brx-submenu-toggle > button) {
1384        z-index: 9999;
1385        min-inline-size: 100%;
1386        min-block-size: 50px;
1387
1388        inset-block-start: min(calc(var(--overlay-header-radius) + var(--wp-admin--admin-bar--height, 0px)), calc(2em + var(--wp-admin--admin-bar--height, 0px)));
1389    } */
1390
1391    .dwc-mobile [data-overlay-header-mobile="true"] .dwc-nest-menu[data-submenu-reveal="slide"][data-slide-in-direction="top"][data-match-overlay-header-width="true"] .open.active>.brx-submenu-toggle>button:not([data-hide-close-bar="true"] button, [data-submenu-reveal="expand"] button, .open.active:has(.open.active)>.brx-submenu-toggle > button) {
1392    z-index: 9999;
1393    min-inline-size: 100%;
1394    min-block-size: 50px;
1395    inset-block-start: calc(var(--dwc-nest-header-height) + var(--wp-admin--admin-bar--height, 0px)) !important;
1396}
1397
1398.dwc-mobile [data-overlay-header-mobile="true"] .dwc-nest-menu[data-submenu-reveal="slide"][data-slide-in-direction="top"][data-match-overlay-header-width="true"] .open.active>.brx-submenu-toggle>button:not([data-submenu-reveal="expand"] button) {
1399    inset-block-start: calc(var(--dwc-nest-header-height) + var(--wp-admin--admin-bar--height, 0px)) !important;
1400}
1401
1402    .dwc-mobile [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"][data-submenu-reveal="slide"] .brxe-dropdown:not(:is([data-submenu-reveal="expand"], .brx-has-megamenu)) .brx-dropdown-content:not([data-submenu-reveal="expand"] *),
1403    .bricks-is-frontend [data-submenu-reveal="slide"].brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content {
1404        min-block-size: 100%;
1405    }
1406  
1407      .dwc-mobile [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"] .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content{
1408    min-inline-size: 0px !important;
1409}
1410
1411
1412
1413    .dwc-mobile .bricks-is-frontend [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"][data-submenu-reveal="slide"] .brxe-dropdown.brx-has-megamenu:not(:is([data-submenu-reveal="expand"])) .brx-dropdown-content:not([data-submenu-reveal="expand"] .brx-dropdown-content)>li {
1414        padding-block-end: 40px;
1415    }
1416
1417    .dwc-mobile .dwc-nest-header[data-overlay-header-mobile="true"]>div {
1418        padding-inline: var(--menu-item-inline-padding);
1419        border-radius: var(--overlay-header-radius);
1420    }
1421
1422
1423
1424
1425
1426
1427
1428    /* special style UPDATED ends*/
1429
1430
1431
1432    /*   .dwc-nest-menu .brx-nav-nested-items {
1433        inline-size: var(--mobile-menu-width);
1434    }
1435*/
1436    /*  unset default values */
1437
1438    [data-offcanvas="true"] .open:has(.open) .brx-dropdown-content::before {
1439        display: none !important;
1440    }
1441
1442    [data-offcanvas="true"] .brx-nav-nested-items {
1443        flex-wrap: nowrap;
1444    }
1445
1446    .dwc-nest-menu .brx-nav-nested-items {
1447        gap: 0;
1448    }
1449
1450
1451    .dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(.open) .brx-dropdown-content:not([data-builder-mode] .brx-dropdown-content) {
1452        display: flex;
1453        visibility: hidden;
1454    }
1455
1456    [data-overlay-header="true"] .dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(.open) .brx-dropdown-content:not([data-builder-mode] .brx-dropdown-content),
1457    .dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(.open) .brx-dropdown-content:not([data-builder-mode] .brx-dropdown-content) {
1458        min-inline-size: 0 !important;
1459    }
1460
1461    .dwc-nest-menu.brxe-nav-nested.brx-open .brxe-dropdown>.brx-dropdown-content {
1462        overflow-y: auto;
1463    }
1464
1465    .dwc-nest-menu .brx-nav-nested-items {
1466        flex-direction: column !important;
1467        flex-wrap: nowrap;
1468
1469    }
1470
1471    .dwc-nest-toggle--open.brxe-toggle {
1472        display: flex !important;
1473        place-items: center;
1474    }
1475
1476    .dwc-nest-menu .brx-nav-nested-items {
1477        position: relative !Important;
1478        background: var(--mobile-menu-bg) !important;
1479        align-items: stretch;
1480    }
1481
1482    .dwc-nest-header:not([data-overlay-header-mobile="true"]:has([data-sli
1482de-in-direction="top"])) .dwc-nest-menu .brx-nav-nested-items {
1483        flex-grow: 1;
1484    }
1485
1486    [data-overlay-header-mobile="true"] .dwc-nest-menu.dwc-nest-menu[data-submenu-reveal="slide"] .brx-nav-nested-items:has(li.open.active) {
1487        flex-grow: 1;
1488    }
1489
1490
1491
1492
1493
1494    .dwc-nest-menu .brx-nav-nested-items:not(.brx-open .brx-nav-nested-items) {
1495        transform: unset
1496    }
1497
1498    .dwc-nest-menu .brxe-dropdown:not(.brx-has-megamenu)>.brx-dropdown-content {
1499        transform: translateZ(0);
1500        transform: unset;
1501    }
1502
1503    .dwc-nest-menu.brxe-nav-nested.brx-closing .brx-nav-nested-items {
1504        opacity: unset !important;
1505        visibility: unset !important;
1506    }
1507
1508    .dwc-nest-menu.brxe-nav-nested .brx-nav-nested-items {
1509        overflow-y: auto;
1510        scrollbar-width: none;
1511        justify-content: flex-start !important;
1512    }
1513
1514
1515    /* set new values  */
1516
1517    .dwc-nav-wrapper {
1518        position: fixed;
1519        inset-block: 0;
1520        inset-inline-end: 0;
1521        transform: translateX(100%);
1522        background-color: var(--mobile-menu-bg);
1523        transition: 0.45s;
1524        transition-timing-function: var(--mobile-menu-ttf);
1525        z-index: 1;
1526        flex-wrap: nowrap;
1527        inline-size: var(--mobile-menu-width);
1528        visibility: hidden;
1529    }
1530
1531
1532
1533    .brx-open .dwc-nav-wrapper {
1534        transform: translateX(0%);
1535        visibility: visible;
1536    }
1537
1538
1539
1540    .dwc-nest-menu-top {
1541        background-color: var(--mobile-menu-topbar-bg);
1542        border-block-end: var(--menu-item-border);
1543        min-block-size: var(--dwc-nest-header-height);
1544        display: flex;
1545        flex-direction: row;
1546        align-items: center;
1547    }
1548
1549
1550
1551    .dwc-nest-menu .brxe-dropdown.brx-has-megamenu,
1552    .dwc-nest-menu .menu-item>a {
1553        border-block-end: var(--menu-item-border);
1554    }
1555
1556    .dwc-nest-menu .brxe-dropdown:not(.brx-has-megamenu):not(.open, :has(.open)),
1557    .dwc-nest-menu .brxe-dropdown:not(.brx-has-megamenu)>.brxe-dropdown:not(.open, :has(.open)) {
1558        border-block-end: var(--menu-item-border);
1559    }
1560
1561
1562
1563    /* MENU CTA (LAST BUTTON) */
1564
1565    :is([data-last-item-is-button="true"], [data-last-item-is-button="true-2"], [data-last-item-is-button="true-3"]).dwc-nest-menu .brx-nav-nested-items>.menu-item:last-of-type,
1566    :is([data-last-item-is-button="true-2"], [data-last-item-is-button="true-3"]).dwc-nest-menu .brx-nav-nested-items>.menu-item:nth-last-of-type(-n+2),
1567    [data-last-item-is-button="true-3"].dwc-nest-menu .brx-nav-nested-items>.menu-item:nth-last-of-type(-n+3) {
1568        padding-inline: var(--menu-item-inline-padding) !important;
1569        padding-block: var(--menu-item-block-padding) !important;
1570        inline-size: 100%;
1571        margin-inline: auto;
1572        max-inline-size: var(--cta-width);
1573    }
1574
1575    [data-last-item-is-button="true-2"].dwc-nest-menu .brx-nav-nested-items>.menu-item:nth-last-of-type(-n+2)+li {
1576        padding-block-start: var(--cta-gap-offset) !important
1577    }
1578
1579    [data-last-item-is-button="true-3"].dwc-nest-menu .brx-nav-nested-items>.menu-item:nth-last-of-type(-n+3)+li {
1580        padding-block-start: var(--cta-gap-offset) !important
1581    }
1582
1583
1584    :is([data-last-item-is-button="true"], [data-last-item-is-button="true-2"], [data-last-item-is-button="true-3"]).dwc-nest-menu .brx-nav-nested-items>.menu-item:last-of-type a,
1585    :is([data-last-item-is-button="true-2"], [data-last-item-is-button="true-3"]).dwc-nest-menu .brx-nav-nested-items>.menu-item:nth-last-of-type(-n+2) a,
1586    [data-last-item-is-button="true-3"].dwc-nest-menu .brx-nav-nested-items>.menu-item:nth-last-of-type(-n+3) a {
1587        justify-content: center;
1588    }
1589
1590
1591
1592    /* MOBILE MENU SLIDE IN DIRECTION */
1593    .bricks-is-frontend [data-slide-in-direction="left"] .dwc-nav-wrapper {
1594        transform: translateX(-100%);
1595        inset-inline-start: 0;
1596        overflow: hidden;
1597    }
1598
1599    /* RTL */
1600    [dir="rtl"] .bricks-is-frontend [data-slide-in-direction="left"] .dwc-nav-wrapper {
1601        inset-inline-start: initial;
1602        inset-inline-end: 0;
1603    }
1604
1605    [dir="rtl"] .bricks-is-frontend [data-slide-in-direction="left"] .dwc-nav-wrapper {
1606        inset-inline-start: initial;
1607        inset-inline-end: 0;
1608    }
1609
1610    [dir="rtl"] .bricks-is-frontend [data-submenu-reveal="slide"][data-sli
1610de-in-direction="left"] .open.active>.brx-submenu-toggle button:not([data-hide-close-bar="true"] button, [data-submenu-reveal="expand"] button),
1611
1612    [dir="rtl"] .bricks-is-frontend .dwc-nest-menu[data-slide-in-direction="left"] [data-submenu-reveal="slide"].open.active>.brx-submenu-toggle button:not([data-hide-close-bar="true"] button, [data-submenu-reveal="expand"] button) {
1613        inset-inline-start: initial;
1614        inset-inline-end: 0;
1615        justify-content: flex-end;
1616    }
1617
1618
1619
1620
1621    .bricks-is-frontend [data-slide-in-direction="left"].brx-open .dwc-nav-wrapper {
1622        transform: translateX(0);
1623    }
1624
1625    /* SLIDE IN TOP */
1626    .bricks-is-frontend .dwc-nest-menu[data-slide-in-direction="top"].brx-open .dwc-nav-wrapper,
1627    .bricks-is-frontend .dwc-nest-menu[data-slide-in-direction="left top"].brx-open .dwc-nav-wrapper {
1628        transform: translateY(0%);
1629    }
1630
1631    .bricks-is-frontend .dwc-nest-menu[data-slide-in-direction="top"] .dwc-nav-wrapper,
1632    .bricks-is-frontend .dwc-nest-menu[data-slide-in-direction="left top"] .dwc-nav-wrapper {
1633        transform: translateY(-100%);
1634    }
1635
1636    /* SLIDE IN BOTTOM */
1637
1638    .bricks-is-frontend .dwc-nest-menu[data-slide-in-direction="bottom"].brx-open .dwc-nav-wrapper,
1639    .bricks-is-frontend .dwc-nest-menu[data-slide-in-direction="left bottom"].brx-open .dwc-nav-wrapper {
1640        transform: translateY(0%);
1641    }
1642
1643    .bricks-is-frontend .dwc-nest-menu[data-slide-in-direction="bottom"] .dwc-nav-wrapper,
1644    .bricks-is-frontend .dwc-nest-menu[data-slide-in-direction="left bottom"] .dwc-nav-wrapper {
1645        transform: translateY(100%);
1646    }
1647
1648    .bricks-is-frontend [data-slide-in-direction="left bottom"] .dwc-nav-wrapper,
1649    .bricks-is-frontend [data-slide-in-direction="left top"] .dwc-nav-wrapper {
1650        inset-inline-start: 0;
1651        overflow: hidden;
1652    }
1653
1654
1655    .dwc-nest-menu.brxe-nav-nested .brxe-dropdown>.brx-dropdown-content::-webkit-scrollbar-track,
1656    .dwc-nest-menu .brx-nav-nested-items::-webkit-scrollbar-track {
1657        border-radius: 50vw;
1658        background-color: transparent;
1659    }
1660
1661    .dwc-nest-menu.brxe-nav-nested .brxe-dropdown>.brx-dropdown-content::-webkit-scrollbar,
1662    .dwc-nest-menu .brx-nav-nested-items::-webkit-scrollbar {
1663        inline-size: 0px;
1664        background-color: transparent;
1665    }
1666
1667    .dwc-nest-menu.brxe-nav-nested .brxe-dropdown>.brx-dropdown-content::-webkit-scrollbar-thumb,
1668    .dwc-nest-menu .brx-nav-nested-items::-webkit-scrollbar-thumb {
1669        border-radius: 50vw;
1670        background-color: #55565d;
1671    }
1672
1673    /* SCROLLBARS END */
1674
1675
1676
1677    /*  SLIDE IN DIRECTION - DROPDOWN ITEMS*/
1678    .bricks-is-frontend [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(:is([data-submenu-reveal="expand"])) .brx-dropdown-content:not([data-submenu-reveal="expand"] *),
1679    .bricks-is-frontend [data-submenu-reveal="slide"].brxe-dropdown .brx-dropdown-content {
1680        max-block-size: unset;
1681        position: absolute !important;
1682        opacity: 1;
1683        transition-duration: 0.45s !important;
1684        transition-timing-function: var(--mobile-menu-ttf);
1685        padding-block-end: 50px;
1686    }
1687
1688    .bricks-is-frontend .dwc-nest-menu [data-submenu-reveal="expand"].brx-has-megamenu>ul {
1689        position: static !important;
1690        padding-block-end: 0 !important;
1691        transition: 0.3s ease-in-out !important;
1692    }
1693
1694
1695
1696    .bricks-is-frontend [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brx-has-megamenu.brxe-dropdown .brx-dropdown-content:not([data-submenu-reveal="expand"].brx-has-megamenu ul) {
1697        inset: 0 !important;
1698        transform: translateX(100%);
1699        transition-property: opacity, transform, visibility;
1700        min-block-size: calc(100dvb - var(--dwc-nest-header-height));
1701        position: fixed !important;
1702    }
1703
1704    .bricks-is-frontend [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brx-has-megamenu.brxe-dropdown .brx-dropdown-content:not([data-hide-close-bar="true"] ul, [data-submenu-reveal="expand"].brx-has-megamenu ul) {
1705        inset-block-start: var(--dwc-nest-header-height) !important;
1706    }
1707
1708    .bricks-is-frontend :is([data-slide-in-direction="left"], [data-slide-in-direction="left bottom"], [data-slide-in-direction="left top"])[data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brx-has-megamenu.brxe-dropdown .brx-dropdown-content:not([data-submenu-reveal="expand"].brx-has-megamenu ul),
1709    .bricks-is-frontend.brx-header-left [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brx-has-megamenu.brxe-dropdown .brx-dropdown-content:not([data-submenu-reveal="expand"].brx-has-megamenu ul) {
1710        transform: translateX(-100%);
1711    }
1712
1713    .bricks-is-frontend :is([data-slide-in-direction="left"], [data-slide-in-direction="left bottom"], [data-slide-in-direction="left top"], [data-submenu-reveal="slide"]).dwc-nest-menu.brx-open .brx-has-megamenu.brxe-dropdown.open>.brx-dropdown-content:not([data-submenu-reveal="expand"].brx-has-megamenu ul) {
1714        transform: translateX(0) !important;
1715    }
1716
1717    html:not(.dwc-mobile) .bricks-is-frontend:is(.brx-header-left, .brx-header-right) :is([data-slide-in-direction="left"], [data-slide-in-direction="left bottom"], [data-slide-in-direction="left top"], [data-submenu-reveal="slide"]).dwc-nest-menu .brx-has-megamenu.brxe-dropdown.open>.brx-dropdown-content:not([data-submenu-reveal="expand"].brx-has-megamenu ul) {
1718        transform: translateX(0) !important;
1719        visibility: visible;
1720    }
1721
1722    /*  SLIDE IN  - mult-level DROPDOWN ITEMS*/
1723    .bricks-is-frontend [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(:is([data-submenu-reveal="expand"], .brx-has-megamenu)) .brx-dropdown-content:not([data-submenu-reveal="expand"] *),
1724    .bricks-is-frontend [data-submenu-reveal="slide"].brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content {
1725        inset-block: 0 !important;
1726        inline-size: 100%;
1727        transition-property: inset-inline-start, visibility, opacity;
1728        inset-inline-start: 100% !important;
1729        min-block-size: 100dvb;
1730        position: fixed !important;
1731    }
1732
1733    .bricks-is-frontend :is([data-slide-in-direction="left"], [data-slide-in-direction="left bottom"], [data-slide-in-direction="left top"])[data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(.brx-has-megamenu, .open, [data-submenu-reveal="expand"]) .brx-dropdown-content:not([dir="rtl"] .brx-dropdown-content),
1734    .bricks-is-frontend :is([data-slide-in-direction="left"], [data-slide-in-direction="left bottom"], [data-slide-in-direction="left top"]) [data-submenu-reveal="slide"].brxe-dropdown:not(.brx-has-megamenu, .open) .brx-dropdown-content:not([dir="rtl"] .brx-dropdown-content),
1735    .bricks-is-frontend.brx-header-left [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(.brx-has-megamenu, [data-submenu-reveal="expand"], .open) .brx-dropdown-content:not([dir="rtl"] .brx-dropdown-content) {
1736        inset-inline-start: -100% !important;
1737    }
1738
1739    /* RTL */
1740    [dir="rtl"] .brx-header-right.bricks-is-frontend [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested:not([data-slide-in-direction="left"], [data-slide-in-direction="left bottom"], [data-slide-in-direction="left top"]) .brxe-dropdown:not(.brx-has-megamenu, [data-submenu-reveal="expand"]) .brx-dropdown-content,
1741    [dir="rtl"] .brx-header-right.bricks-is-frontend .dwc-nest-menu:not([data-slide-in-direction="left"], [data-slide-in-direction="left bottom"], [data-slide-in-direction="left top"]) [data-submenu-reveal="slide"].brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content,
1742    [dir="rtl"] .bricks-is-frontend [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested:not([data-slide-in-direction="left"], [data-slide-in-direction="left bottom"], [data-slide-in-direction="left top"]) .brxe-dropdown:not(.brx-has-megamenu, [data-submenu-reveal="expand"], .open) .brx-dropdown-content,
1743    [dir="rtl"] .bricks-is-frontend .dwc-nest-menu:not([data-slide-in-direction="left"], [data-slide-in-direction="left bottom"], [data-slide-in-direction="left top"]) [data-submenu-reveal="slide"].brxe-dropdown:not(.brx-has-megamenu, .open) .brx-dropdown-content {
1744        inset-inline-start: -100% !important;
1745    }
1746
1747    [dir="rtl"] .brx-header-left.bricks-is-frontend :is([data-slide-in-direction="left"], [data-slide-in-direction="left bottom"], [data-slide-in-direction="left top"])[data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(.brx-has-megamenu, .open) .brx-dropdown-content,
1748    [dir="rtl"] .brx-header-left.bricks-is-frontend :is([data-slide-in-direction="left"], [data-slide-in-direction="left bottom"], [data-slide-in-direction="left top"]) [data-submenu-reveal="slide"].brxe-dropdown:not(.brx-has-megamenu, .open) .brx-dropdown-content,
1749    [dir="rtl"] .brx-header-left.bricks-is-frontend [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(.brx-has-megamenu, [data-submenu-reveal="expand"], .open) .brx-dropdown-content {
1750        inset-inline-start: 100% !important;
1751    }
1752
1753
1754
1755    .bricks-is-frontend [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(.brx-has-megamenu, [data-submenu-reveal="expand"]) .brx-dropdown-content:not([data-hide-close-bar="true"] ul),
1756    .bricks-is-frontend [data-submenu-reveal="slide"].brxe-dropdown .brx-dropdown-content:not([data-hide-close-bar="true"] ul) {
1757        inset-block-start: var(--dwc-nest-header-height) !important;
1758    }
1759
1760    .bricks-is-frontend [data-submenu-reveal="slide"].brxe-nav-nested.brx-open .brxe-dropdown.open:not(.brx-has-megamenu, [data-submenu-reveal="expand"])>.brx-dropdown-content,
1761    .bricks-is-frontend .brx-open [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-dropdown-content,
1762    .bricks-is-frontend .brx-open [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-dropdown-content .open>.brx-dropdown-content {
1763        inset-inline-start: 0 !important;
1764    }
1765
1766    html:not(.dwc-mobile) .bricks-is-frontend:is(.brx-header-left, .brx-header-right) [data-submenu-reveal="slide"].brxe-nav-nested .brxe-dropdown.open:not(.brx-has-megamenu, [data-submenu-reveal="expand"])>.brx-dropdown-content,
1767    html:not(.dwc-mobile) .bricks-is-frontend:is(.brx-header-left, .brx-header-right) [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-dropdown-content,
1768    html:not(.dwc-mobile) .bricks-is-frontend:is(.brx-header-left, .brx-header-right) [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-dropdown-content .open>.brx-dropdown-content {
1769        inset-inline-start: 0 !important;
1770        visibility: visible;
1771    }
1772
1773    .bricks-is-frontend .dwc-nest-menu .brxe-dropdown {
1774        position: static;
1775    }
1776
1777
1778    .bricks-is-frontend [data-submenu-reveal="slide"] .brx-submenu-toggle button svg:not([data-submenu-reveal="expand"] svg) {
1779        transform: rotate(270deg)
1780    }
1781
1782
1783    /*  EXPAND  - mult-level DROPDOWN ITEMS*/
1784    .bricks-is-frontend .dwc-nest-menu .brxe-dropdown[data-submenu-reveal="expand"]:not(.brx-has-megamenu)>.brx-dropdown-content>li,
1785    .bricks-is-frontend .dwc-nest-menu .brxe-dropdown[data-submenu-reveal="expand"]:not(.brx-has-megamenu)>.brx-dropdown-content>.brxe-dropdown .brx-dropdown-content>li,
1786    .bricks-is-frontend .dwc-nest-menu[data-submenu-reveal="expand"] .brxe-dropdown:not(.brx-has-megamenu, .open) .brx-dropdown-content>.menu-item:not([data-submenu-reveal="slide"] li) {
1787        transform: translateY(-100px);
1788        opacity: 0;
1789        transition: transform 0s, opacity 0s
1790    }
1791
1792    .bricks-is-frontend .dwc-nest-menu .brxe-dropdown.open[data-submenu-reveal="expand"]:not(.brx-has-megamenu)>.brx-dropdown-content>li,
1793    .bricks-is-frontend .dwc-nest-menu .brxe-dropdown.open[data-submenu-reveal="expand"]:not(.brx-has-megamenu)>.brx-dropdown-content>.brxe-dropdown.open .brx-dropdown-content>li,
1794    .bricks-is-frontend .dwc-nest-menu[data-submenu-reveal="expand"] .brxe-dropdown:not(.brx-has-megamenu).open>.brx-dropdown-content>.menu-item {
1795        transform: translateY(0);
1796        opacity: 1 !important;
1797        transition: transform 0.4s, opacity 0.4s
1798    }
1799
1800    /* MOBILE LOGO */
1801    .dwc-nest-menu:not([data-submenu-reveal="expand"]):has(.brxe-dropdown.open) .dwc-nest-menu__mobile-logo {
1802        opacity: 0;
1803        transition: 0s;
1804    }
1805
1806    .dwc-nest-menu__mobile-logo {
1807        opacity: 1;
1808        transition: opacity 0.45s 0.15s var(--mobile-menu-ttf);
1809    }
1810
1811    .dwc-nest-menu__mobile-logo:not(.brx-header-left *, .brx-header-right *) {
1812        block-size: var(--dwc-nest-header-height);
1813        max-block-size: var(--dwc-header-div-height);
1814    }
1815
1816    .brx-header-left .dwc-nest-menu__mobile-logo,
1817    .brx-header-right .dwc-nest-menu__mobile-logo {
1818        min-block-size: var(--top-offset);
1819    }
1820
1821    :where(.brx-header-left, .brx-header-right) #brx-header:has([data-sidebar-back-text-on-logo="true"]) .dwc-nest-menu__logo {
1822        display: none;
1823    }
1824
1825    :where(.brx-header-left, .brx-header-right) #brx-header:has([data-sidebar-back-text-on-logo="true"]) .dwc-nest-menu__mobile-logo {
1826        display: flex;
1827    }
1828
1829    /* DROPDOWN INDENT */
1830
1831
1832    .dwc-nest-menu[data-submenu-reveal="expand"] .brxe-dropdown:not(.brx-has-megamenu)>.brx-dropdown-content:not(.brxe-dropdown[data-submenu-reveal="slide"] .brx-dropdown-content),
1833    .dwc-nest-menu .brxe-dropdown[data-submenu-reveal="expand"]:not(.brx-has-megamenu) .brx-dropdown-content {
1834        padding-inline-start: var(--dropdown-indent) !important;
1835        padding-inline-end: calc(var(--dropdown-indent) * 0) !important;
1836        border-left: var(--dropdown-indent-line);
1837        background-color: var(--dropdown-indent-bg);
1838      min-inline-size: 0px !important;
1839    }
1840
1841
1842    .dwc-nest-menu[data-submenu-reveal="expand"] .brxe-dropdown:not(.brx-has-megamenu)>.brx-dropdown-content:not(.brxe-dropdown[data-submenu-reveal="slide"] *)>*> :is(a, .brx-submenu-toggle),
1843    .dwc-nest-menu .brxe-dropdown[data-submenu-reveal="expand"]:not(.brx-has-megamenu)>.brx-dropdown-content>*> :is(a, .brx-submenu-toggle) {
1844        padding-inline-start: calc(var(--dropdown-item-inline-padding) * var(--dropdown-indent-item-pad-offset)) !important;
1845    }
1846
1847
1848    .dwc-nest-menu[data-submenu-reveal="expand"] .brxe-dropdown.open>.brx-submenu-toggle,
1849    .dwc-nest-menu [data-submenu-reveal="expand"].brxe-dropdown.open>.brx-submenu-toggle {
1850        background-color: var(--dropdown-expanded-bg);
1851        color: var(--dropdown-expanded-clr);
1852    }
1853
1854    .dwc-nest-menu[data-submenu-reveal="expand"] .brxe-dropdown.open>.brx-submenu-toggle svg,
1855    .dwc-nest-menu [data-submenu-reveal="expand"].brxe-dropdown.open>.brx-submenu-toggle svg {
1856        color: var(--dropdown-expanded-clr) !important;
1857    }
1858
1859
1860    /* BACK BUTTON POSITIONING */
1861    .bricks-is-frontend [data-submenu-reveal="slide"] .open.active>.brx-submenu-toggle button:not([data-hide-close-bar="true"] button, [data-submenu-reveal="expand"] button),
1862    .bricks-is-frontend [data-submenu-reveal="slide"].open.active>.brx-submenu-toggle button:not([data-hide-close-bar="true"] button, [data-submenu-reveal="expand"] button) {
1863        min-inline-size: 100%;
1864        position: fixed;
1865        inset-block-start: calc(var(--dwc-nest-header-height) - var(--dwc-header-div-height));
1866        transform: translateY(0%) !important;
1867        inset-inline-start: 0;
1868        padding-inline-start: var(--menu-item-inline-padding);
1869        color: var(--back-text-clr);
1870        text-transform: var(--back-text-transform);
1871        letter-spacing: 1px;
1872        z-index: 1000;
1873        font-size: var(--back-text-font-size);
1874        font-weight: var(--back-text-font-weight);
1875        background-color: var(--back-text-bg);
1876        min-block-size: calc(var(--dwc-header-div-height) - 2px);
1877        -webkit-animation: dwc-nest-fade-in 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s both;
1878        animation: dwc-nest-fade-in 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s both;
1879    }
1880
1881
1882
1883
1884    /* BACK BUTTON TEXT, (ATTR SET BY JS) */
1885    .bricks-is-frontend [data-submenu-reveal="slide"] .open.active>.brx-submenu-toggle button[data-back-text="auto"]:not([data-submenu-reveal="expand"] button, [data-hide-close-bar="true"] button):after,
1886    .bricks-is-frontend [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-submenu-toggle button[data-back-text="auto"]:not([data-hide-close-bar="true"] button):after {
1887        content: attr(data-text);
1888       line-height: 1;
1889    }
1890
1891    /* FORCE TO USE 'BACK' AS BACK BUTTON TEXT */
1892
1893    .bricks-is-frontend .dwc-nest-menu:not([data-submenu-reveal="expand"]) .brxe-dropdown.open:not([data-submenu-reveal="expand"])>.brx-submenu-toggle button:not([data-back-text="auto"])::after {
1894        content: attr(data-back-text) !important;
1895    }
1896
1897    .dwc-nest-menu:not([data-submenu-reveal="expand"]) .brxe-dropdown:not([data-submenu-reveal="expand"]) .brx-submenu-toggle button[aria-expanded] {
1898        transition: unset !important;
1899    }
1900
1901    /* BACK BUTTON CHEVRON ARROW direction */
1902    .bricks-is-frontend [data-submenu-reveal="slide"] .brxe-dropdown.open>.brx-submenu-toggle button svg:not([data-submenu-reveal="expand"] svg),
1903    .bricks-is-frontend [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-submenu-toggle button svg {
1904        transform: rotate(90deg);
1905        margin-inline-end: 0.5em;
1906        inline-size: 10px;
1907    }
1908
1909    /* RTL */
1910    [dir="rtl"] .bricks-is-frontend [data-submenu-reveal="slide"] .brxe-dropdown.open:not([data-submenu-reveal="expand"])>.brx-submenu-toggle button svg,
1911    [dir="rtl"] .bricks-is-frontend [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-submenu-toggle button svg {
1912        order: 2;
1913        margin-inline-end: initial;
1914        margin-inline-start: 0.5em;
1915    }
1916
1917
1918
1919
1920    /* overlay back button on logo*/
1921    body:has(.brx-open .open.active:not([data-submenu-reveal="expand"], [data-submenu-reveal="expand"] .open)) [data-mobile-top-trans
1921parent="true"]:not([data-submenu-reveal="expand"], [data-below-header="true"]) .dwc-nest-menu-top {
1922        background-color: var(--mobile-menu-topbar-bg) !important;
1923        -webkit-animation: dwc-nest-fade-in 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s both;
1924        animation: dwc-nest-fade-in 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s both;
1925    }
1926
1927    body:has([data-submenu-reveal="slide"].brxe-dropdown.open, [data-submenu-reveal="slide"] .brxe-dropdown.open:not([data-submenu-reveal="expand"], [data-submenu-reveal="expand"] .open)) [data-mobile-top-transparent="true"] .dwc-nest-menu-top:not([data-below-header="true"] *) {
1928        background-color: var(--mobile-menu-topbar-bg) !important;
1929    }
1930
1931    .dwc-mobile [data-mobile-top-transparent="true"] .dwc-nav-wrapper:not([data-below-header="true"] .dwc-nav-wrapper, [data-show-mobile-logo="true"] .dwc-nav-wrapper, [data-fullscreen-mobile-menu="true"] .dwc-nav-wrapper) {
1932        background-color: transparent !important;
1933    }
1934
1935
1936  .dwc-mobile [data-mobile-top-transparent="true"] .dwc-nest-menu-top:not([data-below-header="true"] *, [data-show-mobile-logo="true"] *, [data-allow-overlay-mobile-opacity="true"][data-overlay-header-mobile="true"] [data-submenu-reveal="expand"][data-slide-in-direction="top"] *) {
1937     background-color: transparent !important; 
1938}
1939
1940.dwc-mobile [data-allow-overlay-mobile-opacity="true"][data-overlay-header-mobile="true"] [data-submenu-reveal="expand"][data-slide-in-direction="top"] .dwc-nest-menu-top {
1941    z-index: 9999;
1942    border-radius: var(--overlay-header-radius);
1943    --mobile-menu-topbar-bg: var(--overlay-header-bg);
1944    backdrop-filter: blur(var(--overlay-header-blur));
1945}
1946
1947
1948
1949    /* MENU BELOW HEADER */
1950    .bricks-is-frontend [data-below-header="true"].dwc-nest-menu .dwc-nav-wrapper {
1951        inset-block-start: calc(var(--dwc-nest-header-height) + var(--wp-admin--admin-bar--height, 0px));
1952    }
1953
1954    [data-below-header="true"] .dwc-nest-menu-top {
1955        min-block-size: var(--top-offset);
1956    }
1957
1958    .bricks-is-frontend [data-below-header="true"] .brxe-dropdown.open>.brx-submenu-toggle button:not([data-hide-close-bar="true"] button, [data-submenu-reveal="expand"] button) {
1959        min-block-size: calc(var(--top-offset) - 1px);
1960        padding-block: 0 !important;
1961        inset-block-start: 0;
1962    }
1963
1964
1965    .bricks-is-frontend [data-below-header="true"].dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content:not([data-hide-close-bar="true"] ul),
1966    .bricks-is-frontend [data-submenu-reveal="slide"].brxe-dropdown .brx-dropdown-content:not([data-hide-close-bar="true"] ul) {
1967        inset-block-start: calc(var(--top-offset) + 1px) !important;
1968    }
1969
1970    .bricks-is-frontend [data-below-header="true"].dwc-nest-menu.brxe-nav-nested .brx-has-megamenu.brxe-dropdown .brx-dropdown-content:not([data-hide-close-bar="true"] ul, [data-submenu-reveal="expand"].brx-has-megamenu ul) {
1971        inset-block-start: calc(var(--top-offset) + 1px) !important;
1972    }
1973
1974    .dwc-nest-menu[data-below-header="true"] .dwc-nest-menu__mobile-logo {
1975        display: none;
1976    }
1977
1978
1979
1980    /* tooltip */
1981
1982    .dwc-nest-tooltip:not(.dwc-nav-wrapper:has(.open.active) .dwc-nest-tooltip, .dwc-tabbed-nav-list__li.active ~ .dwc-nest-tooltip) {
1983        opacity: 0 !important;
1984    }
1985
1986
1987    @keyframes slideIn {
1988        0% {
1989            transform: translateX(-100%);
1990            opacity: 0;
1991        }
1992
1993        100% {
1994            transform: translateX(0);
1995            opacity: 1;
1996        }
1997    }
1998
1999    @keyframes fadeOut {
2000        0% {
2001            transform: translateX(0);
2002            opacity: 1;
2003        }
2004
2005        100% {
2006            transform: translateX(50%);
2007            opacity: 0;
2008        }
2009    }
2010
2011    .dwc-nest-tooltip {
2012        animation: slideIn 0.4s ease-in-out both, fadeOut 0.4s ease-in-out 2s both;
2013        text-transform: initial;
2014    }
2015
2016
2017    /* EXPAND DROP DOWN */
2018    /* EXPAND MEGA MENU DROP DOWN */
2019
2020    [data-submenu-reveal="expand"] .brx-has-megamenu .brx-dropdown-content {
2021        display: grid !important;
2022        grid-template-rows: 0fr;
2023        grid-template-columns: 1fr;
2024        transition: 0.3s ease-in-out;
2025        overflow: hidden;
2026        position: static;
2027        visibility: visible;
2028        opacity: 1;
2029    }
2030
2031    [data-submenu-reveal="expand"] .brx-has-megamenu.brxe-dropdown.open.active .brx-dropdown-content {
2032        grid-template-rows: 1fr;
2033        grid-template-columns: 1fr;
2034
2035    }
2036
2037    [data-submenu-reveal="expand"] .brx-has-megamenu .brx-dropdown-content> :is(div, li) {
2038        padding-block: 0 !important;
2039        opacity: 0;
2040        transition: opacity 0.3s ease;
2041    }
2042
2043    [data-submenu-reveal="expand"] .brx-has-megamenu .brx-dropdown-content :is(div, li):not([data-submenu-reveal="slide"] *) {
2044        flex-wrap: nowrap !important;
2045        min-block-size: 0 !important;
2046    }
2047
2048    [data-submenu-reveal="expand"] .brx-has-megamenu.brxe-dropdown.open.active .brx-dropdown-content> :is(div, li) {
2049        opacity: 1;
2050        transition: opacity 0.25s 0.25s ease;
2051    }
2052
2053    /* EXPAND MEGA MENU DROP DOWN -- MODULAR*/
2054
2055    [data-submenu-reveal="expand"].brx-has-megamenu .brx-dropdown-content {
2056        display: grid !important;
2057        grid-template-rows: 0fr;
2058        grid-template-columns: 1fr;
2059        transition: 0.3s ease-in-out;
2060        overflow: hidden;
2061        position: static;
2062        visibility: visible;
2063        opacity: 1;
2064    }
2065
2066    [data-submenu-reveal="expand"].brx-has-megamenu.brxe-dropdown.open.active .brx-dropdown-content {
2067        grid-template-rows: 1fr;
2068        grid-template-columns: 1fr;
2069    }
2070
2071    [data-submenu-reveal="expand"].brx-has-megamenu .brx-dropdown-content> :is(div, li) {
2072        padding-block: 0 !important;
2073        opacity: 0;
2074        transition: opacity 0.3s ease;
2075    }
2076
2077    [data-submenu-reveal="expand"].brx-has-megamenu .brx-dropdown-content :is(div, li) {
2078        flex-wrap: nowrap !important;
2079        min-block-size: 0 !important;
2080    }
2081
2082    [data-submenu-reveal="expand"].brx-has-megamenu.brxe-dropdown.open.active .brx-dropdown-content> :is(div, li) {
2083        opacity: 1;
2084        transition: opacity 0.8s 0.25s ease;
2085    }
2086
2087    /* HIDE TOP CLOSE BAR */
2088    [data-hide-close-bar='true'] .dwc-nest-menu-top {
2089        display: none;
2090    }
2091
2092
2093
2094    /* hide close button, bring main hamburger to front */
2095
2096    .dwc-nest-menu .brxe-toggle {
2097        position: relative;
2098    }
2099
2100    [data-mobile-top-transparent="true"]:not(:has(.brxe-dropdown.open)) .brxe-toggle[aria-label="Open Menu"] {
2101        z-index: 9999;
2102    }
2103
2104    [data-show-toggle-always="true"] .brxe-toggle[aria-label="Open Menu"] {
2105        z-index: 9999;
2106    }
2107
2108    /* .dwc-nest-menu:not([data-mobile-top-transparent="true"], [data-below-header="true"]) .brxe-toggle[aria-label="Close Menu"] {
2109        display: grid;
2110        place-items: center;
2111        block-size: 100%;
2112    } */
2113
2114    .dwc-nest-menu .brx-nav-nested-items>.brxe-dropdown>.brx-dropdown-content {
2115        transform: unset;
2116    }
2117
2118    .dwc-nest-menu .brx-nav-nested-items>.brxe-dropdown.open>.brx-dropdown-content {
2119        transform: unset;
2120    }
2121
2122    .dwc-stripe-style .dwc-nest-header::after,
2123    .dwc-stripe-style .dwc-nest-header::before {
2124        display: none !important;
2125    }
2126
2127
2128    /* builder */
2129    [data-builder-mode] .dwc-nest-menu-top {
2130        min-block-size: 80px !important;
2131    }
2132
2133    [data-builder-mode] .dwc-nest-nav-items {
2134        overflow-y: scroll;
2135    }
2136
2137    /* in builder ends*/
2138
2139    /*==========RTL=============*/
2140
2141    [dir=rtl] .bricks-is-frontend [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested:not([data-slide-in-direction="right"]) .brx-has-megamenu.brxe-dropdown .brx-dropdown-content:not([data-submenu-reveal="expand"].brx-has-megamenu ul) {
2142        transform: translateX(-100%);
2143    }
2144
2145    [dir=rtl] nav:not(.brx-open, [data-slide-in-direction="right"]) .dwc-nav-wrapper {
2146        transform: translateX(-100%);
2147    }
2148
2149    [dir=rtl] .bricks-is-frontend [data-submenu-reveal="slide"] .brx-submenu-toggle button svg:not([data-submenu-reveal="expand"] svg) {
2150        transform: rotate(-270deg);
2151    }
2152
2153    /* ================== BRICKS RESET LAYER ========================== */
2154
2155    @layer bricks.reset {
2156
2157        /* multilevel dropdown slide in */
2158
2159
2160        .bricks-is-frontend [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(:is([data-submenu-reveal="expand"], .brx-has-megamenu)) .brx-dropdown-content:not([data-submenu-reveal="expand"] *, .brx-header-left *, .brx-header-right *),
2161        .bricks-is-frontend [data-submenu-reveal="slide"].brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content:not(.brx-header-left *, .brx-header-right *) {
2162            inset-inline-start: 100% !important;
2163        }
2164
2165        [dir=rtl] .bricks-is-frontend [data-slide-in-direction="right"][data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(:is([data-submenu-reveal="expand"], .brx-has-megamenu), .open) .brx-dropdown-content:not([data-submenu-reveal="expand"] *),
2166        [dir=rtl] .bricks-is-frontend [data-slide-in-direction="right"][data-submenu-reveal="slide"].brxe-dropdown:not(.brx-has-megamenu, .open) .brx-dropdown-content {
2167            inset-inline-start: -100% !important;
2168        }
2169
2170        .bricks-is-frontend [data-submenu-reveal="slide"][data-slide-in-direction^="left"].dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(:is([data-submenu-reveal="expand"], .brx-has-megamenu)) .brx-dropdown-content:not([data-submenu-reveal="expand"] *, .brx-header-left *, .brx-header-right *),
2171        .bricks-is-frontend [data-submenu-reveal="slide"].brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content:not(.brx-header-left *, .brx-header-right *) {
2172            inset-inline-start: -100% !important;
2173        }
2174
2175        /*sidebar*/
2176        .bricks-is-frontend:is(.brx-header-right, brx-header-left) [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(:is([data-submenu-reveal="expand"], .brx-has-megamenu, .open)) .brx-dropdown-content:not([data-submenu-reveal="expand"] *, .-brx-header-left *, .-brx-header-right *),
2177        .bricks-is-frontend:is(.brx-header-right, brx-header-left) [data-submenu-reveal="slide"].brxe-dropdown:not(.brx-has-megamenu, .open) .brx-dropdown-content:not(.brx-header-left *, .brx-header-right *) {
2178            inset-inline-start: 100% !important;
2179        }
2180
2181
2182
2183
2184
2185        .bricks-is-frontend [data-submenu-reveal="slide"].brxe-nav-nested.brx-open .brxe-dropdown.open:not(.brx-has-megamenu, [data-submenu-reveal="expand"])>.brx-dropdown-content,
2186        .bricks-is-frontend .brx-open [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-dropdown-content,
2187        .bricks-is-frontend .brx-open [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-dropdown-content .open>.brx-dropdown-content {
2188            inset-inline-start: 0 !important;
2189        }
2190
2191
2192        .bricks-is-frontend [data-submenu-reveal="slide"][data-sli
2192de-in-direction^="left"].brxe-nav-nested.brx-open .brxe-dropdown.open:not(.brx-has-megamenu, [data-submenu-reveal="expand"])>.brx-dropdown-content,
2193        .bricks-is-frontend [data-slide-in-direction^="left"] .brx-open [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-dropdown-content,
2194        .bricks-is-frontend [data-slide-in-direction^="left"] .brx-open [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-dropdown-content .open>.brx-dropdown-content {
2195            inset-inline-start: 0 !important;
2196        }
2197
2198        /*sidebar*/
2199        .bricks-is-frontend:is(.brx-header-right, brx-header-left) [data-submenu-reveal="slide"].brxe-nav-nested .brxe-dropdown.open:not(.brx-has-megamenu, [data-submenu-reveal="expand"])>.brx-dropdown-content,
2200        .bricks-is-frontend:is(.brx-header-right, brx-header-left) [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-dropdown-content,
2201        .bricks-is-frontend:is(.brx-header-right, brx-header-left) [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-dropdown-content .open>.brx-dropdown-content {
2202            inset-inline-start: 0 !important;
2203        }
2204
2205        .brx-closing.brxe-nav-nested .brx-nav-nested-items {
2206            opacity: 1 !important;
2207        }
2208
2209        .dwc-nest-menu.brxe-nav-nested.brx-closing .brx-nav-nested-items {
2210            opacity: unset !important;
2211            visibility: unset !important;
2212        }
2213
2214    }
2215
2216    /* ================== END BRICKS RESET LAYER ========================== */
2217
2218}
2219
2220
2221/* END MEDIA QUERY*/
2222
2223
2224
2225@media (min-width: 640px) and (max-width: 1200px) {
2226
2227    /* ================== BRICKS RESET LAYER ========================== */
2228
2229    @layer bricks.reset {
2230
2231        /*special mobile style on tablet */
2232
2233        .dwc-mobile .bricks-is-frontend [data-mobile-special-style="slide-split"] [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(:is([data-submenu-reveal="expand"], .brx-has-megamenu)) .brx-dropdown-content:not([data-submenu-reveal="expand"] *),
2234        .bricks-is-frontend [data-mobile-special-style="slide-split"] [data-submenu-reveal="slide"].brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content {
2235
2236            inset-inline-start: auto !important;
2237            inset-inline-end: -100% !important;
2238        }
2239
2240        .dwc-mobile .bricks-is-frontend [data-mobile-special-style="slide-split"] [data-submenu-reveal="slide"].brxe-nav-nested.brx-open .brxe-dropdown.open:not(.brx-has-megamenu, [data-submenu-reveal="expand"])>.brx-dropdown-content,
2241        .bricks-is-frontend [data-mobile-special-style="slide-split"] .brx-open [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-dropdown-content,
2242        .bricks-is-frontend [data-mobile-special-style="slide-split"] .brx-open [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-dropdown-content .open>.brx-dropdown-content {
2243            inset-inline-end: 0% !important;
2244            inset-inline-start: auto !important;
2245        }
2246
2247
2248
2249    }
2250
2251    /* ================== END BRICKS RESET LAYER ========================== */
2252}
2253
2254/* END MEDIA QUERY*/</style></div><style>@media (min-width: 1201px){
2255  .dwc-mobile header{
2256      display: none;
2257  }  
2258  
2259  @layer bricks.reset{
2260.brx-dropdown-content:not(.brx-submenu-positioned) {
2261    display: flex!important;
2262}
2263}
2264
2265  
2266  /* CENTERED LOGO*/
2267
2268  /*force center align for centered logo menu */
2269
2270.dwc-nest-header__container.dwc-logo-is-centered {
2271    justify-content: center;
2272}
2273  
2274  .dwc-logo-is-centered .dwc-nest-menu .brx-nav-nested-items{
2275  justify-content: center;
2276}
2277
2278
2279/*remvoe bricks default margin left*/
2280#brx-header .dwc-logo-is-centered .dwc-nest-menu li:not(.brx-dropdown-content *){
2281  
2282    margin-inline: 0 !important;
2283    display: flex;
2284    flex-direction: column;
2285    justify-content: center;
2286}
2287
2288/* prevent logo from shrinking on sceen resize*/
2289#brx-header .dwc-logo-is-centered .dwc-header-logo-item{
2290   flex-shrink: 0;
2291} 
2292
2293.dwc-center-guide {
2294  background-color: rgba(132, 255, 0, 0.32);
2295  position: fixed;
2296  top: 0;
2297  bottom: 0;  
2298  align-self: center;
2299  height: 100dvb;
2300  z-index: 9999;
2301  pointer-events: none;
2302}
2303  
2304  body:not(:has([data-fix-centered-logo-fouc="true"])) .dwc-center-guide::before {
2305    content: 'To fix FOUC on the header, Go to Header Pro div > Attribute > data-fix-centered-logo-fouc, set the value to "true"';
2306    position: absolute;
2307    top: 30vh;
2308    padding: 1rem;
2309   background-color: white;
2310 
2311}
2312
2313.dwc-logo-is-centered .dwc-menu-wrap{
2314  inline-size:100%
2315}
2316
2317
2318  
2319  .dwc-nest-header .brx-nav-nested-items {    
2320    transition-property: opacity,transform;   
2321}
2322  
2323  body.adaptive-height-active:has([data-fix-centered-logo-fouc="true"]):not(:has(.dwc-logo-is-centered))::before {
2324    content: 'Go to the Header Pro section > Attribute > data-fix-centered-logo-fouc, remove the value "true" OR enable Centered Logo';
2325}
2326  
2327
2328}
2329
2330/*=======================================  MIN WIDTH MEDIA QUERY ENDS  ==============================================================*/
2331
2332  body:has([data-overlay-header="true"]) .dwc-nest-menu-overlay {   
2333    inset-block-start: 0 ;  
2334}
2335
2336/*fix centered logo fouc*/
2337  html:not(.dwc-mobile)  .bricks-is-frontend header:has([data-fix-centered-logo-fouc="true"]):not(.desktop-centered header) {
2338    opacity: 0;
2339}
2340
2341
2342
2343/*end fix fouc*/
2344
2345.dwc-adaptive-height:not(.dwc-stripe-style){
2346    --dropdown-content-gap: 0 
2347}
2348
2349html:not(.dwc-mobile) .bricks-is-frontend:not(.brx-header-right, .brx-header-left) .dwc-nest-menu:not([data-offcanvas="true"]) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content:not(.brx-dropdown-content .brx-dropdown-content){
2350  inset-inline-start: 0 !important;
2351}
2352
2353
2354
2355html:not(.dwc-mobile) .bricks-is-frontend .dwc-nest-menu .brx-dropdown-content .brx-dropdown-content:not(.brx-sub-submenu-overflow-right, .brx-submenu-overflow-right){
2356inset-inline-start: 100% !important;
2357}
2358
2359
2360html:not(.dwc-mobile) .bricks-is-frontend .dwc-nest-menu .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content{
2361    min-inline-size: var(--multilevel-dropdown-width) !important;    
2362}
2363
2364html:not(.dwc-mobile) .bricks-is-frontend .dwc-nest-menu .brx-dropdown-content{ 
2365  box-shadow: var(--dropdown-content-shadow);
2366}
2367
2368html:not(.dwc-mobile) .bricks-is-frontend:not(.brx-header-left, .brx-header-right) .dwc-nest-menu:not([data-offcanvas="true"]) .brx-has-megamenu .brx-dropdown-content > *{ 
2369  max-block-size: calc(95dvb - calc(var(--dwc-nest-header-height) + var(--wp-admin--admin-bar--height, 0px)));
2370  overflow-y: auto;
2371  overscroll-behavior: contain;
2372  scrollbar-width: thin !important;
2373}
2374
2375
2376.dwc-nest-menu[data-submenu-reveal="expand"] .brx-nav-nested-items > .brxe-dropdown:not([data-submenu-reveal="slide"], .brx-has-megamenu)  > .brx-submenu-toggle {
2377transform: translateY(0);
2378z-index: 9999;
2379}
2380
2381
2382:is([data-submenu-reveal="expand"][data-offcanvas="true"]) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content,
2383:is(.brx-header-right, .brx-header-left) [data-submenu-reveal="expand"] .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content{
2384inset-block-start: 0;
2385transition: 0s;
2386min-inline-size: var(--mobile-menu-width);
2387}
2388
2389.dwc-nest-toggle--open.brxe-toggle .brxa-inner:before {   
2390block-size: var(--open-icon-line-height);
2391inset-inline-end: var(--open-icon-align);       
2392}
2393
2394.dwc-nest-toggle--open.brxa--vortex .brxa-inner:before {   
2395inline-size: var(--open-icon-size);      
2396}
2397
2398.dwc-nest-toggle--open.brxa--vortex .brxa-inner:not(.is-active .brxa-inner):before {   
2399inset-block-start: calc(var(--icon-line-gap) * -1); 
2400}
2401
2402.dwc-nest-toggle--open.brxa--vortex .brxa-inner:not(.is-active .brxa-inner):after {   
2403inset-block-end: calc(var(--icon-line-gap) * -1); 
2404}
2405
2406.dwc-nest-toggle--open.brxe-toggle .brxa-inner{
2407block-size: var(--open-icon-line-height);
2408inset-inline-end:  var(--open-icon-horizontal-offset);      
2409}
2410
2411.dwc-nest-toggle--open.brxa--vortex .brxa-inner{
2412inline-size:var(--iw);    
2413}
2414
2415.dwc-nest-toggle--open.brxe-toggle .brxa-inner:after {   
2416block-size: var(--open-icon-line-height);
2417inset-inline-end:  var(--open-icon-align);
2418}
2419
2420.dwc-nest-toggle--open.brxa--vortex .brxa-inner:after {   
2421inline-size: var(--aw);
2422}
2423
2424
2425.dwc-nest-toggle--open.brxa--vortex.is-active .brxa-inner:after, 
2426.dwc-nest-toggle--open.brxa--vortex.is-active .brxa-inner {
2427    inline-size: calc(var(--iw) * var(--open-icon-close-offset));
2428}
2429
2430
2431.dwc-nest-toggle--open.brxa--vortex .brxa-wrap{
2432inline-size: var(--open-icon-size)
2433}
2434
2435.dwc-nest-toggle--open .brxa-inner, 
2436.dwc-nest-toggle--open .brxa-inner:after, 
2437.dwc-nest-toggle--open .brxa-inner:before{
2438background-color: var(--menu-toggle-clr)
2439}
2440
2441.dwc-nest-menu.brxe-nav-nested .brxe-toggle[aria-label="Close Menu"] i{
2442color: var(--menu-close-toggle-clr)
2443}
2444
2445.dwc-nest-toggle--open .brxa-wrap:hover .brxa-inner,
2446.dwc-nest-toggle--open .brxa-wrap:hover .brxa-inner:after, 
2447.dwc-nest-toggle--open .brxa-wrap:hover .brxa-inner:before {
2448background-color: var(--menu-toggle-hover-clr) !important
2449}
2450
2451/* icon animation */
2452
2453.dwc-nest-toggle--open.brxa--vortex .brxa-inner {
2454transition-duration: .3s;
2455transition-timing-function: ease-in-out;
2456}
2457
2458.dwc-nest-toggle--open.brxa--vortex.is-active .brxa-inner {
2459transform: rotate(225deg);
2460transition-timing-function: ease-in-out;
2461}
2462
2463.dwc-nest-toggle--open.brxa--vortex.is-active .brxa-inner:before {
2464opacity: 0;
2465inset-block-start: calc(var(--icon-line-gap) * -1);
2466inline-size: 0px !important;   
2467}
2468
2469.dwc-nest-toggle--open .brxa-inner:before {
2470transition-duration: 0.25s;
2471transition-property: inline-size, tansform !important;
2472
2473}
2474
2475
2476
2477/* MENU ITEMS SPACING AND COLOR*/
2478/* Shared styles for both menu types */
2479.dwc-nest-menu .brx-nav-nested-items > li > a:not(.dwc-nest-menu__logo),
2480.dwc-nest-menu .brx-nav-nested-items > li .brx-submenu-toggle,
2481.dwc-nest-menu .brx-dropdown-content > .menu-item > a {
2482font-weight: var(--menu-item-font-weight);
2483font-size: var(--menu-item-font-size);
2484color: var(--menu-item-clr);
2485background-color: var(--menu-item-bg);
2486inline-size: 100%;
2487}
2488
2489.dwc-nest-menu .brx-dropdown-content > .brxe-dropdown > .brx-submenu-toggle,
2490.dwc-nest-menu .brx-dropdown-content > .menu-item > a {
2491  --menu-item-font-size: var(--dropdown-item-font-size)
2492}
2493
2494/* Specific padding for nested menu items */
2495.dwc-nest-menu .brx-nav-nested-items > li > a,
2496.dwc-nest-menu .brx-nav-nested-items > li.brx-has-megamenu .brx-submenu-toggle {
2497padding-block: var(--menu-item-block-padding);
2498padding-inline: var(--menu-item-inline-padding) !important;
2499}
2500
2501/* Specific padding for dropdown items */
2502
2503.dwc-nest-menu .brx-dropdown-content > .menu-item > a {
2504  padding-block: var(--dropdown-item-block-padding);
2505  padding-inline: var(--dropdown-item-inline-padding) !important;
2506}
2507
2508.dwc-nest-menu .brx-nav-nested-items > .brxe-dropdown:not(.brx-has-megamenu) li .brx-submenu-toggle{
2509padding-block: var(--dropdown-item-block-padding);
2510  padding-inline: var(--dropdown-item-inline-padding) !important;
2511}
2512
2513.dwc-nest-menu .brx-nav-nested-items > li:not(.brx-has-megamenu) .brx-submenu-toggle:not(.brxe-dropdown li .brx-submenu-toggle){
2514padding-block: var(--menu-item-block-padding);
2515  padding-inline: var(--menu-item-inline-padding) !important;
2516
2517}
2518
2519
2520.dwc-nest-menu .brx-dropdown-content > .menu-item > a:not([aria-current="page"], li:hover > *),
2521li:not(.brx-has-megamenu) .brx-submenu-toggle:not( .brx-nav-nested-items > li > *, li:hover > *, .open.active *) {
2522color: var(--dropdown-item-clr) !important;
2523}
2524
2525
2526/* DROPDOWN MENU ITEMS BG COLOR */
2527.dwc-nest-menu .brx-dropdown-content > .menu-item > a:not(.brx-has-megamenu a),
2528li:not(.brx-has-megamenu) .brx-submenu-toggle:not( .brx-nav-nested-items > li > *) {
2529background-color: var(--dropdown-item-bg)
2530}
2531
2532/* DROPDOWN BG COLOR */
2533.dwc-nest-menu .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content {
2534background-color: var(--dropdown-content-bg);
2535}
2536
2537/* DROPDOWN BORDER RADIUS */
2538.dwc-nest-menu .brx-nav-nested-items  .brxe-dropdown:not(.brx-has-megamenu) li :is(.brx-submenu-toggle, .brxe-text-link){
2539border-radius: var(--dropdown-item-radius)
2540
2541}
2542
2543/* HOVER STYLES */
2544.dwc-nest-menu .brx-nav-nested-items > li:hover > a,
2545.dwc-nest-menu .brx-nav-nested-items > li:hover > .brx-submenu-toggle,
2546.dwc-nest-menu .brx-dropdown-content > li:hover > .brx-submenu-toggle,
2547.dwc-nest-menu .brx-dropdown-content > .menu-item:hover > a {
2548color: var(--menu-item-hover-clr);
2549background-color: var(--menu-item-hover-bg)
2550}
2551
2552.dwc-nest-nav-dropdown-link:hover {
2553color: var(--menu-item-hover-clr);
2554}
2555
2556.dwc-nest-menu .brx-nav-nested-items > li > a:not([data-last-item-is-button="true"] .brx-nav-nested-items > .menu-item:last-of-type a, [data-last-item-is-button="true-2"] .brx-nav-nested-items > .menu-item:nth-last-of-type(-n+2) a, [data-last-item-is-button="true-3"] .brx-nav-nested-items > .menu-item:nth-last-of-type(-n+3) a, .dwc-nest-menu__logo):hover::before,
2557body:not(.brx-header-left, .brx-header-right) .dwc-nest-menu .brx-nav-nested-items > li > a:not([data-last-item-is-button="true"] .brx-nav-nested-items > .menu-item:last-of-type a, [data-last-item-is-button="true-2"] .brx-nav-nested-items > .menu-item:nth-last-of-type(-n+2) a, [data-last-item-is-button="true-3"] .brx-nav-nested-items > .menu-item:nth-last-of-type(-n+3) a, .dwc-nest-menu__logo):focus-visible::before,
2558.dwc-nest-menu .brx-nav-nested-items > li:hover > .brx-submenu-toggle::before,
2559body:not(.brx-header-left, .brx-header-right) .dwc-nest-menu .brx-nav-nested-items > li:focus-within > .brx-submenu-toggle::before{
2560    content: '';
2561    background-color: var(--menu-item-hover-border-bg);
2562    inline-size: 100%;
2563    block-size: var(--menu-item-hover-border-height);
2564    position: absolute;
2565    inset-block-start: calc(100% - var(--menu-item-hover-border-height));
2566    inset-inline-start: 0;
2567}
2568
2569.dwc-nest-menu .brx-nav-nested-items > li.menu-item:has(> a),
2570.dwc-nest-menu .brx-nav-nested-items > li.menu-item:has(> .brx-submenu-toggle) {
2571   position: relative; 
2572}
2573
2574/* ACTIVE STYLES */
2575/* links and dropdwon active styles */
2576.dwc-nest-menu .brx-nav-nested-items a[aria-current="page"]:not(.brxe-button, .dwc-exclude, .dwc-exclude a, li:hover > a, a:hover, .dwc-nest-menu__logo, 
2577[data-last-item-is-button="true"] .brx-nav-nested-items > .menu-item:last-of-type a, 
2578[data-last-item-is-button="true-2"] .brx-nav-nested-items > .menu-item:nth-last-of-type(-n+2) a, 
2579[data-last-item-is-button="true-3"] .brx-nav-nested-items > .menu-item:nth-last-of-type(-n+3) a),
2580.dwc-nest-menu .brx-nav-nested-items > li:has([aria-current="page"]:not(.dwc-exclude)):not(li:hover) > .brx-submenu-toggle {
2581color: var(--menu-item-active-clr);
2582background-color: var(--menu-item-active-bg);
2583}
2584
2585.dwc-nest-menu .brx-nav-nested-items .brx-submenu-toggle > a[aria-current="page"]{   
2586  background-color: initial !important;  
2587}
2588
2589.dwc-nest-menu .brx-nav-nested-items a[aria-current="page"]:not(.brxe-button, .dwc-exclude, .dwc-exclude a, .dwc-nest-menu__logo),
2590.dwc-nest-menu .brx-nav-nested-items > li .brx-submenu-toggle{
2591  position: relative;
2592}
2593
2594.dwc-nest-menu .brx-nav-nested-items a[aria-current="page"]:not(.brxe-button, .dwc-exclude, .dwc-exclude a, [data-last-item-is-button="true"] .brx-nav-nested-items > .menu-item:last-of-type a, 
2595[data-last-item-is-button="true-2"] .brx-nav-nested-items > .menu-item:nth-last-of-type(-n+2) a, 
2596[data-last-item-is-button="true-3"] .brx-nav-nested-items > .menu-item:nth-last-of-type(-n+3) a, .dwc-nest-menu__logo, .brx-submenu-toggle > a)::before,
2597.dwc-nest-menu .brx-nav-nested-items > li:has([aria-current="page"]:not(.dwc-exclude)) > .brx-submenu-toggle::before{
2598  content: '';
2599  background-color: var(--menu-item-active-border-bg);
2600  inline-size: 100%;
2601  block-size: var(--menu-item-active-border-height);
2602  position: absolute; 
2603  inset-block-start: calc(100% - var(--menu-item-active-border-height));
2604  inset-inline-start: 0;  
2605}
2606
2607.dwc-nest-menu .brx-nav-nested-items > li:has([aria-current="page"]:not(.dwc-exclude)) > .brx-submenu-toggle > :is(a:not(.dwc-nest-menu__logo), svg, button, span){
2608color: var(--menu-item-active-clr);
2609}
2610
2611
2612/* DROPDOWN HOVER BG */
2613.dwc-nest-menu .brx-dropdown-content > li:hover > .brx-submenu-toggle:not(.brx-has-megamenu *, .dwc-mobile .open.active > *), 
2614.dwc-nest-menu .brx-dropdown-content > li:hover > a:not(.brx-has-megamenu a){
2615background-color: var(--dropdown-item-hover-bg) ;
2616color: var(--dropdown-item-hover-clr);
2617}
2618
2619
2620.dwc-nest-menu.brxe-nav-nested .brx-submenu-toggle {
2621justify-content: space-between;
2622}
2623
2624/* DROPDOWN INDENT */
2625
2626:is(.dwc-mobile, .brx-header-left, .brx-header-right, body:has([data-offcanvas="true"])) 
2627:is([data-submenu-reveal="expand"])
2628.brxe-dropdown:not(.brx-has-megamenu) > 
2629.brx-dropdown-content:not(.brxe-dropdown[data-submenu-reveal="slide"] *) {
2630padding-inline-start: var(--dropdown-indent) !important;
2631padding-inline-end: calc(var(--dropdown-indent) * 0) !important;
2632border-left: var(--dropdown-indent-line);  
2633background-color: var(--dropdown-indent-bg)
2634}
2635
2636:is(.dwc-mobile, .brx-header-left, .brx-header-right, body:has([data-offcanvas="true"])) 
2637:is([data-submenu-reveal="expand"]) 
2638.brxe-dropdown:not(.brx-has-megamenu) > 
2639.brx-dropdown-content:not(.brxe-dropdown[data-submenu-reveal="slide"] *) > * > :is(a, .brx-submenu-toggle){
2640padding-inline-start: calc(var(--dropdown-item-inline-padding) * var(--dropdown-indent-item-pad-offset)) !important;
2641}
2642
2643
2644
2645:is(.dwc-mobile, .brx-header-left, .brx-header-right, body:has([data-offcanvas="true"])) 
2646:is([data-submenu-reveal="expand"]) 
2647.open.active.brxe-dropdown > .brx-submenu-toggle svg:not(.open.active.brxe-dropdown:hover > .brx-submenu-toggle svg){
2648color: var(--dropdown-expanded-clr);
2649}
2650
2651
2652/* MENU ITEMS COLOR */
2653.dwc-nest-menu .brx-nav-nested-items > li .brx-submenu-toggle :where(span, a, svg) {
2654color: inherit;
2655font-weight: inherit;
2656} 
2657
2658/* CHEVRON */
2659.dwc-nest-menu .brx-nav-nested-items > li:not(li:has([aria-current="page"]:not(.dwc-exclude)), li:hover) .brx-submenu-toggle svg{
2660color: var(--chevron-clr);
2661}
2662
2663.dwc-nest-menu .brx-nav-nested-items > li .brx-submenu-toggle svg{
2664  font-size: var(--chevron-size);
2665  color: var(--chevron-clr);
2666  }
2667  .dwc-nest-menu .brx-nav-nested-items > li:has([aria-current="page"]:not(.dwc-exclude)) > .brx-submenu-toggle svg,
2668.dwc-nest-menu .brx-nav-nested-items  li:hover > .brx-submenu-toggle svg{  
2669  color: var(--chevron-hover-clr);
2670  }
2671
2672[data-align-dropdown-top="true"] .brx-dropdown-content .brxe-dropdown { 
2673position: static;   
2674}
2675
2676.brx-dropdown-content:not(.brx-has-megamenu .brx-dropdown-content) {
2677padding-inline-end: 0 !important;
2678}
2679
2680
2681/*OVERLAY*/
2682html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) :is(.brxe-code, .dwc-nest-menu-overlay),
2683body:has([data-hide-overlay="true"]) .dwc-nest-menu-overlay,
2684[data-builder-mode] .dwc-nest-menu-overlay {
2685display: none;
2686}
2687
2688.bricks-is-frontend #brx-header .dwc-nest-menu[data-offcanvas="true"]:not([data-submenu-reveal = 'slide']) .brxe-dropdown:not(.open.active) > .brx-dropdown-content > .brxe-dropdown:not([data-submenu-reveal = 'slide'] *){
2689visibility: hidden;
2690}
2691
2692/* builder */
2693
2694[data-builder-mode] [data-offcanvas="true"] .dwc-nest-menu-top {
2695min-block-size: 80px !important;
2696}
2697
2698
2699
2700/* ===========DESKTOP ONLY ============== */
2701
2702:is( html:not(.dwc-mobile) .dwc-nest-header:not([data-overlay-header="true"]) [data-mobile-top-transparent="true"]) :is(.dwc-nest-menu-top:not([data-below-header="true"] *, :has(.open.active)), 
2703.dwc-nav-wrapper:not([data-below-header="true"] *, :has(.open.active))) {
2704  background-color: transparent !important;
2705}
2706
2707
2708html:not(.dwc-mobile):has(:is([data-last-item-is-button-alignment="center"], [data-last-item-is-button-alignment="left"])[data-last-item-is-button="true"]) :is(.dwc-menu-wrap, .dwc-nest-menu){
2709inline-size: 100%;
2710}
2711
2712html:not(.dwc-mobile) [data-last-item-is-button-alignment="center"][data-last-item-is-button="true"].dwc-nest-menu:not(.brx-open) .dwc-nest-nav-items > li:is(:last-of-type, :first-of-type){
2713margin-inline-start: auto;
2714}
2715
2716html:not(.dwc-mobile) [data-last-item-is-button-alignment="left"][data-last-item-is-button="true"].dwc-nest-menu:not(.brx-open) .dwc-nest-nav-items > li:is(:last-of-type) {
2717margin-inline-start: auto;
2718}
2719
2720html:not(.dwc-mobile) .dwc-nest-tooltip {
2721    display: none !important;
2722    clip: rect(1px,1px,1px,1px);
2723    word-wrap: normal!important;
2724    border: 0;
2725    clip-path: inset(50%);
2726    height: 1px !important;
2727    margin: -1px;
2728    overflow: hidden;
2729    overflow-wrap: normal!important;
2730    padding: 0 !important;
2731    width: 1px;
2732}
2733
2734
2735html:not(.dwc-mobile)  .open:has(.open) .open:has(.brxe-dropdown:hover) .brx-dropdown-content:not(.brx-header-left *, .brx-header-right *, [data-offcanvas="true"] *)  {
2736box-shadow: 0px 10px 30px -10px rgba(0, 0, 0, 30%);
2737}
2738
2739html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right) .brxe-nav-nested .brxe-dropdown.open>.brx-dropdown-content {
2740  display: flex;
2741  min-width: auto;
2742  opacity: 1;
2743  overflow-y: auto;
2744  position: static;
2745  visibility: visible;
2746  
2747}
2748
2749/* EXTEND DROPDWON BUTTON TO AVOID LOSING FOCUS/CLOSING ON DROPDOWN CONTENT */
2750
2751
2752html:not(.dwc-mobile) body:not(.brx-header-right, .brx-header-left) .dwc-nest-menu:not([data-offcanvas="true"]) .open .brx-dropdown-content .brxe-dropdown:has( > .brx-sub-submenu-overflow-right):hover::after {
2753    inset-inline-end: 100%;
2754    inset-inline-start: auto;
2755}
2756
2757html:not(.dwc-mobile) body:not(.brx-header-right, .brx-header-left) .dwc-nest-menu:not([data-offcanvas="true"]) .open  .brx-dropdown-content .brxe-dropdown:not(.brxe-dropdown:has( > .brx-sub-submenu-overflow-right)):hover::after {   
2758   inset-inline-start: 100%;
2759}
2760
2761
2762html:not(.dwc-mobile) body:not(.brx-header-right, .brx-header-left) .dwc-nest-menu:not([data-offcanvas="true"]) .open  .brx-dropdown-content .brxe-dropdown:hover::after {
2763    content: "";
2764    position: absolute;
2765    inset-block-end: 0;
2766    block-size: 100%;
2767    inline-size: 100%;
2768    z-index: -1;
2769 inset-inline-end: auto;
2770}
2771
2772
2773/*DIM DROPDOWN PARENT WHOSE CHILD DROPDOWN CONTENT IS SHOWING  */
2774html:not(.dwc-mobile) .open:has(.open) >  .brx-dropdown-content:not(.brx-header-left *, .brx-header-right *)::before {
2775content: "";
2776position: absolute;
2777inset: 0;
2778background-color: var(--dropdown-inactive-overlay);
2779pointer-events: none;
2780border-radius: var(--dropdown-content-border-radius);
2781z-index: 1;
2782}
2783
2784html:not(.dwc-mobile) .open:has(.open) >   .brxe-dropdown:not(.open, .brx-header-left *, .brx-header-right *){
2785    position: static;
2786}
2787html:not(.dwc-mobile) .open:has(.open) > .brxe-dropdown:not(.open, .brx-header-left *, .brx-header-right *) > ul{
2788    opacity: 0;
2789    transition: 0s
2790}
2791
2792html:not(.dwc-mobile) .brxe-dropdown.open:not(.brx-has-megamenu, .brx-header-left *, .brx-header-right *){   
2793     z-index: 1; 
2794}
2795
2796/* LAST BUTTON LEFT PADDDING ON DESKTOP */
2797html:not(.dwc-mobile) [data-last-item-is-button="true"].dwc-nest-menu .brx-nav-nested-items > .menu-item:last-of-type {
2798padding-inline-start: var(--menu-item-inline-padding);
2799}
2800
2801/* hide toggle with back button appears */
2802html:not(.dwc-mobile) body:has(.brxe-dropdown.open) [data-offcanvas="true"] .brxe-toggle[aria-label="Open Menu"] {
2803z-index: 1;
2804}
2805
2806/* fades in close button when the main toggle is covered by the back button */
2807html:not(.dwc-mobile) body:has(.brxe-dropdown.open) [data-offcanvas="true"] .brxe-toggle[aria-label="Close Menu"]:not([data-submenu-reveal="expand"] *){
2808opacity: 1;
2809}
2810
2811html:not(.dwc-mobile) [data-mobile-top-transparent="true"][data-offcanvas="true"]:not([data-show-mobile-logo="true"]) .brxe-toggle[aria-label="Close Menu"] {
2812opacity: 0;
2813}
2814
2815html:not(.dwc-mobile) [data-show-mobile-logo="true"] .dwc-nav-wrapper{
2816  z-index: 9999
2817  }
2818
2819html:not(.dwc-mobile) [data-offcanvas="true"].dwc-nest-menu .brxe-toggle {
2820display: flex;
2821}
2822
2823/* STRIPE STYLE */
2824html:not(.dwc-mobile) .dwc-stripe-style .brxe-dropdown.brx-has-megamenu .brx-dropdown-content:not([data-offcanvas="true"] .brx-has-megamenu .brx-dropdown-content, .brx-header-left .brx-has-megamenu .brx-dropdown-content, .brx-header-right .brx-has-megamenu .brx-dropdown-content) {
2825background: transparent !important;
2826}
2827
2828html:not(.dwc-mobile) .dwc-stripe-style .brx-has-megamenu > .brx-submenu-toggle:not([data-offcanvas="true"] .brx-submenu-toggle, .brx-header-left .brx-submenu-toggle, .brx-header-right .brx-submenu-toggle),
2829html:not(.dwc-mobile) .dwc-stripe-style .brx-has-megamenu > .brx-submenu-toggle:not([data-offcanvas="true"] .brx-submenu-toggle, .brx-header-left .brx-submenu-toggle, .brx-header-right .brx-submenu-toggle) > a,
2830html:not(.dwc-mobile) .dwc-stripe-style .brx-has-megamenu > .brx-submenu-toggle:not([data-offcanvas="true"] .brx-submenu-toggle, .brx-header-left .brx-submenu-toggle, .brx-header-right .brx-submenu-toggle) > button {
2831cursor: default;
2832}
2833
2834
2835
2836/* handles translate and opacity animation for stripe style on desktop - NEW */
2837html:not(.dwc-mobile) .dwc-stripe-style .brx-has-megamenu.open .brx-dropdown-content:not([data-offcanvas="true"] .brx-has-megamenu .brx-dropdown-content, .brx-header-left .brx-has-megamenu .brx-dropdown-content, .brx-header-right .brx-has-megamenu .brx-dropdown-content) > * > *{
2838transform: translateX(0);
2839}
2840
2841html:not(.dwc-mobile) .dwc-stripe-style .brx-has-megamenu .brx-dropdown-content:not([data-offcanvas="true"] .brx-has-megamenu .brx-dropdown-content, .brx-header-left .brx-has-megamenu .brx-dropdown-content, .brx-header-right .brx-has-megamenu .brx-dropdown-content) > * > *{
2842transition: transform 0.4s;
2843}
2844
2845html:not(.dwc-mobile) .dwc-stripe-style .brx-has-megamenu.open + .brx-has-megamenu .brx-dropdown-content:not([data-offcanvas="true"] .brx-has-megamenu .brx-dropdown-content, .brx-header-left .brx-has-megamenu .brx-dropdown-content, .brx-header-right .brx-has-megamenu .brx-dropdown-content) > * > *{
2846transform: translateX(50px);
2847}
2848
2849html:not(.dwc-mobile) .dwc-stripe-style .brx-has-megamenu:has(+ .brx-has-megamenu.open) .brx-dropdown-content:not([data-offcanvas="true"] .brx-has-megamenu .brx-dropdown-content, .brx-header-left .brx-has-megamenu .brx-dropdown-content, .brx-header-right .brx-has-megamenu .brx-dropdown-content) > * > *{
2850transform: translateX(-50px);
2851}
2852
2853html:not(.dwc-mobile) .dwc-stripe-style .brx-has-megamenu.open .brx-dropdown-content:not([data-offcanvas="true"] .brx-has-megamenu .brx-dropdown-content, .brx-header-left .brx-has-megamenu .brx-dropdown-content, .brx-header-right .brx-has-megamenu .brx-dropdown-content) > * {   
2854    overflow-x: hidden;
2855}
2856
2857
2858/* mobile logo */
2859html:not(.dwc-mobile) .dwc-nest-menu__mobile-logo:not([data-offcanvas="true"]:not(.brx-header-left *, .brx-header-right *) .dwc-nest-menu__mobile-logo) {
2860display: none;
2861}
2862
2863
2864/* prevent fouc when offcanvas is enabled and anime height */
2865body.bricks-is-frontend:has([data-offcanvas="true"])
2866.dwc-nav-wrapper:not(.sidebar-ready .dwc-nav-wrapper){
2867display: none;
2868}
2869
2870.dwc-mobile [data-hide-close-bar = 'true'] .dwc-nav-wrapper{
2871inset-block-start: var(--dwc-nest-header-height) 
2872}
2873
2874:is(.brx-header-left, .brx-header-right) .dwc-nest-header::before{
2875display: none;
2876}
2877
2878/* mobile menu from top behind header */
2879
2880/* .dwc-mobile :is([data-slide-in-direction="top"], [data-slide-in-direction="top left"]) .dwc-nav-wrapper {
2881z-index: -1;
2882} */
2883
2884.dwc-mobile :is([data-slide-in-direction="top"], [data-slide-in-direction="top left"]) .dwc-nav-wrapper:not(:has(.brxe-dropdown.open)),
2885.dwc-mobile [data-overlay-header-mobile="true"] :is([data-slide-in-direction="top"], [data-slide-in-direction="top left"]) .dwc-nav-wrapper{
2886    z-index: -1;
2887}
2888
2889
2890
2891
2892.dwc-mobile .bricks-is-frontend #brx-header > .dwc-nest-header[data-overlay-header-mobile="true"]:not(:has([data-offcanvas="true"]))::before {
2893    backdrop-filter: blur(var(--overlay-header-blur));
2894    content: '';
2895    position: absolute;
2896    inset: 0;
2897    z-index: -1;
2898    border-radius: var(--overlay-header-radius);
2899}
2900
2901.dwc-mobile :is([data-slide-in-direction="top"], [data-slide-in-direction="top left"]):not([data-match-overlay-header-width="true"], [data-submenu-reveal="expand"]) 
2902.dwc-nav-wrapper:has(.brxe-dropdown.open.active) {
2903    z-index: unset !important;
2904}
2905
2906.dwc-mobile .dwc-nest-header:not([data-allow-overlay-mobile-opacity="true"]) .dwc-nest-header__container:has(:is([data-slide-in-direction="top"], [data-slide-in-direction="top left"])) {
2907  background-color: var(--header-bg)
2908}
2909
2910/************************************
2911MENU HEIGHT/ STRIPE STYLE
2912************************************/
2913
2914:is([data-builder-mode], .brx-header-right, .brx-header-left) .dwc-nest-header::after,
2915body:has([data-offcanvas="true"]) .dwc-nest-header::after {
2916display: none;
2917}
2918
2919.dwc-nest-header:not(:is(.dwc-adaptive-height, .dwc-stripe-style) .dwc-nest-header)::after{
2920display: none;
2921}
2922
2923
2924html:not(.dwc-mobile) .dwc-nest-header::after {
2925  display: none;
2926  content: '';
2927  min-block-size: 0;
2928  inset-inline-start: 0;
2929  inline-size: 100%;
2930  transition-delay: 0.1s !important;
2931  pointer-events: none;
2932  transition: inline-size 0.2s,
2933    block-size 0.2s,
2934    opacity 0.2s,
2935    inset-inline-start 0.2s,
2936    transform 0.2s !important;
2937  will-change: block-size, inline-size, inset-inline-start, transform, opacity;
2938  contain: layout paint;
2939  z-index: -1;
2940}
2941
2942html:not(.dwc-mobile) .dwc-nest-header[data-overlay-header="true"][data-overlay-header-optimize-adaptive-height="true"]::after {
2943  position: fixed;
2944}
2945
2946html:not(.dwc-mobile) .dwc-adaptive-height:not(.dwc-stripe-style) .dwc-nest-header[data-overlay-header="true"][data-overlay-header-optimize-adaptive-height="true"]::after {
2947  inset-block-start: 0;
2948}
2949
2950html:not(.dwc-mobile) .dwc-nest-header:not([data-overlay-header="true"][data-overlay-header-optimize-adaptive-height="true"])::after {
2951  position: absolute;
2952  inset-block-end: calc(100% - var(--dwc-nest-header-height));
2953  block-size: 1000px;
2954  transform: translateY(calc(var(--dropdown-menu-height) * 1.01)) translateZ(0);
2955}
2956
2957
2958html:not(.dwc-mobile) .adaptive-height-active:is(.dwc-stripe-style, .dwc-adaptive-height) .dwc-nest-header::after {
2959  display: block;
2960}
2961
2962.dwc-nest-menu .brx-has-megamenu .brx-dropdown-content:not(.show-nav .brx-dropdown-content, [data-builder-mode] .brx-dropdown-content){
2963  display:none
2964}
2965
2966html:not(.dwc-mobile) body:has(.brx-has-megamenu.open) .dwc-nest-header::after {
2967transition-delay: 0s !important;
2968}
2969
2970/* STRIPE STYLE */
2971html:not(.dwc-mobile) .dwc-stripe-style.bricks-is-frontend .brx-has-megamenu .brx-dropdown-content:not([data-offcanvas="true"] .brx-dropdown-content),
2972html:not(.dwc-mobile) .dwc-adaptive-height.bricks-is-frontend .brx-has-megamenu .brx-dropdown-content:not([data-offcanvas="true"] .brx-dropdown-content) {
2973transition-delay: 0s;
2974box-shadow: none !important;
2975transition-duration: 0s;
2976}
2977
2978html:not(.dwc-mobile) .dwc-stripe-style.bricks-is-frontend .brx-has-megamenu .brx-dropdown-content:not([data-offcanvas="true"] .brx-dropdown-content) {
2979overflow-x: hidden;
2980}
2981
2982html:not(.dwc-mobile) .dwc-stripe-style .open.brx-has-megamenu .brx-dropdown-content:not([data-offcanvas="true"] .brx-dropdown-content),
2983html:not(.dwc-mobile) .dwc-adaptive-height .open.brx-has-megamenu .brx-dropdown-content:not([data-offcanvas="true"] .brx-dropdown-content) {
2984transition-delay: 0.1s;
2985transition-duration: .2s;
2986}
2987
2988
2989html:not(.dwc-mobile) .dwc-stripe-style .open.brx-has-megamenu:not([data-offcanvas="true"] .brx-has-megamenu)::before {
2990    content: '';
2991    position: absolute;
2992    inset-block-start: 100%;
2993    block-size: calc(var(--dwc-nest-header-height)* 0.5);
2994    inline-size: min(var(--dropdown-menu-width), 40vw);
2995    transform: translateX(-50%);
2996    inset-inline-start: 0;
2997}
2998
2999html:not(.dwc-mobile) .dwc-stripe-style .brx-nav-nested-items>.brxe-dropdown.brx-has-megamenu>.brx-dropdown-content:not([data-offcanvas="true"] .brx-dropdown-content) {
3000overflow-x: hidden;
3001border-radius: var(--stripe-border-radius);
3002}
3003
3004
3005html:not(.dwc-mobile) .dwc-nest-header {
3006position: relative;
3007}
3008
3009html:not(.dwc-mobile) .dwc-stripe-style .dwc-nest-header::before {
3010content: '';
3011inline-size: calc(max(var(--dropdown-content-gap) + 2.5px, 16px) * 1.1);
3012block-size: calc(max(var(--dropdown-content-gap) + 2.5px, 16px) * 1.1);
3013background-color: var(--adaptive-height-bg);
3014position: absolute;
3015inset-block-start: 100%;
3016transition: 0s;
3017transition-property: inset-inline-start, transform, opacity;
3018inset-inline-start: var(--navlink-midpoint);
3019transform: translateX(0%) rotate(45deg) translateY(calc(50% + 1px));
3020pointer-events: none;
3021border-top: var(--adaptive-height-border);
3022border-left: var(--adaptive-height-border);
3023z-index: 999;
3024}
3025
3026html:not(.dwc-mobile) .dwc-stripe-style .dwc-nest-header:has(.brxe-dropdown.brx-has-megamenu.open:hover)::before {
3027  transition: 
3028    opacity 0.2s 0.1s, 
3029    transform 0.2s 0s,
3030  inset-inline-start 0.2s 0s;
3031}
3032
3033html:not(.dwc-mobile) .dwc-nest-header::before{
3034opacity: 0 ;
3035}
3036
3037html:not(.dwc-mobile) .dwc-nest-header.hide-menu-animation::after {
3038  opacity: 0 !important;
3039  }
3040
3041html:not(.dwc-mobile) .dwc-stripe-style .dwc-nest-header.show-menu-animation:has(.brx-has-megamenu:hover)::before,
3042html:not(.dwc-mobile) .dwc-nest-header.show-menu-animation::after,
3043html:not(.dwc-mobile) #brx-header.show-menu-animation .dwc-nest-header::after {
3044opacity: 1;
3045}
3046
3047html:not(.dwc-mobile) .dwc-nest-header.show-menu-animation::after,
3048html:not(.dwc-mobile) #brx-header.show-menu-animation .dwc-nest-header::after {
3049  box-shadow: var(--adaptive-height-shadow)
3050  }
3051
3052
3053html:not(.dwc-mobile) .dwc-stripe-style .dwc-nest-header::after {
3054border: var(--adaptive-height-border);
3055}
3056
3057
3058
3059
3060html:not(.dwc-mobile) .dwc-stripe-style .dwc-nest-header::after {
3061inset-inline-start: calc(var(--dropdown-menu-x) - 2.5rem);
3062inline-size: calc(var(--dropdown-menu-width) + 5rem);
3063transform: unset;
3064inset-block-start: calc(var(--dwc-header-div-height) + max(var(--dropdown-content-gap), 16px));
3065block-size: var(--dropdown-menu-height);
3066z-index: 1;
3067opacity: 0;
3068}
3069
3070html:not(.dwc-mobile) .dwc-stripe-style:has(.brx-has-megamenu.open):not(:has([data-optimize-stripe=true])) .dwc-nest-header::after {
3071block-size: calc(var(--dropdown-menu-height) + 0rem) !important;
3072opacity: 1;
3073}
3074
3075/* hide nav content until js is ready*/
3076html:not(.dwc-mobile) .dwc-stripe-style .brx-has-megamenu>.brx-dropdown-content:not(.show-nav .brx-dropdown-content, [data-offcanvas="true"] .brx-dropdown-content) {
3077opacity: 0;
3078}
3079
3080
3081
3082body:has(.brx-has-megamenu.open) .sticky .dwc-nest-header::after {
3083background-color: var(--adaptive-height-bg) !important;
3084}
3085
3086body:has(.brx-has-megamenu.open) .brx-sticky .dwc-nest-header::after {
3087  background-color: var(--adaptive-height-bg) !important;
3088  }
3089
3090.dwc-nest-header::after {
3091background-color: var(--adaptive-height-bg) !important;
3092/* opacity: 0; */
3093}
3094
3095html:not(.dwc-mobile) .dwc-stripe-style:has([data-optimize-stripe=true]) .dwc-nest-header::after {
3096inset-inline-start: calc(var(--dropdown-menu-x) - 1.5px);
3097inline-size: calc(var(--dropdown-menu-width) + 2.5px);
3098/*transform: unset;*/
3099block-size: calc(var(--dropdown-menu-height) + 3px) !important;
3100z-index: 1;
3101border-radius: var(--stripe-border-radius);
3102transform: translateZ(0);
3103opacity: 1
3104}
3105
3106
3107html:not(.dwc-mobile) .dwc-stripe-style:has([data-optimize-stripe=true]) .dwc-nest-header::after {
3108border: var(--adaptive-height-border);
3109}
3110
3111
3112html:not(.dwc-mobile) :not(.brx-header-left, .brx-header-right).dwc-stripe-style:has([data-optimize-stripe=true]) .brx-nav-nested-items>.brxe-dropdown.brx-has-megamenu>.brx-dropdown-content:not([data-offcanvas="true"] .brx-dropdown-content) {
3113transform: translateY(16px) !important; 
3114inset-block-start: 100%;
3115}
3116
3117
3118.dwc-nest-header:not(.show-nav .dwc-nest-header)::after {
3119display: none;
3120}
3121
3122/* STRIP FIX FOR DYNAMIC NAV  */
3123html:not(.dwc-mobile) 
3124:not(.brx-header-left, .brx-header-right).dwc-stripe-style:has([data-optimize-stripe=true]) 
3125.brx-nav-nested-items> li > .brxe-dropdown.brx-has-megamenu>.brx-dropdown-content:not([data-offcanvas="true"] .brx-dropdown-content) {
3126    transform: translateY(max(calc(var(--dropdown-content-gap) + 2.5px), 17px)) !important;
3127    inset-block-start: 100%;   
3128}
3129
3130
3131html:not(.dwc-mobile) .dwc-stripe-style .show-menu-animation .dwc-nest-header:has(.brx-has-megamenu:hover)::before, 
3132html:not(.dwc-mobile) .show-menu-animation::after,
3133html:not(.dwc-mobile) .show-menu-animation .dwc-nest-header::after  {
3134    opacity: 1;
3135}
3136
3137
3138
3139html:not(.dwc-mobile) .hide-menu-animation .dwc-nest-header::after {
3140    opacity: 0 !important;
3141}
3142
3143html:not(.dwc-mobile) .dwc-stripe-style:has([data-optimize-stripe=true]) .dwc-nest-header::after {
3144     block-size: calc(var(--dropdown-menu-height) + 6px) !important; 
3145}
3146
3147
3148/****************
3149MENU OVERLAY
3150***************/
3151
3152.dwc-nest-menu-overlay {
3153position: fixed;
3154inline-size: 100%;
3155block-size: 100%;
3156inset-inline-start: 0;
3157inset-block-end: 0;
3158background: var(--nav-overlay-backdrop-clr) !important;
3159z-index: 2;   
3160opacity: 0;
3161transition: 0.4s;
3162backdrop-filter: blur(var(--nav-overlay-backdrop-blur));
3163}
3164
3165html:not(.dwc-mobile) .dwc-nest-header:has(.dwc-nest-menu-overlay) .brxe-nav-nested{
3166    z-index: 3
3167}
3168
3169[data-overlay-header=true].dwc-nest-header .dwc-nest-menu-overlay{
3170    display: none;
3171} 
3172
3173body:not(:has([data-overlay-header-optimize-adaptive-height="true"][data-overlay-header="true"])) .dwc-nest-menu-overlay  {
3174  inset-block-start: var(--dwc-nest-header-height);
3175}
3176
3177.logged-in:not(:has([data-overlay-header-optimize-adaptive-height="true"][data-overlay-header="true"])) .dwc-nest-menu-overlay:not(:has(+ .x-header)) {
3178  inset-block-start: calc(var(--dwc-nest-header-height) + var(--wp-admin--admin-bar--height, 0px));
3179  }
3180
3181body:has([data-overlay-header-optimize-adaptive-height="true"][data-overlay-header="true"], [data-overlay-on-header="true"]) .dwc-nest-menu-overlay  {
3182  inset-block-start: 0 !important;
3183}
3184
3185
3186
3187
3188
3189
3190
3191
3192.dwc-nest-menu-overlay {
3193pointer-events: none;
3194}
3195
3196.no-scroll .dwc-nest-menu-overlay {
3197opacity: 1;  
3198}
3199
3200:is(.brx-header-right, .brx-header-left) .dwc-nest-header__container {
3201padding-inline: 0
3202}
3203
3204
3205
3206/*fade in back button*/
3207@-webkit-keyframes dwc-nest-fade-in {
32080% {
3209  opacity: 0;
3210}
3211100% {
3212  opacity: 1;
3213}
3214}
3215@keyframes slide-in-right {
32160% {
3217  opacity: 0;
3218}
3219100% {   
3220  opacity: 1;
3221}
3222}
3223
3224/* configurable menu and submenu slide out speed */
3225.dwc-mobile .bricks-is-frontend [data-submenu-reveal="slide"].dwc-nest-menu :is(.brx-dropdown-content, .dwc-nav-wrapper),
3226.bricks-is-frontend :is([data-submenu-reveal="slide"][data-offcanvas="true"]).dwc-nest-menu :is(.brx-dropdown-content, .dwc-nav-wrapper),
3227:is(.bricks-is-frontend.brx-header-right, .bricks-is-frontend.brx-header-left) :is([data-submenu-reveal="slide"]).dwc-nest-menu :is(.brx-dropdown-content, .dwc-nav-wrapper){
3228transition-duration: calc(0.5s / var(--slide-out-speed)) !important;    
3229}
3230
3231#brx-header{
3232--content-gap: 0;
3233--at-container-gap: 0;
3234}
3235
3236
3237/* overlay header */
3238html:not(.dwc-mobile) .bricks-is-frontend 
3239#brx-header:has([data-overlay-header = "true"]) {
3240padding: var(--overlay-header-inset);  
3241}
3242
3243html:not(.dwc-mobile) .bricks-is-frontend 
3244#brx-header:has([data-overlay-header = "true"]):not(.sticky, .brx-sticky) {
3245position: absolute;
3246inset-block-start: 0;
3247inset-inline: 0; 
3248}
3249
3250html:not(.dwc-mobile) .bricks-is-frontend #brx-header > 
3251.dwc-nest-header[data-overlay-header = "true"]{
3252border-radius: var(--overlay-header-radius);
3253background-color: var(--overlay-header-bg);
3254box-shadow: var(--overlay-header-shadow);
3255max-inline-size: var(--overlay-header-width);
3256}
3257
3258
3259html:not(.dwc-mobile) .bricks-is-frontend #brx-header > 
3260.dwc-nest-header[data-overlay-header = "true"]:not(:has([data-offcanvas="true"])){
3261backdrop-filter: blur(var(--overlay-header-blur));
3262}
3263
3264
3265html:not(.dwc-mobile) .bricks-is-frontend #brx-header:has(.open) > 
3266.dwc-nest-header[data-overlay-header = "true"]{
3267background-color: var(--overlay-header-bg-active) !important;
3268}
3269
3270/* overlay on mobile */
3271.dwc-mobile .bricks-is-frontend 
3272#brx-header:has([data-overlay-header-mobile = "true"]) {
3273padding: var(--overlay-header-inset);  
3274}
3275
3276.dwc-mobile .bricks-is-frontend 
3277#brx-header:has([data-overlay-header-mobile = "true"]):not(.sticky, .brx-sticky) {
3278position: absolute;
3279inset-block-start: 0;
3280inset-inline: 0; 
3281}
3282
3283.dwc-mobile .bricks-is-frontend #brx-header > 
3284.dwc-nest-header[data-overlay-header-mobile = "true"]{
3285border-radius: var(--overlay-header-radius);
3286background-color: var(--overlay-header-bg);
3287box-shadow: var(--overlay-header-shadow);
3288max-inline-size: var(--overlay-header-width);
3289}
3290
3291/*offset hero top padding when overlay header is active */
3292#brx-header:has([data-offset-section-padding="true"]) + main > :is(section:first-child, div:first-child) {
3293  padding-block-start: var(--overlay-offset-padding);
3294}
3295
3296/* menu height anime on overlay header  */
3297
3298html:not(.dwc-mobile) .bricks-is-frontend.dwc-adaptive-height:not(.dwc-stripe-style) #brx-header:has([data-overlay-header = "true"]) .dwc-nest-header::after {
3299border-radius: min(var(--overlay-header-radius), 2em);
3300inset-block-end: calc(100% + var(--overlay-header-inset));
3301opacity: 1;    
3302}
3303
3304html:not(.dwc-mobile) .bricks-is-frontend:is(.dwc-adaptive-height):not(.dwc-stripe-style)
3305#brx-header:has([data-overlay-header = "true"]:not([data-overlay-header-optimize-adaptive-height="true"])) 
3306.dwc-nest-header.show-menu-animation::after,
3307html:not(.dwc-mobile) .bricks-is-frontend:is(.dwc-adaptive-height):not(.dwc-stripe-style)
3308#brx-header.show-menu-animation:has([data-overlay-header = "true"]:not([data-overlay-header-optimize-adaptive-height="true"])) 
3309.dwc-nest-header::after  {
3310    transform: translateY( calc((var(--dropdown-menu-height) + (var
3310(--dwc-nest-header-height) * 1.5)))) translateZ(0)
3311}
3312
3313html:not(.dwc-mobile) .bricks-is-frontend:is(.dwc-adaptive-height):not(.dwc-stripe-style) #brx-header:has([data-overlay-header="true"][data-overlay-header-optimize-adaptive-height="true"]) .dwc-nest-header.show-menu-animation::after,
3314html:not(.dwc-mobile) .bricks-is-frontend:is(.dwc-adaptive-height):not(.dwc-stripe-style) #brx-header.show-menu-animation:has([data-overlay-header="true"][data-overlay-header-optimize-adaptive-height="true"]) .dwc-nest-header::after {
3315  block-size: calc((var(--dropdown-menu-height) + (var(--dwc-nest-header-height) * 1.5)));
3316}
3317
3318/* we need to reposition the overlay outside the header */
3319html:not(.dwc-mobile) .bricks-is-frontend:has( .dwc-nest-menu .open):not(:has([data-offcanvas="true"])) .dwc-nest-menu-overlay{
3320  opacity: 1;
3321 }
3322
3323/*menu items border radius desktop only*/
3324html:not(.dwc-mobile) .dwc-nest-menu .brx-nav-nested-items > li > 
3325:is(a:not([data-last-item-is-button="true"] .brx-nav-nested-items > .menu-item:last-of-type a, [data-last-item-is-button="true-2"] .brx-nav-nested-items > .menu-item:nth-last-of-type(-n+2) a, [data-last-item-is-button="true-3"] .brx-nav-nested-items > .menu-item:nth-last-of-type(-n+3) a, .dwc-nest-menu__logo ), .brx-submenu-toggle){
3326border-radius: var(--menu-item-radius);
3327}
3328
3329html:not(.dwc-mobile) .dwc-nest-menu .brx-nav-nested-items {
3330  gap: var(--menu-items-gap);
3331}
3332
3333/* dynamic dropdown conten width and position */
3334
3335html:not(.dwc-mobile) :is(:not(.brx-header-left, .brx-header-right)).bricks-is-frontend .dwc-nest-menu:not([data-offcanvas="true"]) .brx-has-megamenu .brx-dropdown-content:not([data-use-selector="true"]) {
3336  min-inline-size: var(--dropdown-content-width, var(--dropdown-content-default-width)) !important;
3337  inset-inline-start: var(--left-position)!important;
3338}
3339
3340html:not(.dwc-mobile) :is(:not(.brx-header-left, .brx-header-right)).bricks-is-frontend .dwc-nest-menu:not([data-offcanvas="true"]) .brx-dropdown-content {
3341  border-radius: var(--dropdown-content-border-radius);
3342}
3343
3344.dwc-nest-header{
3345  position: relative;
3346  z-index: 999;
3347  
3348}
3349
3350/* optimize multi row header*/
3351.dwc-mobile .dwc-nest-header[data-fullscreen-mobile-menu="true"]{
3352  --dwc-nest-header-height:var(--dwc-header-div-height) !important
3353}
3354
3355.dwc-mobile .dwc-nest-header[data-fullscreen-mobile-menu="true"] .dwc-nest-menu-top:not([data-below-header="true"] *) {
3356    background-color: var(--mobile-menu-topbar-bg) !important;
3357   align-items: center !important;
3358  animation: none !important;
3359}
3360
3361.dwc-mobile .dwc-nest-header[data-fullscreen-mobile-menu="true"] .dwc-nav-wrapper{
3362  z-index: 99999
3363}
3364
3365.dwc-mobile .dwc-nest-header[data-fullscreen-mobile-menu="true"] .dwc-nest-menu-top .brxe-toggle {
3366    display: block;
3367}
3368
3369
3370.dwc-mobile .dwc-nest-header[data-fullscreen-mobile-menu="true"]:not([data-hide-mobile-logo="true"]) .dwc-nest-menu__mobile-logo {
3371    display: flex;
3372}
3373
3374/* overlay header on multirow*/
3375html:not(.dwc-mobile) .dwc-nest-header[data-fullscreen-mobile-menu="true"][data-overlay-header="true"] > div:first-child{
3376    border-top-left-radius: var(--overlay-header-radius);
3377   border-top-right-radius: var(--overlay-header-radius);
3378}
3379
3380/* BricksExtras support*/
3381
3382html:not(.dwc-mobile) #brx-header .brxe-xheaderrow:has(.dwc-nest-header){
3383    position: relative;
3384    z-index:1;
3385}
3386
3387html:not(.dwc-mobile) #brx-header .brxe-xheaderrow:first-child{
3388    position: relative;
3389    z-index: 99991;
3390}
3391
3392
3393
3394
3395[data-x-overlay]:not([data-x-overlay="none"]) .dwc-nest-header{
3396background: var(--x-overlay-header-background)!important;
3397 }
3398
3399html:not(.dwc-mobile) .brxe-xheaderrow .dwc-nest-header::after {
3400  block-size: 1000px;
3401}
3402
3403
3404
3405/* in builder */
3406
3407
3408
3409[data-builder-mode] .brx-open.dwc-nest-menu[data-offcanvas="true"] .brx-nav-nested-items {
3410inline-size: var(--mobile-menu-width);
3411}
3412
3413[data-builder-mode] [data-offcanvas="true"] .dwc-nest-toggle--open{
3414display: none !important;
3415}
3416
3417[data-builder-mode] [data-offcanvas="true"] .dwc-nest-menu-top{
3418  display: none;
3419}
3420
3421
3422:is(.brx-header-left, .brx-header-right) [data-builder-mode] .brx-nav-nested-items,
3423[data-builder-mode] .brx-open.dwc-nest-menu[data-offcanvas="true"] .brx-nav-nested-items {
3424  overflow-y: auto;
3425  scrollbar-width: thin !important;
3426  justify-content: flex-start !important;
3427box-shadow: var(--sidebar-shadow);
3428}
3429
3430
3431:is(.brx-header-left, .brx-header-right) [data-builder-mode] .dwc-nav-wrapper,
3432[data-builder-mode] [data-offcanvas="true"] .dwc-nav-wrapper {
3433  inset-inline-end: auto ;
3434  inset-inline-start: 0;
3435}
3436
3437/* preview dropdown content width in builder*/
3438
3439[data-builder-mode]:not(.brx-header-left, .brx-header-right) .dwc-nest-menu:not(.brx-open) .brx-has-megamenu .brx-dropdown-content:not([data-offcanvas="true"] .brx-dropdown-content, .brx-open .brx-dropdown-content){
3440  min-inline-size:var(--dropdown-content-width, var(--dropdown-content-default-width)) !important;  
3441  transform: translatex(50px);
3442  border: dotted #00b0f4 2px
3443}
3444
3445[data-builder-mode]:not(.brx-header-left, .brx-header-right) .dwc-nest-menu .brx-has-megamenu .brx-dropdown-content:not([data-offcanvas="true"] .brx-dropdown-content, .brx-open .brx-dropdown-content):not([data-hide-instruction="true"])::after{
3446    content: 'Set dropdown Content width value in dropdown Content ATTRIBUTES > data-content-width, do not add a unit e.g. px. Leave empty to use global content width, set in Nav Nestable ATTRIBUTES > data-global-content-width. | Set alignment in ATTRIBUTES > data-content-align, values: left, right, center. This aligns the dropdown content to the dropdown button, leave empty to align center to the header. aligments are applied on frontend only. | TIP: click here to select dropdown Content';
3447    position: absolute;
3448    inset-block-start: 102%;
3449    color: #e1e1e1;
3450    font-size: 12px;    
3451    letter-spacing: 0.5px;
3452    line-height: 1.5;
3453    background: #2b2b2b;
3454    min-block-size: fit-content;
3455    padding: 1em;
3456}
3457
3458/*set alignment for sidebar edit on desktop*/
3459:is(.brx-header-left, .brx-header-right)[data-builder-mode] .dwc-nest-menu.brxe-nav-nested .brx-nav-nested-items,
3460[data-builder-mode] .dwc-nest-menu.brxe-nav-nested[data-offcanvas="true"] .brx-nav-nested-items {
3461    justify-content: flex-start !important;
3462}
3463
3464[data-builder-mode]:is(.brx-header-left, .brx-header-right)::before {
3465    content: 'To view sidebar, go to the MENU Styles/Options code block CSS, scroll to the end, and replace all the postid-xxxx in the CSS rules with this template post id';   
3466}
3467
3468
3469:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header .dwc-nest-menu:not(.brx-open)::after {
3470    content: 'To edit Sidebar, select the Nav (Nestable), go to the CONTENT tab > MOBILE MENU, enable "Keep open while styling" | TIP: click here to select Nav (Nestable)';
3471    position: absolute;    
3472    padding-inline-start: 20px;
3473    color: #e1e1e1;
3474    font-size: 12px;    
3475    line-height: 1.5;
3476    background: #2b2b2b;
3477    min-block-size: fit-content;
3478    padding: 1em;
3479    inline-size: 250px;
3480}
3481
3482.brx-header-left[data-builder-window] #brx-header .dwc-nest-menu:not(.brx-open)::after {
3483  inset-inline-start: 100%;
3484}
3485
3486.brx-header-right[data-builder-window] #brx-header .dwc-nest-menu:not(.brx-open)::after {
3487  inset-inline-end: 100%;
3488}
3489
3490[data-builder-window] #brx-header .dwc-nest-menu[data-offcanvas="true"]:not(.brx-open)::after{
3491     content: 'To edit in Offcanvas mode, select the Nav (Nestable), go to the CONTENT tab > MOBILE MENU, enable "Keep open while styling" | TIP: click here to select Nav (Nestable)';
3492    position: absolute;
3493    inset-block-start: 100%;
3494    padding-block-start: 20px;
3495    color: #e1e1e1;
3496    font-size: 12px;    
3497    line-height: 1.5;
3498    background: #2b2b2b;
3499    min-block-size: fit-content;
3500    padding: 1em;
3501    inline-size: 250px;
3502}
3503
3504@media (max-width: 1200px){
3505  [data-builder-window] #brx-header .dwc-nest-menu[data-offcanvas="true"]:not(.brx-open)::after{
3506     content: 'To edit in Offcanvas mode, select the Nav (Nestable), go to the CONTENT tab > MOBILE MENU, enable "Keep open while styling" ';
3507    position: absolute;
3508    inset-inline-start: var(--mobile-menu-width);
3509    padding-inline-start: 20px;
3510  }
3511}
3512
3513[data-builder-mode] [data-offcanvas="true"]:not(.brx-open) .dwc-nav-wrapper {
3514    transform: translateX(0);
3515    visibility: visible;
3516}
3517
3518[data-builder-window] [data-last-item-is-button="true"][data-offcanvas="true"].dwc-nest-menu .brx-nav-nested-items > .menu-item:last-of-type {
3519  padding-inline: var(--menu-item-inline-padding) !important;
3520  padding-block: var(--menu-item-block-padding) !important;
3521}
3522
3523
3524/* === */
3525
3526:is(.brx-header-left, .brx-header-right)[data-builder-window]  .brxe-nav-nested .brxe-dropdown .brx-dropdown-content:not(.brx-open .brx-dropdown-content) {
3527    display: none;
3528}
3529
3530
3531:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header .dwc-nest-menu.brxe-nav-nested .brx-nav-nested-items {   
3532    scrollbar-width: none;
3533}
3534
3535
3536/* stripe style fix*/
3537html:not(.dwc-mobile) .dwc-stripe-style:not(.brx-header-left, .brx-header-right) .dwc-nest-header__container:not(:has([data-offcanvas="true"])) {
3538    align-items: stretch !important;
3539  }
3540  
3541  html:not(.dwc-mobile) .dwc-stripe-style:not(.brx-header-left, .brx-header-right) .dwc-nest-menu:not([data-offcanvas="true"]) .dwc-nav-wrapper,
3542  html:not(.dwc-mobile) .dwc-stripe-style:not(.brx-header-left, .brx-header-right) .dwc-nest-menu:not([data-offcanvas="true"]) .brx-nav-nested-items,
3543  html:not(.dwc-mobile) .dwc-stripe-style:not(.brx-header-left, .brx-header-right) .dwc-nest-menu:not([data-offcanvas="true"]) .brx-nav-nested-items > .brxe-dropdown,
3544  html:not(.dwc-mobile) .dwc-stripe-style:not(.brx-header-left, .brx-header-right) .dwc-nest-menu:not([data-offcanvas="true"]) .brx-nav-nested-items > .brxe-dropdown > .brx-submenu-toggle,
3545  html:not(.dwc-mobile) .dwc-stripe-style:not(.brx-header-left, .brx-header-right) .dwc-nest-menu:not([data-offcanvas="true"]) .brx-nav-nested-items > li > 
3546  a:not([data-last-item-is-button="true"] .menu-item:last-of-type a, [data-last-item-is-button="true-2"] .menu-item:nth-last-of-type(-n+2) a, [data-last-item-is-button="true-3"] .menu-item:nth-last-of-type(-n+3) a, .dwc-nest-menu__logo)
3547  /* a:not(:is([data-last-item-is-button="true"], [data-last-item-is-button="true-2"], [data-last-item-is-button="true-3"]).dwc-nest-menu .brx-nav-nested-items>:is(.menu-item:last-of-type, .menu-item:nth-last-of-type(-n+2), .menu-item:nth-last-of-type(-n+3)) a) */ { 
3548    height: 100%;
3549  }
3550  
3551  html:not(.dwc-mobile) .dwc-stripe-style:not(.brx-header-left, .brx-header-right) .dwc-nest-menu:not([data-offcanvas="true"]) .brx-nav-nested-items > li.menu-item {
3552    height: 100%;
3553    display: flex;
3554    align-items: center;
3555  }
3556
3557
3558
3559/*fix overlay in boxed mode*/
3560.brx-boxed .dwc-nest-menu-overlay {
3561    inline-size: var(--boxed-width, 100%);
3562    inset-inline-start: 50%;
3563    transform: translateX(-50%);
3564}
3565
3566/*wait for stripe style to load before active */
3567body:is(.dwc-stripe-style, .dwc-adaptive-height):not(.adaptive-height-active, .brx-header-right, .brx-header-left) .dwc-nest-menu:not([data-offcanvas="true"]) .brx-has-megamenu{
3568  pointer-events: none;
3569}
3570
3571
3572/* LAST CTA BUTTONS */
3573/* Button styling for FRIST BUTTON*/
3574:is([data-last-item-is-button="true"], [data-last-item-is-button="true-2"], [data-last-item-is-button="true-3"]).dwc-nest-menu .brx-nav-nested-items > .menu-item:last-of-type a {
3575    color: var(--menu-cta-clr);
3576    background-color: var(--menu-cta-bg);
3577    border-radius: var(--menu-cta-radius) !important;
3578    padding-inline: var(--menu-cta-inline-padding) !important;
3579    padding-block: var(--menu-cta-block-padding) !important;
3580    border: var(--menu-cta-border);
3581}
3582
3583:is([data-last-item-is-button="true"], [data-last-item-is-button="true-2"], [data-last-item-is-button="true-3"]).dwc-nest-menu .brx-nav-nested-items > .menu-item:nth-last-of-type(1) a:hover {
3584    color: var(--menu-cta-hover-clr);
3585    background-color: var(--menu-cta-hover-bg);
3586}
3587
3588/* Button styling for second button*/
3589:is([data-last-item-is-button="true-2"], [data-last-item-is-button="true-3"]).dwc-nest-menu .brx-nav-nested-items > .menu-item:nth-last-of-type(2) a {
3590    color: var(--menu-cta-2-clr);
3591    background-color: var(--menu-cta-2-bg);
3592    border-radius: var(--menu-cta-2-radius) !important;
3593    padding-inline: var(--menu-cta-2-inline-padding) !important;
3594    padding-block: var(--menu-cta-2-block-padding) !important;
3595    border: var(--menu-cta-2-border);
3596}
3597
3598:is([data-last-item-is-button="true-2"], [data-last-item-is-button="true-3"]).dwc-nest-menu .brx-nav-nested-items > .menu-item:nth-last-of-type(2) a:hover {
3599    color: var(--menu-cta-2-hover-clr);
3600    background-color: var(--menu-cta-2-hover-bg);
3601}
3602
3603/* Button styling for third button */
3604[data-last-item-is-button="true-3"].dwc-nest-menu .brx-nav-nested-items > .menu-item:nth-last-of-type(3) a {
3605    color: var(--menu-cta-3-clr);
3606    background-color: var(--menu-cta-3-bg);
3607    border-radius: var(--menu-cta-3-radius) !important;
3608    padding-inline: var(--menu-cta-3-inline-padding) !important;
3609    padding-block: var(--menu-cta-3-block-padding) !important;
3610    border: var(--menu-cta-3-border);
3611}
3612
3613[data-last-item-is-button="true-3"].dwc-nest-menu .brx-nav-nested-items > .menu-item:nth-last-of-type(3) a:hover {
3614    color: var(--menu-cta-3-hover-clr);
3615    background-color: var(--menu-cta-3-hover-bg);
3616}
3617
3618/* Adjust padding for all variants in desktop mode */
3619html:not(.dwc-mobile) [data-last-item-is-button="true"].dwc-nest-menu .brx-nav-nested-items > .menu-item:last-of-type,
3620html:not(.dwc-mobile) [data-last-item-is-button="true-2"].dwc-nest-menu .brx-nav-nested-items > .menu-item:nth-last-of-type(-n+2),
3621html:not(.dwc-mobile) [data-last-item-is-button="true-3"].dwc-nest-menu .brx-nav-nested-items > .menu-item:nth-last-of-type(-n+3) {
3622    padding-inline-start: var(--menu-item-inline-padding);
3623}
3624
3625/* Center alignment for single button case */
3626html:not(.dwc-mobile) [data-last-item-is-button-alignment="center"][data-last-item-is-button="true"].dwc-nest-menu:not(.brx-open) .dwc-nest-nav-items > li:is(:last-of-type, :first-of-type) {
3627    margin-inline-start: auto;
3628}
3629
3630/* Center alignment for two buttons case */
3631html:not(.dwc-mobile) [data-last-item-is-button-alignment="center"][data-last-item-is-button="true-2"].dwc-nest-menu:not(.brx-open) .dwc-nest-nav-items > li:is(:nth-last-of-type(2), :first-of-type) {
3632    margin-inline-start: auto;
3633}
3634
3635/* Center alignment for three buttons case */
3636html:not(.dwc-mobile) [data-last-item-is-button-alignment="center"][data-last-item-is-button="true-3"].dwc-nest-menu:not(.brx-open) .dwc-nest-nav-items > li:is(:nth-last-of-type(3), :first-of-type) {
3637    margin-inline-start: auto;
3638}
3639
3640/* Left alignment for single button case */
3641html:not(.dwc-mobile) [data-last-item-is-button-alignment="left"][data-last-item-is-button="true"].dwc-nest-menu:not(.brx-open) .dwc-nest-nav-items > li:last-of-type {
3642    margin-inline-start: auto;
3643}
3644
3645/* Left alignment for two buttons case */
3646html:not(.dwc-mobile) [data-last-item-is-button-alignment="left"][data-last-item-is-button="true-2"].dwc-nest-menu:not(.brx-open) .dwc-nest-nav-items > li:nth-last-of-type(2) {
3647    margin-inline-start: auto;
3648}
3649
3650/* Left alignment for three buttons case */
3651html:not(.dwc-mobile) [data-last-item-is-button-alignment="left"][data-last-item-is-button="true-3"].dwc-nest-menu:not(.brx-open) .dwc-nest-nav-items > li:nth-last-of-type(3) {
3652    margin-inline-start: auto;
3653}
3654
3655/* General width rule for all button cases and alignments */
3656html:not(.dwc-mobile):has(:is([data-last-item-is-button-alignment="center"], [data-last-item-is-button-alignment="left"]):is([data-last-item-is-button="true"], [data-last-item-is-button="true-2"], [data-last-item-is-button="true-3"])) :is(.dwc-menu-wrap, .dwc-nest-menu) {
3657    inline-size: 100%;
3658}
3659
3660
3661
3662/* align dropdown content to bottom */
3663html:not(.dwc-mobile) .bricks-is-frontend:not(.brx-header-left, .brx-header-right) .dwc-nest-header__container:has([data-align-content-bottom="true"]):not(:has([data-offcanvas="true"])) {
3664  align-items: stretch !important;
3665}
3666
3667html:not(.dwc-mobile) .bricks-is-frontend:not(.brx-header-left, .brx-header-right) .dwc-nest-menu[data-align-content-bottom="true"]:not([data-offcanvas="true"]) .dwc-nav-wrapper,
3668html:not(.dwc-mobile) .bricks-is-frontend:not(.brx-header-left, .brx-header-right) .dwc-nest-menu[data-align-content-bottom="true"]:not([data-offcanvas="true"]) .brx-nav-nested-items,
3669html:not(.dwc-mobile) .bricks-is-frontend:not(.brx-header-left, .brx-header-right) .dwc-nest-menu[data-align-content-bottom="true"]:not([data-offcanvas="true"]) .brx-nav-nested-items > .brxe-dropdown,
3670html:not(.dwc-mobile) .bricks-is-frontend:not(.brx-header-left, .brx-header-right) .dwc-nest-menu[data-align-content-bottom="true"]:not([data-offcanvas="true"]) .brx-nav-nested-items > .brxe-dropdown > .brx-submenu-toggle,
3671html:not(.dwc-mobile) .bricks-is-frontend:not(.brx-header-left, .brx-header-right) .dwc-nest-menu[data-align-content-bottom="true"]:not([data-offcanvas="true"]) .brx-nav-nested-items > li > 
3672a:not([data-last-item-is-button="true"] .menu-item:last-of-type a, [data-last-item-is-button="true-2"] .menu-item:nth-last-of-type(-n+2) a, [data-last-item-is-button="true-3"] .menu-item:nth-last-of-type(-n+3) a, .dwc-nest-menu__logo)
3673/* a:not(:is([data-last-item-is-button="true"], [data-last-item-is-button="true-2"], [data-last-item-is-button="true-3"]).dwc-nest-menu .brx-nav-nested-items>:is(.menu-item:last-of-type, .menu-item:nth-last-of-type(-n+2), .menu-item:nth-last-of-type(-n+3)) a, .dwc-nest-menu__logo)*/ { 
3674  height: 100%;
3675}
3676
3677html:not(.dwc-mobile) .bricks-is-frontend:not(.brx-header-left, .brx-header-right) .dwc-nest-menu[data-align-content-bottom="true"]:not([data-offcanvas="true"]) .brx-nav-nested-items > li.menu-item {
3678  height: 100%;
3679  display: flex;
3680  align-items: center;
3681}
3682
3683/* dropdown content gap */
3684html:not(.dwc-mobile) body:not(.brx-header-left, .brx-header-right) .dwc-nest-menu:not([data-offcanvas="true"]) .brxe-dropdown.open > .brx-dropdown-content:not(.brx-dropdown-content .brx-dropdown-content) {
3685 transform: translateY(calc(var(--caret-size) - var(--dropdown-content-border-size))) scaleX(1) scaleY(1);
3686}
3687
3688html:not(.dwc-mobile) body:not(.brx-header-left, .brx-header-right) .dwc-nest-menu:not([data-offcanvas="true"]) .brxe-dropdown.open > .brx-dropdown-content .brx-dropdown-content{
3689  transform: translateY(0) scaleX(1) scaleY(1);
3690}
3691
3692html:not(.dwc-mobile) .brx-dropdown-content:not(.open .brx-dropdown-content){
3693    --dropdown-content-border: solid transparent var(--dropdown-content-border-size);
3694}
3695
3696
3697
3698html:not(.dwc-mobile) body:not(.brx-header-right, .brx-header-left) .dwc-nest-menu[data-align-content-bottom="true"][data-caret="true"]:not([data-offcanvas="true"]) .brx-nav-nested-items > .brxe-dropdown.open:not(.dwc-stripe-style .brx-has-megamenu)::after {
3699    inline-size: calc((var(--dropdown-content-gap) * 1.414) - var(--dropdown-content-border-size));
3700    aspect-ratio: 1;
3701    opacity: 1;
3702    transition: opacity 0.2s 0.1s;
3703}
3704
3705html:not(.dwc-mobile) body:not(.brx-header-right, .brx-header-left) .dwc-nest-menu[data-align-content-bottom="true"][data-caret="true"]:not([data-offcanvas="true"]) .brx-nav-nested-items > .brxe-dropdown:not(.dwc-stripe-style .brx-has-megamenu)::after {
3706    content: '';
3707    position: absolute;
3708    background-color: var(--dropdown-content-bg);
3709    transform: rotate(45deg);
3710    inset-block-end: calc((-1 * var(--dropdown-content-gap) - (var(--dropdown-content-gap) * 1.414 / 2.0)) + var(--dropdown-content-border-size));
3711    inset-inline-start: calc(50% - var(
3712  --dropdown-content-gap));
3713    opacity: 0;
3714}
3715
3716
3717html:not(.dwc-mobile) body:not(.brx-header-right, .brx-header-left) .dwc-nest-menu:not([data-offcanvas="true"]) .brx-nav-nested-items > .brxe-dropdown:not(.dwc-stripe-style .brx-has-megamenu)::after { 
3718  border-top: var(--dropdown-content-border);
3719  border-left: var(--dropdown-content-border);
3720  z-index: 9999;
3721  inset-block-end: calc(var(--dropdown-content-gap) * -1.55);
3722
3723}
3724
3725html:not(.dwc-mobile) body:not(.brx-header-left, .brx-header-right) .dwc-nest-menu:not([data-offcanvas="true"]) .brx-nav-nested-items > .brxe-dropdown:not(.dwc-stripe-style .brx-has-megamenu)  .brx-dropdown-content{
3726 outline: var(--dropdown-content-border);
3727} 
3728
3729
3730
3731
3732/* === ends == */
3733
3734body:not(.adaptive-height-active) .brxe-dropdown::after{
3735display: none;
3736}
3737
3738/* multi-level dropdwon arrow > */
3739
3740html:not(.dwc-mobile) body:not(.brx-header-left, .brx-header-right) 
3741.dwc-nest-menu:not([data-offcanvas="true"])
3742.brxe-dropdown:not(.brx-has-megamenu) .brxe-dropdown .brx-submenu-toggle button 
3743svg {
3744  transform: rotate(270deg);
3745}
3746
3747
3748/* align dropwdown in builder */
3749
3750[data-builder-mode]:not(.brx-header-left, .brx-header-right) .brx-has-megamenu .brx-dropdown-content[data-content-align="left"][preview-alignment="true"]{
3751left: 0 !important;
3752right: auto !important;
3753}
3754
3755[data-builder-mode]:not(.brx-header-left, .brx-header-right) .brx-has-megamenu .brx-dropdown-content[data-content-align="right"][preview-alignment="true"]{
3756left: auto !important;
3757right: 0 !important; 
3758}
3759
3760[data-builder-mode]:not(.brx-header-left, .brx-header-right) .dwc-nest-menu:not(.brx-open) .brx-has-megamenu .brx-dropdown-content[data-content-align="center"][preview-alignment="true"]{
3761left: 50% !important;
3762transform: translatex(-50%) !important;
3763}
3764
3765
3766/* BREAKOUT ITEM */
3767.dwc-nest-menu > [data-breakout-link]:not(.dwc-nest-menu__logo){
3768      color: var(--menu-cta-clr);
3769    background-color: var(--menu-cta-bg);
3770    border-radius: var(--menu-cta-radius) !important;
3771    padding-inline: var(--menu-cta-inline-padding) !important;
3772    padding-block: var(--menu-cta-block-padding) !important;
3773    border: var(--menu-cta-border);   
3774}
3775
3776.dwc-nest-menu > [data-breakout-link="before"],
3777.dwc-nest-menu > [data-breakout-link]:not([data-breakout-link="after"], .dwc-nest-menu__logo){   
3778  margin-inline-end: var(--cta-breakout-gap);
3779  margin-inline-start: auto;
3780}
3781
3782.dwc-nest-menu > [data-breakout-link="after"]{   
3783  margin-inline-start: var(--cta-breakout-gap);
3784  order: 1;
3785}
3786
3787.dwc-menu-wrap:has(.dwc-nest-menu__logo[data-breakout-link]),
3788.brxe-nav-nested:has(.dwc-nest-menu__logo[data-breakout-link]){
3789inline-size: 100% !important;
3790}
3791
3792.dwc-stripe-style .dwc-menu-wrap:has(.dwc-nest-menu__logo[data-breakout-link]), 
3793.dwc-stripe-style .brxe-nav-nested:has(.dwc-nest-menu__logo[data-breakout-link]) {   
3794    min-height: var(--header-min-height);
3795}
3796
3797.dwc-nest-header__container:has(.brx-nav-nested-items .dwc-nest-menu__logo[data-breakout-link]) { 
3798  flex-direction: column !important;
3799  justify-content: center !important;
3800}
3801
3802
3803.dwc-nest-menu > [data-breakout-link="after"] + .brxe-toggle[aria-label="Open Menu"]{
3804    margin-inline-start: auto;
3805}
3806
3807
3808/* BREAKIN ITEM */
3809
3810.dwc-mobile .dwc-nav-wrapper:has([data-breakin]) {
3811background: linear-gradient(to top, var(--mobile-menu-bg) 0%, var(--mobile-menu-bg) calc(100% - var(--dwc-nest-header-height)), transparent calc(100% - var(--dwc-nest-header-height)), transparent 100%);
3812
3813}
3814
3815
3816.dwc-mobile .dwc-nav-wrapper:has([data-breakin]) .breakin-container{
3817   inline-size: 100%;
3818}
3819
3820.dwc-mobile .dwc-nav-wrapper:has([data-breakin="end"]) .breakin-container{
3821   margin-block-start: auto;
3822}
3823
3824html:not(.dwc-mobile) .breakin-container{
3825visibility: hidden !important;
3826order: 0 !important;
3827}
3828
3829
3830
3831/* ==== DYNAMIC NAV CUSTOM CSS ==== */
3832
3833[data-builder-mode] .dwc-nest-menu .brx-nav-nested-items > a:not(.dwc-nest-menu__logo){
3834    font-weight: var(--menu-item-font-weight);
3835    font-size: var(--menu-item-font-size);
3836    color: var(--menu-item-clr);
3837    background-color: var(--menu-item-bg);
3838    padding-block: var(--menu-item-block-padding);
3839    padding-inline: var(--menu-item-inline-padding) !important;
3840  
3841}
3842
3843
3844[data-builder-mode] .dwc-nest-menu .brx-dropdown-content > a:not(.brx-has-megamenu a) {
3845    background-color: var(--dropdown-item-bg);
3846        padding-block: var(--dropdown-item-block-padding);
3847    padding-inline: var(--dropdown-item-inline-padding) !important;
3848        font-weight: var(--menu-item-font-weight);
3849    font-size: var(--menu-item-font-size);
3850    color: var(--menu-item-clr);   
3851    inline-size: 100%;
3852}
3853
3854[data-builder-mode] .dwc-nest-menu .brx-dropdown-content >
3854 a:hover:not(.brx-has-megamenu a) {
3855    background-color: var(--dropdown-item-hover-bg);
3856    color: var(--dropdown-item-hover-clr);
3857}
3858
3859
3860body:not([data-builder-mode]) .dwc-nest-menu .brx-nav-nested-items > li:empty{
3861    visibility: hidden;
3862}
3863
3864
3865.dwc-nest-menu .brx-nav-nested-items > * > .brxe-dropdown:not(.brx-has-megamenu) li .brx-submenu-toggle {
3866    padding-block: var(--dropdown-item-block-padding);
3867    padding-inline: var(--dropdown-item-inline-padding) !important;
3868}
3869
3870/* ==== END DYNAMIC NAV CUSTOM CSS ==== */
3871
3872
3873
3874/* CARET FIX FOR DYNAMIC MENU STRUCTURE*/
3875
3876
3877.dwc-nest-menu .brx-nav-nested-items > 
3878li> .brx-has-megamenu.open > .brx-dropdown-content {
3879    opacity: 1;
3880    visibility: visible;
3881}
3882
3883html:not(.dwc-mobile) 
3884body:not(.brx-header-right, .brx-header-left) .dwc-nest-menu[data-align-content-bottom="true"][data-caret="true"]:not([data-offcanvas="true"]) 
3885.brx-nav-nested-items > li:has(.brx-has-megamenu.open):not(.dwc-stripe-style .brx-nav-nested-items > li)::after {
3886    inline-size: calc((var(--dropdown-content-gap) * 1.414) - var(--dropdown-content-border-size));
3887    aspect-ratio: 1;
3888    opacity: 1;
3889    transition: opacity 0.2s 0.1s;
3890}
3891
3892html:not(.dwc-mobile) 
3893body:not(.brx-header-right, .brx-header-left) .dwc-nest-menu[data-align-content-bottom="true"][data-caret="true"]:not([data-offcanvas="true"]) 
3894.brx-nav-nested-items > li:has(.brx-has-megamenu):not(.dwc-stripe-style .brx-nav-nested-items > li)::after {
3895      content: '';
3896    position: absolute;
3897    background-color: var(--dropdown-content-bg);
3898    transform: rotate(45deg);
3899    inset-block-end: calc((-1 * var(--dropdown-content-gap) - (var(--dropdown-content-gap) * 1.414 / 2.0)) + var(--dropdown-content-border-size));
3900    inset-inline-start: calc(50% - var(
3901  --dropdown-content-gap));
3902    opacity: 0;
3903}
3904
3905
3906html:not(.dwc-mobile) 
3907.bricks-is-frontend:not(.brx-header-left, .brx-header-right) 
3908.dwc-nest-menu[data-align-content-bottom="true"]:not([data-offcanvas="true"]) 
3909.brx-nav-nested-items > li {
3910    height: 100%;
3911    display: flex;
3912    align-items: center;
3913}
3914
3915html:not(.dwc-mobile) 
3916.bricks-is-frontend:not(.brx-header-left, .brx-header-right) .dwc-nest-menu[data-align-content-bottom="true"]:not([data-offcanvas="true"]) 
3917.brx-nav-nested-items > li > .brxe-dropdown > .brx-submenu-toggle,
3918html:not(.dwc-mobile) 
3919.bricks-is-frontend:not(.brx-header-left, .brx-header-right) .dwc-nest-menu[data-align-content-bottom="true"]:not([data-offcanvas="true"]) 
3920.brx-nav-nested-items > li > .brxe-dropdown{
3921height: 100%
3922    }
3923
3924.brx-nav-nested-items > li:has(> a),
3925.brx-nav-nested-items > li:has(> .brx-submenu-toggle) {
3926    position: relative;
3927}
3928
3929/* END CARET FIX FOR DYNAMIC MENU STRUCTURE*/
3930
3931/* SPECIAL MOBILE STYLES TABLET ONLY */
3932
3933
3934@media (min-width: 640px) and (max-width: 1200px) {
3935
3936    /* mega menu */
3937    .dwc-mobile .bricks-is-frontend [data-mobile-special-style="slide-split"] .dwc-nav-wrapper {
3938        --mobile-menu-width: min(720px, 100%);
3939      align-items: flex-end;
3940    }
3941
3942    .dwc-mobile .bricks-is-frontend [data-mobile-special-style="slide-split"] [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brx-has-megamenu.brxe-dropdown .brx-dropdown-content:not([data-hide-close-bar="true"] ul, [data-submenu-reveal="expand"].brx-has-megamenu ul) {
3943        inline-size: min(400px, 100%);
3944        box-shadow: 0px 0px 15px -10px #000000b3
3945    }
3946
3947     .dwc-mobile .bricks-is-frontend [data-mobile-special-style="slide-split"] [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brx-has-megamenu.brxe-dropdown .brx-dropdown-content:not([data-submenu-reveal="expand"].brx-has-megamenu ul) {
3948        inset-inline-end: 0 !important;
3949        inset-inline-start: auto !important;
3950        inset-block-start: 0 !important;
3951    }
3952
3953/*dropdown*/
3954
3955
3956     .dwc-mobile .bricks-is-frontend [data-mobile-special-style="slide-split"] [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(:is([data-submenu-reveal="expand"], .brx-has-megamenu)) .brx-dropdown-content:not([data-submenu-reveal="expand"] *),
3957     .dwc-mobile .bricks-is-frontend [data-mobile-special-style="slide-split"] [data-submenu-reveal="slide"].brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content {
3958        transition-property: inset-inline-start, inset-inline-end, visibility, opacity !important;
3959        inset-inline-start: auto !important;
3960        width: 400px;
3961        box-shadow: 0px 0px 15px -10px #000000b3;
3962        inset-block-start: 0 !important;
3963        inset-inline-end: -100% !important;
3964    }
3965
3966     .dwc-mobile .bricks-is-frontend [data-mobile-special-style="slide-split"] [data-submenu-reveal="slide"].brxe-nav-nested.brx-open .brxe-dropdown.open:not(.brx-has-megamenu, [data-submenu-reveal="expand"])>.brx-dropdown-content,
3967     .dwc-mobile .bricks-is-frontend [data-mobile-special-style="slide-split"] .brx-open [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-dropdown-content,
3968     .dwc-mobile .bricks-is-frontend [data-mobile-special-style="slide-split"] .brx-open [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-dropdown-content .open>.brx-dropdown-content {
3969        inset-inline-end: 0% !important;
3970        inset-inline-start: auto !important;
3971    }
3972
3973  /*active styles*/
3974   .dwc-mobile  body:not(.brx-header-right, .brx-header-left) [data-mobile-special-style="slide-split"] .brx-nav-nested-items > li > .brx-has-megamenu.open > .brx-submenu-toggle{
3975    background-color: var(--menu-item-active-bg);
3976}
3977
3978 .dwc-mobile  body:not(.brx-header-right, .brx-header-left) [data-mobile-special-style="slide-split"]  .brx-nav-nested-items > li.open > .brx-submenu-toggle{
3979    background-color: var(--menu-item-active-bg);
3980}
3981    
3982
3983}
3984
3985/* END SPECIAL MOBILE STYLES TABLET ONLY */
3986
3987
3988/* OVERLAY HEADER NO TOP GAP */
3989
3990    .bricks-is-frontend [data-overlay-header-no-top-gap="true"] .dwc-nest-menu[data-sli
3990de-in-direction="top"][data-match-overlay-header-width="true"] .dwc-nav-wrapper {
3991        inset-block-start: 0 !important;
3992        }
3993        
3994        /* .bricks-is-frontend [data-overlay-header-no-top-gap="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"] .brx-nav-nested-items {
3995             inset-block-start: calc((var(--dwc-nest-header-height) * 1.2) * -1) !important;
3996        } */
3997        
3998        .bricks-is-frontend [data-overlay-header-no-top-gap="true"] .dwc-nest-menu[data-submenu-reveal="slide"][data-slide-in-direction="top"][data-match-overlay-header-width="true"] .open.active>.brx-submenu-toggle > button:not([data-hide-close-bar="true"] button, [data-submenu-reveal="expand"] button, .open.active:has(.open.active)>.brx-submenu-toggle > button) {
3999          inset-block-start: calc(var(--dwc-nest-header-height) / 2);
4000           
4001        }
4002        
4003        .bricks-is-frontend #brx-header > 
4004        .dwc-nest-header[data-overlay-header-no-top-gap="true"] {
4005            border-top-left-radius: 0 !important;
4006            border-top-right-radius: 0 !important;
4007        }
4008        
4009         .bricks-is-frontend 
4010        #brx-header:has([data-overlay-header-no-top-gap="true"]) {
4011            padding-block-start: 0 !important;
4012        }
4013
4014/* END OVERLAY HEADER NO TOP GAP */
4015
4016
4017/* DROPDOWN ITEM IS BUTTON OR ICON */
4018
4019/* IS ICON */
4020.brxe-dropdown[data-is-icon]{
4021  padding-inline: var(--menu-item-inline-padding);
4022}
4023
4024/* remove the underline */
4025.brxe-dropdown[data-is-icon] > .brx-submenu-toggle::before{
4026display: none;
4027}
4028
4029/* general styling */
4030.dwc-nest-menu .brx-nav-nested-items > .brxe-dropdown[data-is-icon] > .brx-submenu-toggle{
4031       height: auto !important;
4032    width: auto;
4033  min-width: var(--button-max-diameter);    
4034    aspect-ratio: 1;
4035    border-radius: var(--menu-item-radius) !important;
4036    padding: 0 !important;
4037    margin-inline-start: auto;
4038    margin-block: auto;
4039    transition: 0.4s;
4040  border: var(--menu-item-border)
4041}
4042
4043
4044.dwc-nest-menu .brx-nav-nested-items > .brxe-dropdown[data-is-icon]:hover > .brx-submenu-toggle{
4045  border: var(--menu-item-hover-border)
4046}
4047
4048.dwc-mobile .dwc-nest-menu .brx-nav-nested-items > .brxe-dropdown[data-is-icon] > .brx-submenu-toggle{
4049max-width: var(--button-max-diameter);
4050}
4051
4052
4053/* centralize */
4054.brxe-dropdown[data-is-icon] > .brx-submenu-toggle > button{
4055  margin: auto;
4056  color: var(--icon-clr);
4057  font-size: var(--icon-size);
4058}
4059
4060.brxe-dropdown[data-is-icon]:hover > .brx-submenu-toggle > button{
4061  color: var(--icon-hover-clr);
4062}
4063
4064/* reset rotation on icon when hovered */
4065.brxe-dropdown[data-is-icon] > .brx-submenu-toggle button[aria-expanded="true"] > * {
4066    transform: rotateZ(0deg);
4067}
4068
4069/* reset margin left on mobile*/
4070.dwc-mobile .dwc-nest-menu .brx-nav-nested-items > .brxe-dropdown[data-is-icon] > .brx-submenu-toggle{
4071 margin-inline-start: initial;
4072}
4073
4074/* remove inner span from document flow and hide visually*/
4075
4076.brxe-dropdown[data-is-icon] > .brx-submenu-toggle > span{
4077      clip: rect(1px,1px,1px,1px);
4078    word-wrap: normal!important;
4079    border: 0;
4080    clip-path: inset(50%);
4081    height: 1px;
4082    margin: -1px;
4083    overflow: hidden;
4084    overflow-wrap: normal!important;
4085    padding: 0;
4086    position: absolute!important;
4087    width: 1px;
4088}
4089
4090/* IS ICON ENDS */
4091
4092/* IS BUTTON */
4093
4094.brxe-dropdown[data-is-button] > .brx-submenu-toggle{
4095  height: auto !important;
4096    margin-block: auto;
4097  border-radius: var(--menu-item-radius) !important;
4098    max-width: var(--menu-item-width); 
4099  border: var(--menu-item-border);
4100}
4101
4102.brxe-dropdown[data-is-button]:hover > .brx-submenu-toggle { 
4103    border: var(--menu-item-hover-border);
4104}
4105
4106
4107/* centralize text in span */
4108
4109.brxe-dropdown[data-is-button] > .brx-submenu-toggle > span{
4110  margin-inline: auto;
4111}
4112
4113/* remove button from document flow to allow text to centralize, but keep accessible*/
4114.brxe-dropdown[data-is-button="no-chevron"] > .brx-submenu-toggle > button{
4115      clip: rect(1px,1px,1px,1px);
4116    word-wrap: normal!important;
4117    border: 0;
4118    clip-path: inset(50%);
4119    height: 1px;
4120    margin: -1px;
4121    overflow: hidden;
4122    overflow-wrap: normal!important;
4123    padding: 0;
4124    position: absolute!important;
4125    width: 1px;
4126}
4127
4128/* block padding on mobile */
4129.dwc-mobile .brxe-dropdown:is([data-is-icon], [data-is-button]){  
4130padding-block: var(--menu-item-block-padding);
4131 padding-inline: var(--menu-item-inline-padding);
4132}
4133
4134/* IS BUTTON ENDS */
4135
4136/* DROPDWON ITEM IS BUTTON OR ICON ENDS */
4137
4138/* RTL */
4139
4140html:not(.dwc-mobile) :is(:not(.brx-header-left, .brx-header-right)).bricks-is-frontend .dwc-nest-menu:not([data-offcanvas="true"]) .brx-has-megamenu .brx-dropdown-content:not([data-use-selector="true"]) {
4141   inset-inline-end: var(--right-position)!important;
4142}
4143
4144html:not(.dwc-mobile)[dir=rtl] .dwc-stripe-style .open.brx-has-megamenu:not([data-offcanvas="true"] .brx-has-megamenu)::before {
4145    transform: translateX(50%); 
4146}
4147
4148html:not(.dwc-mobile)[dir=rtl] body:not(.brx-header-left, .brx-header-right) 
4149.dwc-nest-menu:not([data-offcanvas="true"])
4150.brxe-dropdown:not(.brx-has-megamenu) .brxe-dropdown .brx-submenu-toggle button 
4151svg {
4152    transform: rotate(-270deg);
4153}
4154
4155
4156
4157
4158/*RTL ENDS */
4159
4160
4161/* FIXES */
4162.dwc-nest-nav-items > li {
4163    width: auto;
4164}
4165
4166li {
4167  -webkit-tap-highlight-color: transparent;
4168}
4169
4170html:not(.dwc-mobile) .dwc-adaptive-height #brx-header > *:not(.dwc-nest-header, .dwc-nest-header + *){
4171    z-index: 9999;
4172    position: relative;
4173}
4174
4175/* dropdown within a dropdown color/chevron */
4176li:not(.brx-has-megamenu) .brx-submenu-toggle:not( .brx-nav-nested-items > li > *, li:hover > *) {
4177color: var(--dropdown-item-clr);
4178}
4179
4180.dwc-nest-menu .brxe-dropdown:not(.brx-has-megamenu) li .brx-submenu-toggle svg{
4181    --chevron-clr: var(--dropdown-item-clr);
4182    --chevron-hover-clr: var(--dropdown-item-hover-clr);
4183
4184}
4185
4186/* account for admn bar on mobile menu */
4187.dwc-mobile .dwc-nav-wrapper {
4188    inset-block-start: var(--wp-admin--admin-bar--height, 0px);
4189}
4190
4191.dwc-mobile .brxe-nav-nested.brx-open .brx-nav-nested-items {
4192 top:0;
4193}
4194
4195    /* fix safari issue on fixed element inside scrollable container */
4196 .dwc-mobile .dwc-nest-menu.brxe-nav-nested:not([data-submenu-reveal="expand"]) .brx-nav-nested-items:has(.brxe-dropdown.open.active:not([data-submenu-reveal="expand"])){
4197        overflow-y: hidden;
4198    } 
4199
4200
4201/* Only apply to browsers that support attr() with units  */
4202@supports (width: attr(data-format px)) {
4203  
4204[data-builder-mode] .dwc-nest-menu {
4205		--global-width: attr(builder-preview-content-width px);
4206	}
4207  
4208}
4209
4210
4211/* Only apply to browsers that DON'T support attr() with units (Firefox) */
4212@supports not (width: attr(data-format px)) {
4213  
4214	[data-builder-mode] .brx-dropdown-content {
4215		--dropdown-content-width: var(--dropdown-content-default-width) !important;
4216	}
4217  
4218}
4219
4220
4221body:has(.brx-sticky) [id] {
4222    scroll-margin-top: var(--dwc-nest-header-height);
4223}
4224
4225/* phone landscape */
4226@media (height < 480px){
4227.dwc-mobile .bricks-is-frontend .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"] .dwc-nav-wrapper {
4228    block-size: 100dvb !important;
4229}
4230
4231.dwc-mobile .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"] .brx-nav-nested-items {
4232    min-block-size: 100dvb !important;
4233  overflow-y: auto !important;
4234}
4235  
4236  .dwc-mobile [data-overlay-header-mobile="true"] [data-slide-in-direction="top"][data-match-overlay-header-width="true"] .dwc-nest-menu-top {
4237    z-index: 9999;
4238    border-radius: var(--overlay-header-radius);
4239    background-color: var(--overlay-header-bg) !important;
4240    backdrop-filter: blur(var(--overlay-header-blur));
4241}
4242    .dwc-mobile .bricks-is-frontend [data-submenu-reveal="slide"].dwc-nest-menu .brx-dropdown-content {
4243overscroll-behavior: contain;
4244}
4245}
4246
4247
4248/* match mega menu content width to tabbed nav width when tabbed hero is enabled*/
4249   
4250html:not(.dwc-mobile) 
4251.dwc-nest-menu
4252.brx-has-megamenu > .brx-dropdown-content:has([data-tabbed-hero="true"]):not(:has(.active:hover)) {
4253  clip-path: inset(0 calc(100% - var(--tab-list-width)) 0 0);
4254}
4255
4256
4257/* automatically remove padding from header div when a block is added to it*/
4258.dwc-nest-header:has(>.brxe-block){
4259  padding-inline: 0px;
4260}
4261
4262/* add inline padding to a block when it is a direct child of the header div*/
4263.dwc-nest-header > .brxe-block{
4264padding-inline: var(--header-inline-padding)
4265}
4266/* if a block wraps the header container, inherit the header background color*/
4267.brxe-block:has(.dwc-nest-header__container){
4268  background-color:var(--header-bg)
4269}
4270
4271/*fix for menu item text color with <font> tag */
4272.dwc-mobile .dwc-nest-menu[data-submenu-reveal="expand"] .brxe-dropdown.open>.brx-submenu-toggle font, 
4273.dwc-mobile .dwc-nest-menu [data-submenu-reveal="expand"].brxe-dropdown.open>.brx-submenu-toggle font{
4274    color: var(--dropdown-expanded-clr) !important;
4275}
4276
4277/* when using special mobile style, allow menu to close when clicking outside the menu*/
4278.dwc-mobile .bricks-is-frontend [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"] :is(.dwc-nav-wrapper):not(:has(.brxe-dropdown.open)) {
4279    block-size: fit-content !important;
4280}</style>
4280<script>//document.body.classList.add('adaptive-height-active');
4281document.body.classList.add('show-nav');
4282
4283function updateMobileClass(minWidth = MegaMenuCONFIG.minWidth) {
4284    const classList = document.documentElement.classList;
4285    const viewportWidth = document.documentElement.clientWidth;
4286    const isMobile = viewportWidth < minWidth;
4287
4288    if (isMobile) {
4289        classList.add('dwc-mobile');
4290    } else {
4291        classList.remove('dwc-mobile');
4292    }
4293}
4294updateMobileClass();
4295
4296// Centered Logo functionality
4297class CenteredLogoController {
4298    constructor(config = {}) {
4299        this.config = {
4300            enable: config.enable ?? CenteredLogoCONFIG.enable,
4301            allowOddItems: config.allowOddItems ?? CenteredLogoCONFIG.allowOddItems,
4302            forceCenteredLogo: config.forceCenteredLogo ?? CenteredLogoCONFIG.forceCenteredLogo,
4303            centerNudge: config.centerNudge ?? CenteredLogoCONFIG.centerNudge,
4304            roundOffFactor: config.roundOffFactor || CenteredLogoCONFIG.roundOffFactor,
4305            headerSelector: config.headerSelector || MegaMenuCONFIG.headerSelector
4306        };
4307
4308        this.logoListItem = null;
4309        this.listItems = [];
4310        this.resizedFinished = null;
4311        this.isInitialized = false;
4312    }
4313
4314    // Method to check if DOM elements are ready
4315    checkDOMReady() {
4316        const headerLogo = document.querySelector(`${this.config.headerSelector} .dwc-nest-menu__logo`);
4317        const headerInner = document.querySelector(`${this.config.headerSelector} .dwc-nest-header__container`);
4318        const menu = document.querySelector(`${this.config.headerSelector} .dwc-nest-menu`);
4319        const listParent = document.querySelector(`${this.config.headerSelector} .brx-nav-nested-items`);
4320
4321        return headerLogo && headerInner && menu && listParent;
4322    }
4323
4324    // Early initialization attempt
4325    initializeEarly() {
4326        if (!this.config.enable || this.isInitialized) return;
4327
4328        // Try immediate initialization if elements are ready
4329        if (this.checkDOMReady()) {
4330            document.body.classList.add('dom-ready')
4331            this.setupElements();
4332            this.initialize();
4333            return;
4334        }
4335
4336        // If not ready, use polling with shorter intervals for faster response
4337        const pollForElements = () => {
4338            if (this.checkDOMReady()) {
4339                this.setupElements();
4340                this.initialize();
4341                return;
4342            }
4343            // Poll every 10ms for very fast response
4344            setTimeout(pollForElements, 10);
4345        };
4346
4347        pollForElements();
4348    }
4349
4350    setupElements() {
4351        this.elements = {
4352            headerLogo: document.querySelector(`${this.config.headerSelector} .dwc-nest-menu__logo`),
4353            headerInner: document.querySelector(`${this.config.headerSelector} .dwc-nest-header__container`),
4354            menu: document.querySelector(`${this.config.headerSelector} .dwc-nest-menu`),
4355            listParent: document.querySelector(`${this.config.headerSelector} .brx-nav-nested-items`)
4356        };
4357    }
4358
4359    initialize() {
4360
4361        if (!this.config.enable || this.isInitialized) {
4362            return;
4363        }
4364
4365        // Ensure elements are set up before proceeding
4366        if (!this.elements) {
4367            this.setupElements();
4368        }
4369
4370        // Check if all required elements exist
4371        if (!this.elements.headerLogo || !this.elements.headerInner ||
4372            !this.elements.menu || !this.elements.listParent) {
4373            return;
4374        }
4375
4376        this.isInitialized = true;
4377
4378        // Create logo list item
4379        this.logoListItem = document.createElement('li');
4380        this.logoListItem.classList.add('dwc-header-logo-item');
4381
4382        // Get list items excluding those with toggle divs, and exclude empty li
4383        this.listItems = Array.from(this.elements.listParent.children).filter(item => {
4384            const hasToggleDiv = item.querySelector('.brx-toggle-div');
4385            const isEmpty = item.matches('li:empty');
4386            const hasExclude = item.querySelector('.dwc-exclude')
4387            return !hasToggleDiv && !isEmpty && !hasExclude;
4388        });
4389
4390
4391        // Calculate position
4392        const halfIndex = this.listItems.length / 2;
4393        const logoOrder = this.roundHalfIndex(halfIndex, this.config.roundOffFactor);
4394        this.logoListItem.style.order = logoOrder;
4395
4396
4397        // Apply centering immediately
4398        this.centerLogo(logoOrder);
4399
4400
4401
4402        // Add resize listener
4403        window.addEventListener('resize', this.centerLogo.bind(this, logoOrder));
4404    }
4405
4406    roundHalfIndex(halfIndex, roundOffFactor) {
4407        if (roundOffFactor === 'before') {
4408            return Math.floor(halfIndex + 1);
4409        } else {
4410            return Math.ceil(halfIndex + 1);
4411        }
4412    }
4413
4414    centerLogo(logoOrder) {
4415        if (!this.config.allowOddItems && this.listItems.length % 2 !== 0) {
4416            return;
4417        }
4418
4419        clearTimeout(this.resizedFinished);
4420
4421        this.resizedFinished = setTimeout(() => {
4422            const isDesktop = window.innerWidth >= MegaMenuCONFIG.minWidth;
4423
4424            if (isDesktop) {
4425                document.body.classList.add('desktop-centered')
4426                let listID = 1;
4427
4428                // Set order for list items
4429                this.listItems.forEach(listItem => {
4430                    if (!listItem.dataset.id) {
4431                        listItem.dataset.id = listID++;
4432                    }
4433                    this.logoListItem.style.order = logoOrder;
4434                    listItem.style.order = listItem.getAttribute('data-id');
4435                });
4436
4437                if (!this.elements.listParent.contains(this.logoListItem) ||
4438                    !this.elements.listParent.contains(this.elements.headerLogo)) {
4439
4440                    this.elements.listParent.prepend(this.logoListItem);
4441                    this.logoListItem.append(this.elements.headerLogo);
4442                    this.elements.headerInner.classList.add('dwc-logo-is-centered');
4443
4444                    const logoBounds = this.elements.headerLogo.getBoundingClientRect();
4445                    const viewportWidth = document.documentElement.clientWidth;
4446                    const logoWidth = this.elements.headerLogo.offsetWidth;
4447                    const distanceRight = logoBounds.x;
4448
4449                    // Force center if needed
4450                    if (this.config.forceCenteredLogo) {
4451                        const rightOffset = ((distanceRight + (logoWidth / 2)) + this.config.centerNudge) - (viewportWidth / 2);
4452                        const offsetMargin = rightOffset * 2;
4453                        this.elements.menu.style.marginRight = offsetMargin + 'px';
4454                    }
4455
4456                    if (CenteredLogoCONFIG.centerGuide) {
4457                        if (document.body.classList.contains('logged-in')) {
4458                            // Check if the indicator already exists
4459                            if (!document.querySelector('.dwc-center-guide')) {
4460                                const indicatorEl = document.createElement('div')
4461                                indicatorEl.classList.add('dwc-center-guide')
4462                                indicatorEl.style.width = this.elements.headerLogo.offsetWidth + 'px';
4463                                document.body.appendChild(indicatorEl)
4464                            }
4465                        }
4466                    }
4467
4468                }
4469
4470            } else {
4471                document.body.classList.remove('desktop-centered');
4472                this.elements.headerInner.classList.add('dwc-logo-is-centered');
4473                this.elements.menu.style.marginRight = null;
4474                this.elements.headerInner.prepend(this.elements.headerLogo);
4475                this.logoListItem.style.order = null;
4476                this.listItems.forEach(listItem => {
4477                    listItem.style.order = null;
4478                });
4479            }
4480        }, 500);
4481    }
4482}
4483
4484class MenuAnimationController {
4485    constructor(config = {}) {
4486        this.config = {
4487            minWidthThreshold: config.minWidthThreshold || MegaMenuCONFIG.minWidth,
4488            stripeStyle: config.stripeStyle ?? MegaMenuCONFIG.stripeStyle,
4489            adaptiveHeight: config.adaptiveHeight ?? MegaMenuCONFIG.adaptiveHeight,
4490            toolTip: config.toolTip ?? MegaMenuCONFIG.toolTip,
4491            menuAutoExpansion: config.menuAutoExpansion ?? MegaMenuCONFIG.menuAutoExpansion,
4492            headerSelector: config.headerSelector || MegaMenuCONFIG.headerSelector,
4493            megaMenuLinksSelector: `${config.headerSelector || MegaMenuCONFIG.headerSelector} .brx-has-megamenu`,
4494            offCanvasSelector: `${config.headerSelector || MegaMenuCONFIG.headerSelector} .dwc-nest-menu[data-offcanvas="true"]`,
4495            shiftFactor: config.shiftFactor ?? MegaMenuCONFIG.shiftFactor,  // Added shiftFactor
4496            minOverflow: config.minOverflow ?? MegaMenuCONFIG.minOverflow   // Added minOverflow
4497        };
4498
4499        this.megaMenuLinks = document.querySelectorAll(this.config.megaMenuLinksSelector);
4500        this.header = document.querySelector(this.config.headerSelector);
4501        this.headerDiv = document.querySelector('.dwc-nest-header');
4502
4503        this.maxMenuWidth = 0;
4504        this.maxMenuHeight = 0;
4505        this.headerTimeoutId = null;
4506        this.mobileMenuTimeoutId = null;
4507
4508        this.applyConfigClasses();
4509    }
4510
4511    applyConfigClasses() {
4512        if (MegaMenuCONFIG.stripeStyle) {
4513            document.body.classList.add('dwc-stripe-style');
4514        }
4515        if (MegaMenuCONFIG.adaptiveHeight) {
4516            document.body.classList.add('dwc-adaptive-height');
4517        }
4518
4519        if (this.header) {
4520            this.header.style.setProperty('--stripe-style-enabled', this.config.stripeStyle ? '1' : '0');
4521            this.header.style.setProperty('--height-animation-enabled', this.config.adaptiveHeight ? '1' : '0');
4522        }
4523    }
4524    /*
4525    isAboveMinWidth() {
4526        return window.innerWidth >= this.config.minWidthThreshold;
4527    }
4528    */
4529
4530    getViewportWidth() {
4531        // Check if window exists (for SSR/Node environments)
4532        if (typeof window === 'undefined') return 0;
4533
4534        return window.innerWidth ||
4535            document.documentElement?.clientWidth ||
4536            document.body?.clientWidth ||
4537            0;
4538    }
4539
4540    isAboveMinWidth() {
4541        return this.getViewportWidth() >= this.config.minWidthThreshold;
4542    }
4543
4544
4545    isOffCanvas() {
4546        return !!document.querySelector(this.config.offCanvasSelector);
4547    }
4548
4549    hasHeaderClass() {
4550        return document.body.classList.contains('brx-header-left') ||
4551            document.body.classList.contains('brx-header-right');
4552    }
4553
4554    updateMenuVariables() {
4555        if (!this.isAboveMinWidth() || !this.header) return;
4556
4557        // Cache RTL detection for performance - only check once per method call
4558        const isRTLLayout = this.isRTL ? this.isRTL() : false;
4559
4560        let menuOpened = false;
4561        let menuWidth = 0;
4562        let menuHeight = 0;
4563        let menuOffset = 0; // Renamed for direction-agnostic naming
4564
4565        this.megaMenuLinks.forEach(link => {
4566            if (link.classList.contains('open')) {
4567                requestAnimationFrame(() => {
4568                    let dropdownMenu = link.querySelector('.brx-dropdown-content');
4569                    let nestHeader = link.closest(this.config.headerSelector);
4570
4571                    if (dropdownMenu) {
4572                        // Get dimensions (direction-agnostic)
4573                        menuWidth = dropdownMenu.offsetWidth;
4574                        menuHeight = dropdownMenu.offsetHeight;
4575
4576                        // RTL-aware offset calculation
4577                        if (isRTLLayout) {
4578                            // RTL: Calculate offset from right edges
4579                            // Formula: distance from header's right edge to menu's right edge
4580                            const headerRect = nestHeader.getBoundingClientRect();
4581                            const menuRect = dropdownMenu.getBoundingClientRect();
4582                            menuOffset = (headerRect.right - menuRect.right) + window.scrollX;
4583                        } else {
4584                            // LTR: Original left-based calculation (unchanged for backwards compatibility)
4585                            menuOffset = Number(dropdownMenu.getBoundingClientRect().left) - Number(nestHeader.getBoundingClientRect().left) + window.scrollX;
4586                        }
4587
4588                        // Update maximum dimensions (direction-agnostic)
4589                        this.maxMenuWidth = Math.max(this.maxMenuWidth, menuWidth);
4590                        this.maxMenuHeight = Math.max(this.maxMenuHeight, menuHeight);
4591
4592                        // Calculate scaling factors (direction-agnostic)
4593                        let scaleX = menuWidth / this.maxMenuWidth;
4594                        let scaleY = menuHeight / this.maxMenuHeight;
4595
4596                        // Set adaptive height if enabled (direction-agnostic)
4597                        if (this.config.adaptiveHeight || this.config.stripeStyle) {
4598                            this.header.style.setProperty('--dropdown-menu-height', `${menuHeight}px`);
4599                        }
4600
4601                        // Set stripe-style variables with RTL awareness
4602                        if (this.config.stripeStyle) {
4603                            // Position variable - RTL-aware naming and calculation
4604                            if (isRTLLayout) {
4605                                // Set RTL-specific position variable
4606                                this.header.style.setProperty('--dropdown-menu-x-rtl', `${menuOffset}px`);
4607                                // Also set the standard variable for CSS that expects it
4608                                this.header.style.setProperty('--dropdown-menu-x', `${menuOffset}px`);
4609                            } else {
4610                                // LTR: Use standard left-based positioning
4611                                this.header.style.setProperty('--dropdown-menu-x', `${menuOffset}px`);
4612                                // Clear any RTL variable that might exist
4613                                this.header.style.removeProperty('--dropdown-menu-x-rtl');
4614                            }
4615
4616                            // Set dimension and scaling variables (direction-agnostic)
4617                            this.header.style.setProperty('--dropdown-menu-width', `${menuWidth}px`);
4618                            this.header.style.setProperty('--dropdown-menu-max-width', `${this.maxMenuWidth}px`);
4619                            this.header.style.setProperty('--dropdown-menu-max-height', `${this.maxMenuHeight}px`);
4620                            this.header.style.setProperty('--dropdown-menu-scale-x', scaleX.toString());
4621                            this.header.style.setProperty('--dropdown-menu-scale-y', scaleY.toString());
4622
4623                            // Set direction indicator for CSS usage
4624                            this.header.style.setProperty('--dropdown-menu-direction', isRTLLayout ? 'rtl' : 'ltr');
4625                        }
4626                    }
4627                });
4628
4629                menuOpened = true;
4630                this.header.classList.add('show-menu-animation');
4631                this.header.classList.remove('hide-menu-animation');
4632            }
4633        });
4634
4635        // Handle menu closing (unchanged logic, direction-agnostic)
4636        if (!menuOpened) {
4637            const hasAdaptiveHeight = document.body.classList.contains('dwc-adaptive-height');
4638            const hasStripeStyle = document.body.classList.contains('dwc-stripe-style');
4639
4640            if (hasAdaptiveHeight && !hasStripeStyle) {
4641                this.header.style.setProperty('--dropdown-menu-height', '0px');
4642            }
4643
4644            this.header.style.setProperty('--dropdown-menu-scale-y', '0');
4645
4646            if (this.header) {
4647                this.header.classList.add('hide-menu-animation');
4648                this.header.classList.remove('show-menu-animation');
4649            }
4650        }
4651    }
4652
4653
4654    updateDropdownPositions() {
4655    const viewportWidth = document.documentElement.clientWidth;
4656    if (viewportWidth < this.config.minWidthThreshold) return; // Run only on desktop
4657
4658    const dropdowns = document.querySelectorAll(`${this.config.headerSelector} .dwc-nest-menu .brx-has-megamenu .brx-dropdown-content`);
4659    const defaultElement = document.querySelector('#brx-header');
4660    const defaultRect = defaultElement ? defaultElement.getBoundingClientRect() : null;
4661    const isRTL = this.isRTL();
4662
4663    requestAnimationFrame(() => {
4664        // Handle vertical positioning (global top or stripe style)
4665        this.handleVerticalPositioning();
4666
4667        // Handle width and horizontal alignment positioning
4668        dropdowns.forEach((dropdown) => {
4669            this.setDropdownWidth(dropdown);
4670            this.positionDropdownHorizontally(dropdown, defaultRect, viewportWidth, isRTL);
4671        });
4672    });
4673}
4674
4675/**
4676 * Detect if the document is using RTL (Right-to-Left) layout
4677 */
4678isRTL() {
4679    const htmlDir = document.documentElement.dir?.toLowerCase();
4680    if (htmlDir) return htmlDir === 'rtl';
4681    
4682    const computedDirection = getComputedStyle(document.documentElement).direction;
4683    return computedDirection === 'rtl';
4684}
4685
4686/**
4687 * Handle vertical positioning for dropdowns (global top positioning or stripe style)
4688 */
4689handleVerticalPositioning() {
4690    const nestMenu = document.querySelector('.dwc-nest-menu');
4691    const globalTopSelector = nestMenu ? nestMenu.getAttribute('data-global-content-vertical') 
4691: null;
4692
4693    if (globalTopSelector) {
4694        this.positionDropdownsRelativeToElement(globalTopSelector, 'global top element');
4695    } else if (this.config.stripeStyle) {
4696        this.positionDropdownsRelativeToElement('#brx-header', '#brx-header bottom (stripe style)');
4697    }
4698}
4699
4700/**
4701 * Position dropdowns relative to a specified element
4702 */
4703positionDropdownsRelativeToElement(selector, description) {
4704    const targetElement = document.querySelector(selector);
4705    if (!targetElement) return;
4706
4707    const positioningDropdowns = document.querySelectorAll(`${this.config.headerSelector} .dwc-nest-menu .brx-dropdown-content:not(.brx-dropdown-content .brx-dropdown-content)`);
4708    const targetRect = targetElement.getBoundingClientRect();
4709
4710    positioningDropdowns.forEach(dropdown => {
4711        const menuItem = dropdown.closest('.menu-item') || dropdown.parentElement;
4712        const menuItemRect = menuItem.getBoundingClientRect();
4713        
4714        const topPosition = menuItemRect.height + targetRect.bottom - menuItemRect.bottom;
4715        dropdown.style.top = `${topPosition}px`;
4716    });
4717
4718    // console.log(`Positioned dropdowns relative to ${description}`);
4719}
4720
4721/**
4722 * Set dropdown width based on data attributes or global settings
4723 */
4724setDropdownWidth(dropdown) {
4725    // Check for individual data-content-width attribute first
4726    const localSelector = dropdown.getAttribute('data-content-width');
4727    
4728    if (localSelector) {
4729        this.applyWidthFromSelector(dropdown, localSelector);
4730        return;
4731    }
4732
4733    // Fall back to global data-global-content-width setting
4734    const nestMenu = document.querySelector('.dwc-nest-menu');
4735    const globalSelector = nestMenu ? nestMenu.getAttribute('data-global-content-width') : null;
4736    
4737    if (globalSelector) {
4738        this.applyWidthFromSelector(dropdown, globalSelector);
4739    }
4740}
4741
4742/**
4743 * Apply width to dropdown based on selector (number, CSS value, CSS variable, or element selector)
4744 */
4745applyWidthFromSelector(dropdown, selector) {
4746    // Check if it's a number or value with CSS units
4747    if (/^\d+(\.\d+)?(px|rem|em|%|vh|vw|ch|ex|cm|mm|in|pt|pc)?$/i.test(selector)) {
4748        const hasUnit = /\d+(px|rem|em|%|vh|vw|ch|ex|cm|mm|in|pt|pc)$/i.test(selector);
4749        const widthValue = hasUnit ? selector : `${selector}px`;
4750        dropdown.style.setProperty('--dropdown-content-width', widthValue);
4751    }
4752    // Check if it's a CSS variable (starts with var( and ends with ))
4753    else if (/^var\(--[\w-]+\)$/.test(selector)) {
4754        this.applyWidthFromCSSVariable(dropdown, selector);
4755    }
4756    // Treat as element selector
4757    else {
4758        this.applyWidthFromElement(dropdown, selector);
4759    }
4760}
4761
4762/**
4763 * Apply width from CSS variable
4764 */
4765applyWidthFromCSSVariable(dropdown, variableSelector) {
4766    const variableName = variableSelector.match(/^var\((--[\w-]+)\)$/)[1];
4767    const computedValue = getComputedStyle(document.documentElement).getPropertyValue(variableName).trim();
4768
4769    if (computedValue) {
4770        const hasUnit = /\d+(px|rem|em|%|vh|vw|ch|ex|cm|mm|in|pt|pc)$/i.test(computedValue);
4771        const widthValue = hasUnit ? computedValue : `${computedValue}px`;
4772        dropdown.style.setProperty('--dropdown-content-width', widthValue);
4773    }
4774}
4775
4776/**
4777 * Apply width from target element
4778 */
4779applyWidthFromElement(dropdown, selector) {
4780    const targetElement = document.querySelector(selector);
4781    if (targetElement) {
4782        const targetWidth = targetElement.getBoundingClientRect().width;
4783        dropdown.style.setProperty('--dropdown-content-width', `${targetWidth}px`);
4784    }
4785}
4786
4787/**
4788 * Handle horizontal positioning of dropdown with RTL support and overflow management
4789 * FIXED VERSION - Properly handles RTL overflow prevention
4790 */
4791positionDropdownHorizontally(dropdown, defaultRect, viewportWidth, isRTL) {
4792    const parentLi = dropdown.closest('.brx-has-megamenu.brxe-dropdown');
4793    if (!parentLi) return;
4794
4795    const contentAlign = dropdown.getAttribute('data-content-align');
4796    let actualDropdownWidth = this.getActualDropdownWidth(dropdown);
4797    const liRect = parentLi.getBoundingClientRect();
4798
4799    // Constrain width to viewport if dropdown is wider
4800    if (actualDropdownWidth > viewportWidth) {
4801        dropdown.style.setProperty('--dropdown-content-width', `${viewportWidth}px`);
4802        actualDropdownWidth = viewportWidth;
4803    }
4804
4805    // Calculate initial position based on alignment and RTL
4806    let position = this.calculateInitialPosition(dropdown, parentLi, contentAlign, actualDropdownWidth, defaultRect, isRTL);
4807
4808    // Apply overflow corrections with proper RTL support
4809    position = this.handleOverflowAdjustments(position, liRect, actualDropdownWidth, viewportWidth, isRTL);
4810
4811    // Set final position using appropriate CSS property
4812    if (isRTL) {
4813        // In RTL, we need to calculate right-based positioning
4814        const rightPosition = liRect.width - position - actualDropdownWidth;
4815        dropdown.style.setProperty('--right-position', `${rightPosition}px`);
4816        dropdown.style.removeProperty('--left-position');
4817    } else {
4818        // LTR uses left-based positioning (existing behavior)
4819        dropdown.style.setProperty('--left-position', `${position}px`);
4820        dropdown.style.removeProperty('--right-position');
4821        
4822        // Fallback for existing CSS that expects --left-position
4823        if (!dropdown.style.getPropertyValue('--left-position')) {
4824            dropdown.style.setProperty('--left-position', '0px');
4825        }
4826    }
4827}
4828
4829/**
4830 * Get actual dropdown width accounting for CSS transforms
4831 */
4832getActualDropdownWidth(dropdown) {
4833    const computedStyle = getComputedStyle(dropdown);
4834    const dropdownRect = dropdown.getBoundingClientRect();
4835
4836    // Extract scale factor from transform
4837    const transform = computedStyle.transform || computedStyle.webkitTransform;
4838    let scaleX = 1;
4839
4840    if (transform && transform !== 'none') {
4841        const matrix = transform.match(/^matrix\((.+)\)$/);
4842        if (matrix) {
4843            const values = matrix[1].split(', ');
4844            scaleX = parseFloat(values[0]);
4845        }
4846    }
4847
4848    return dropdownRect.width / scaleX;
4849}
4850
4851/**
4852 * Calculate initial dropdown position based on alignment and RTL settings
4853 * ENHANCED VERSION with improved RTL positioning
4854 */
4855calculateInitialPosition(dropdown, parentLi, contentAlign, actualDropdownWidth, defaultRect, isRTL) {
4856    const validAlignments = ['left', 'center', 'right'];
4857    const hasValidAlignment = contentAlign && validAlignments.includes(contentAlign);
4858    const liRect = parentLi.getBoundingClientRect();
4859
4860    if (!hasValidAlignment) {
4861        // Default centering behavior
4862        return this.calculateCenteredPosition(actualDropdownWidth, defaultRect, liRect, isRTL);
4863    }
4864
4865    // Apply RTL-aware alignment mapping
4866    const effectiveAlignment = this.getEffectiveAlignment(contentAlign, isRTL);
4867    
4868    // Calculate position relative to parent element
4869    switch (effectiveAlignment) {
4870        case 'left':
4871            return isRTL ? liRect.width : 0;
4872        case 'right':
4873            return isRTL ? 0 : (liRect.width - actualDropdownWidth);
4874        case 'center':
4875            return (liRect.width - actualDropdownWidth) / 2;
4876        default:
4877            return isRTL ? liRect.width : 0;
4878    }
4879}
4880
4881
4882/**
4883 * Map alignment values for RTL layouts
4884 */
4885getEffectiveAlignment(contentAlign, isRTL) {
4886    if (!isRTL) return contentAlign;
4887    
4888    // RTL alignment mapping
4889    switch (contentAlign) {
4890        case 'left': return 'right';
4891        case 'right': return 'left';
4892        case 'center': return 'center';
4893        default: return contentAlign;
4894    }
4895}
4896
4897
4898/**
4899 * Calculate centered position for default alignment
4900 * ENHANCED VERSION with better RTL support
4901 */
4902calculateCenteredPosition(actualDropdownWidth, defaultRect, liRect, isRTL) {
4903    if (!defaultRect) return isRTL ? liRect.width / 2 : 0;
4904
4905    const defaultElement = document.querySelector('#brx-header');
4906    const headerRect = defaultElement ? defaultElement.getBoundingClientRect() : null;
4907
4908    if (headerRect) {
4909        const centerOffset = (defaultRect.width - actualDropdownWidth) / 2;
4910        
4911        if (isRTL) {
4912            // RTL: Calculate position relative to parent's right edge
4913            const headerRightOffset = headerRect.right;
4914            const liRightOffset = liRect.right;
4915            return centerOffset - (headerRightOffset - liRightOffset);
4916        } else {
4917            // LTR: Calculate position relative to parent's left edge (existing logic)
4918            const headerLeftOffset = headerRect.left + window.scrollX;
4919            return centerOffset - (liRect.left - headerLeftOffset);
4920        }
4921    }
4922
4923    return isRTL ? liRect.width / 2 : 0;
4924}
4925
4926/**
4927 * Handle viewport overflow adjustments with proper RTL support
4928 * COMPLETELY REWRITTEN for accurate RTL edge calculations
4929 */
4930handleOverflowAdjustments(position, liRect, actualDropdownWidth, viewportWidth, isRTL) {
4931    // Calculate edges based on layout direction
4932    let leftEdge, rightEdge;
4933    
4934    if (isRTL) {
4935        // RTL: position is relative to parent's right edge, calculate absolute edges
4936        const parentRight = liRect.right;
4937        rightEdge = parentRight - position;
4938        leftEdge = rightEdge - actualDropdownWidth;
4939    } else {
4940        // LTR: position is relative to parent's left edge (existing logic)
4941        leftEdge = liRect.left + position;
4942        rightEdge = leftEdge + actualDropdownWidth;
4943    }
4944
4945    let adjustedPosition = position;
4946    const isViewportConstrained = actualDropdownWidth >= viewportWidth;
4947
4948    // Check for left viewport overflow
4949    if (leftEdge < 0) {
4950        const leftOverflow = Math.abs(leftEdge);
4951        
4952        if (isViewportConstrained) {
4953            // For viewport-constrained dropdowns, use exact positioning
4954            if (isRTL) {
4955                // RTL: adjust position to align left edge with viewport
4956                adjustedPosition = position - leftOverflow;
4957            } else {
4958                // LTR: adjust position to align left edge with viewport
4959                adjustedPosition += leftOverflow;
4960            }
4961        } else {
4962            // For normal dropdowns, use configured shift behavior
4963            const adjustedOverflow = leftOverflow < this.config.minOverflow ? this.config.minOverflow : leftOverflow;
4964            if (isRTL) {
4965                adjustedPosition -= adjustedOverflow * this.config.shiftFactor;
4966            } else {
4967                adjustedPosition += adjustedOverflow * this.config.shiftFactor;
4968            }
4969        }
4970    }
4971
4972    // Recalculate right edge after left adjustments
4973    let adjustedRightEdge;
4974    if (isRTL) {
4975        const parentRight = liRect.right;
4976        adjustedRightEdge = parentRight - adjustedPosition;
4977    } else {
4978        adjustedRightEdge = liRect.left + adjustedPosition + actualDropdownWidth;
4979    }
4980    
4981    // Check for right viewport overflow
4982    if (adjustedRightEdge > viewportWidth) {
4983        const rightOverflow = adjustedRightEdge - viewportWidth;
4984        
4985        if (isViewportConstrained) {
4986            // For viewport-constrained dropdowns, position exactly at viewport edge
4987            if (isRTL) {
4988                // RTL: adjust position to align right edge with viewport
4989                adjustedPosition += rightOverflow;
4990            } else {
4991                // LTR: adjust position to align right edge with viewport
4992                adjustedPosition -= rightOverflow;
4993            }
4994            
4995            // Double-check: if this causes opposite overflow, prioritize based on RTL
4996            let finalLeftEdge, finalRightEdge;
4997            if (isRTL) {
4998                const parentRight = liRect.right;
4999                finalRightEdge = parentRight - adjustedPosition;
5000                finalLeftEdge = finalRightEdge - actualDropdownWidth;
5001            } else {
5002                finalLeftEdge = liRect.left + adjustedPosition;
5003                finalRightEdge = finalLeftEdge + actualDropdownWidth;
5004            }
5005            
5006            if (finalLeftEdge < 0) {
5007                if (isRTL) {
5008                    // In RTL, prioritize right edge - align dropdown to right edge of viewport
5009                    adjustedPosition = liRect.right - viewportWidth;
5010                } else {
5011                    // In LTR, prioritize left edge - align dropdown to left edge of viewport
5012                    adjustedPosition = -liRect.left;
5013                }
5014            }
5015        } else {
5016            // For normal dropdowns, use configured shift behavior
5017            const adjustedOverflow = rightOverflow < this.config.minOverflow ? this.config.minOverflow : rightOverflow;
5018            if (isRTL) {
5019                adjustedPosition += adjustedOverflow * this.config.shiftFactor;
5020            } else {
5021                adjustedPosition -= adjustedOverflow * this.config.shiftFactor;
5022            }
5023        }
5024    }
5025
5026    return adjustedPosition;
5027}
5028
5029/**
5030 * Handle dropdowns that are wider than the viewport
5031 */
5032handleWideDropdownOverflow(liRect, actualDropdownWidth, viewportWidth, isRTL) {
5033    // For dropdowns wider than viewport, prioritize showing the start of content
5034    // In RTL, this means showing the right side; in LTR, the left side
5035    if (isRTL) {
5036        // Align to right edge of viewport
5037        return viewportWidth - liRect.left - actualDropdownWidth;
5038    } else {
5039        // Align to left edge of viewport
5040        return -liRect.left;
5041    }
5042}
5043
5044
5045    setCurrentPageDropdownActive() {
5046        if (!this.config.menuAutoExpansion) return;
5047
5048        const isDesktop = window.innerWidth >= this.config.minWidthThreshold;
5049        const hasSpecialHeader = document.body.classList.contains('brx-header-left') ||
5050            document.body.classList.contains('brx-header-right');
5051        const isOffCanvas = !!document.querySelector(this.config.offCanvasSelector);
5052
5053        if (isDesktop && !hasSpecialHeader && !isOffCanvas) return;
5054
5055        const currentPageLink = document.querySelector('[aria-current="page"]');
5056
5057        if (currentPageLink) {
5058            const parentDropdown = currentPageLink.closest('.brxe-dropdown');
5059            let tabbedParentDropdown = currentPageLink.closest('.dwc-tabbed-nav-list__li');
5060
5061            // If tabbedParentDropdown has currentPageLink as a direct child, ignore it
5062            if (tabbedParentDropdown) {
5063                const directPageLink = tabbedParentDropdown.querySelector(':scope > a[aria-current="page"]');
5064                if (directPageLink) {
5065                    tabbedParentDropdown = null; // Ignore tabbedParentDropdown
5066                }
5067            }
5068
5069            if (parentDropdown) {
5070                setTimeout(() => {
5071                    // console.log(tabbedParentDropdown);
5072                    parentDropdown.classList.add('open', 'active');
5073
5074                    // Only add 'active' class if tabbedParentDropdown exists
5075                    if (tabbedParentDropdown) {
5076                        tabbedParentDropdown.classList.add('active');
5077                    }
5078
5079                    const submenuToggle = parentDropdown.querySelector('.brx-submenu-toggle');
5080                    let button = submenuToggle ? submenuToggle.querySelector('button') : null;
5081                    const menuToggle = document.querySelector('.dwc-nest-menu .brxe-toggle');
5082
5083                    if (button) {
5084                        menuToggle.addEventListener('click', () => {
5085                            setTimeout(() => {
5086                                const submenuIsOpen = parentDropdown.classList.contains('open', 'active');
5087                                if (submenuIsOpen) {
5088                                    button.setAttribute('aria-expanded', 'true');
5089                                   currentPageLink.scrollIntoView({
5090                            behavior: 'smooth',
5091                            block: 'nearest'
5092                        });
5093                                }
5094                            }, 600);
5095                        });
5096                    }
5097                  
5098                }, 700);
5099            }
5100        }
5101    }
5102
5103    updateChevronPosition(targetLink) {
5104        if (!this.config.stripeStyle) return;
5105
5106        requestAnimationFrame(() => {
5107            let headerElement = document.querySelector(this.config.headerSelector);
5108            if (!headerElement) {
5109                console.error('Chevron parent element not found.');
5110                return;
5111            }
5112
5113            // Cache RTL detection for performance within this animation frame
5114            const isRTLLayout = this.isRTL ? this.isRTL() : false;
5115
5116            // Get element dimensions and positions
5117            let linkRect = targetLink.getBoundingClientRect();
5118            let headerRect = headerElement.getBoundingClientRect();
5119
5120            // Calculate link midpoint (geometric center - always the same regardless of direction)
5121            let linkMidpoint = linkRect.left + linkRect.width / 2;
5122
5123            // RTL-aware reference point calculation
5124            let headerReferenceOffset, navlinkMidpointOffset, navlinkEdgeOffset;
5125
5126            if (isRTLLayout) {
5127                // RTL: Use right edge as reference point
5128                let headerRightOffset = headerRect.right + window.scrollX;
5129
5130                // Calculate offsets relative to header's right edge
5131                navlinkMidpointOffset = headerRightOffset - linkMidpoint;
5132                navlinkEdgeOffset = headerRightOffset - linkRect.right;
5133                headerReferenceOffset = headerRightOffset;
5134
5135                // Set RTL-specific CSS variables
5136                headerElement.style.setProperty('--chevron-parent-right', `${headerReferenceOffset}px`);
5137                headerElement.style.setProperty('--navlink-midpoint-rtl', `${navlinkMidpointOffset}px`);
5138                headerElement.style.setProperty('--navlink-right', `${navlinkEdgeOffset}px`);
5139
5140                // Set unified variables for CSS that expects them (RTL context)
5141                headerElement.style.setProperty('--navlink-midpoint', `${navlinkMidpointOffset}px`);
5142                headerElement.style.setProperty('--navlink-edge', `${navlinkEdgeOffset}px`);
5143
5144            } else {
5145                // LTR: Original left-based calculation (unchanged for perfect backwards compatibility)
5146                let headerLeftOffset = headerRect.left + window.scrollX;
5147
5148                // Calculate offsets relative to header's left edge (original logic)
5149                navlinkMidpointOffset = linkMidpoint - headerLeftOffset;
5150                navlinkEdgeOffset = linkRect.left - headerLeftOffset;
5151                headerReferenceOffset = headerLeftOffset;
5152
5153                // Set standard LTR CSS variables (original behavior)
5154                headerElement.style.setProperty('--chevron-parent-left', `${headerReferenceOffset}px`);
5155                headerElement.style.setProperty('--navlink-midpoint', `${navlinkMidpointOffset}px`);
5156                headerElement.style.setProperty('--navlink-left', `${navlinkEdgeOffset}px`);
5157
5158                // Set unified edge variable for consistency
5159                headerElement.style.setProperty('--navlink-edge', `${navlinkEdgeOffset}px`);
5160
5161                // Clean up any RTL variables that might exist from previous state
5162                headerElement.style.removeProperty('--chevron-parent-right');
5163                headerElement.style.removeProperty('--navlink-midpoint-rtl');
5164                headerElement.style.removeProperty('--navlink-right');
5165            }
5166
5167            // Set direction-agnostic variables (same for both LTR and RTL)
5168            headerElement.style.setProperty('--chevron-parent-width', `${headerRect.width}px`);
5169            headerElement.style.setProperty('--navlink-width', `${linkRect.width}px`);
5170
5171            // Set direction indicator for CSS conditional logic
5172            headerElement.style.setProperty('--chevron-direction', isRTLLayout ? 'rtl' : 'ltr');
5173
5174            // Set boolean flags for easier CSS targeting
5175            if (isRTLLayout) {
5176                headerElement.style.setProperty('--is-rtl', '1');
5177                headerElement.style.removeProperty('--is-ltr');
5178            } else {
5179                headerElement.style.setProperty('--is-ltr', '1');
5180                headerElement.style.removeProperty('--is-rtl');
5181            }
5182        });
5183    }
5184
5185
5186    updateHeaderHeight() {
5187        if (this.headerTimeoutId) {
5188            clearTimeout(this.headerTimeoutId);
5189        }
5190
5191        requestAnimationFrame(() => {
5192            if (this.header) {
5193                this.headerTimeoutId = setTimeout(() => {
5194                    let headerHeight = this.header.offsetHeight;
5195                    let headerDivHeight = this.headerDiv.offsetHeight;
5196                    document.body.style.setProperty('--dwc-nest-header-height', `${headerHeight}px`);
5197                     document.body.style.setProperty('--dwc-header-div-height', `${headerDivHeight}px`);
5198                }, 300);
5199            }
5200        });
5201    }
5202
5203    setMobileMenuTopHeight() {
5204        if (this.mobileMenuTimeoutId) {
5205            clearTimeout(this.mobileMenuTimeoutId);
5206        }
5207
5208        let mobileMenuTop = document.querySelector('.dwc-nest-menu-top');
5209        if (!mobileMenuTop) {
5210            console.error('Mobile menu top element not found');
5211            return;
5212        }
5213
5214        this.mobileMenuTimeoutId = setTimeout(() => {
5215            let menuTopHeight = mobileMenuTop.offsetHeight;
5216            document.body.style.setProperty('--mobile-menu-top-height', `${menuTopHeight}px`);
5217        }, 1000);
5218    }
5219
5220
5221    updateMobileLogo() {
5222        let mobileLogo = document.querySelector('.dwc-nest-menu__mobile-logo');
5223        let desktopLogo = document.querySelector('.dwc-nest-menu__logo');
5224
5225        if (!mobileLogo) {
5226            console.error('Mobile logo container not found');
5227            return;
5228        }
5229
5230        if (!desktopLogo) {
5231            console.error('Desktop logo container not found');
5232            return;
5233        }
5234
5235        // Updated to check for either img or svg in desktop logo
5236        let desktopLogoElement = desktopLogo.querySelector('img, svg');
5237        if (!desktopLogoElement) return;
5238
5239        // Check if mobile logo has an image or SVG
5240        const currentMobileLogo = mobileLogo.querySelector('img, svg');
5241
5242        // Store original logo data if not already stored
5243        if (!mobileLogo.hasAttribute('data-original-logo-type') && currentMobileLogo) {
5244            // Get logo type (img or svg)
5245            const logoType = currentMobileLogo.tagName.toLowerCase();
5246            mobileLogo.setAttribute('data-original-logo-type', logoType);
5247
5248            if (logoType === 'img') {
5249                mobileLogo.setAttribute('data-original-logo-src', currentMobileLogo.src);
5250                mobileLogo.setAttribute('data-original-logo-alt', currentMobileLogo.alt || '');
5251                mobileLogo.setAttribute('data-original-logo-class', currentMobileLogo.className || '');
5252            } else if (logoType === 'svg') {
5253                // Store SVG content as a string
5254                mobileLogo.setAttribute('data-original-logo-content', currentMobileLogo.outerHTML);
5255                mobileLogo.setAttribute('data-original-logo-class', currentMobileLogo.getAttribute('class') || '');
5256            }
5257        }
5258
5259        if (this.isAboveMinWidth()) {
5260            if (currentMobileLogo) {
5261                mobileLogo.removeChild(currentMobileLogo);
5262            }
5263
5264            // Clone desktop logo (either img or svg)
5265            let newLogo = desktopLogoElement.cloneNode(true);
5266            newLogo.removeAttribute('id');
5267            //  mobileLogo.appendChild(newLogo);
5268        } else {
5269            // For mobile view
5270            const originalLogoType = mobileLogo.getAttribute('data-original-logo-type');
5271
5272            if (!currentMobileLogo) {
5273                // If no current logo, clone desktop logo
5274                let mobileLogoElement = desktopLogoElement.cloneNode(true);
5275                mobileLogoElement.removeAttribute('id');
5276                mobileLogo.appendChild(mobileLogoElement);
5277            } else if (originalLogoType) {
5278                mobileLogo.removeChild(currentMobileLogo);
5279
5280                if (originalLogoType === 'img') {
5281                    // Restore original img
5282                    let mobileLogoImage = document.createElement('img');
5283                    mobileLogoImage.src = mobileLogo.getAttribute('data-original-logo-src');
5284                    mobileLogoImage.alt = mobileLogo.getAttribute('data-original-logo-alt') || '';
5285                    mobileLogoImage.className = mobileLogo.getAttribute('data-original-logo-class') || '';
5286                    mobileLogo.appendChild(mobileLogoImage);
5287                } else if (originalLogoType === 'svg') {
5288                    // Restore original SVG
5289                    const svgContent = mobileLogo.getAttribute('data-original-logo-content');
5290                    if (svgContent) {
5291                        const tempContainer = document.createElement('div');
5292                        tempContainer.innerHTML = svgContent;
5293                        const svgElement = tempContainer.querySelector('svg');
5294                        if (svgElement) {
5295                            mobileLogo.appendChild(svgElement.cloneNode(true));
5296                        }
5297                    }
5298                }
5299            }
5300        }
5301    }
5302
5303
5304    initDesktopNav() {
5305        if (this.isOffCanvas() || !this.header || this.hasHeaderClass()) return;
5306
5307        let menuElement = this.header.querySelector('.dwc-nest-menu');
5308        if (menuElement) {
5309            menuElement.classList.remove('brx-open');
5310            menuElement.querySelectorAll('.brxe-dropdown').forEach(dropdown => {
5311                dropdown.classList.remove('active', 'open');
5312            });
5313        }
5314    }
5315
5316    initializeMaxDimensions() {
5317        if (!this.isAboveMinWidth()) return;
5318
5319        this.megaMenuLinks.forEach(link => {
5320            let dropdown = link.querySelector('.brx-dropdown-content');
5321            if (dropdown) {
5322                this.maxMenuWidth = Math.max(this.maxMenuWidth, dropdown.offsetWidth);
5323                this.maxMenuHeight = Math.max(this.maxMenuHeight, dropdown.offsetHeight + 10);
5324            }
5325        });
5326
5327        this.header.style.setProperty('--dropdown-menu-max-width', `${this.maxMenuWidth}px`);
5328        this.header.style.setProperty('--dropdown-menu-max-height', `${this.maxMenuHeight}px`);
5329        this.header.style.setProperty('--dropdown-menu-scale-x', '0');
5330        this.header.style.setProperty('--dropdown-menu-scale-y', '0');
5331    }
5332
5333    resetForMobile() {
5334        this.header.style.setProperty('--dropdown-menu-scale-x', '0');
5335        this.header.style.setProperty('--dropdown-menu-scale-y', '0');
5336        this.header.style.setProperty('--dropdown-menu-width', '0');
5337
5338        if (this.header) {
5339            this.header.classList.remove('show-menu-animation', 'hide-menu-animation');
5340        }
5341    }
5342
5343    setBoxedWidthVariable() {
5344        // Check if body has the brx-boxed class
5345        if (document.body.classList.contains('brx-boxed')) {
5346            // Get computed style for the body
5347            const computedStyle = window.getComputedStyle(document.body);
5348
5349            // Get the max-width value
5350            const maxWidth = computedStyle.getPropertyValue('max-width');
5351
5352            // Set the max-width as a CSS variable on the body
5353            document.body.style.setProperty('--boxed-width', maxWidth);
5354
5355            return maxWidth;
5356        } else {
5357            return null;
5358        }
5359    }
5360
5361    closeDesktopMenu(link) {
5362    // Start from the link itself to find parent li.brxe-dropdown elements
5363    let currentElement = link;
5364    
5365    while (currentElement) {
5366        // Find the closest parent li.brxe-dropdown from current position
5367        const parentLi = currentElement.closest('li.brxe-dropdown');
5368        
5369        if (!parentLi) break; // No more parent li.brxe-dropdown elements
5370        
5371        // Check if this li has open or active class
5372        if (parentLi.classList.contains('open') || parentLi.classList.contains('active')) {
5373            // Remove open and active classes
5374            parentLi.classList.remove('open', 'active');
5375            
5376            // Find the toggle button to update aria-expanded
5377            const toggleButton = parentLi.querySelector(':scope > .brx-submenu-toggle > button');
5378            
5379            if (toggleButton) {
5380                // Set aria-expanded to false
5381                toggleButton.setAttribute('aria-expanded', 'false');
5382            }
5383        }
5384        
5385        // Move up: go to parent li's parent element to continue traversing upward only
5386        currentElement = parentLi.parentElement;
5387    }
5388}
5389
5390
5391    closeNavOnClick() {
5392    if (MegaMenuCONFIG.closeNavOnClick) {
5393
5394        const allLinks = document.querySelectorAll('.dwc-nest-menu a');
5395        const menuContainer = document.querySelector('.dwc-nest-menu');
5396        const menuItemLinks = Array.from(allLinks).filter(link => {
5397            return link.parentElement !== menuContainer;
5398        });
5399
5400        const menuToggle = document.querySelector('.dwc-nest-menu .brxe-toggle');
5401
5402        // Always remove existing event listeners first
5403        menuItemLinks.forEach(link => {
5404            const storedHandler = link._clickHandler;
5405            if (storedHandler) {
5406                link.removeEventListener('click', storedHandler);
5407                delete link._clickHandler;
5408            }
5409        });
5410
5411        // Check if we should skip desktop behavior
5412        const isMobile = !this.isAboveMinWidth();
5413        const shouldSkipDesktop = MegaMenuCONFIG.closeOnMobileOnly && !isMobile;
5414        
5415        if (shouldSkipDesktop) return;
5416
5417        // Helper function to check if element has excluded selector
5418        const hasExcludedSelector = (element) => {
5419            if (!MegaMenuCONFIG.closeNavOnClickExclude) return false;
5420
5421            const excludedSelectors = MegaMenuCONFIG.closeNavOnClickExclude
5422                .split(',')
5423                .map(selector => selector.trim());
5424
5425            return excludedSelectors.some(selector => {
5426                try {
5427                    return element.matches(selector);
5428                } catch (error) {
5429                    // Fallback for invalid selectors - log warning and skip
5430                    console.warn(`Invalid selector: "${selector}"`, error);
5431                    return false;
5432                }
5433            });
5434        };
5435
5436        // Helper function to check if link has a hash
5437        const hasHashLink = (link) => {
5438            const href = link.getAttribute('href');
5439            return href && href.includes('#');
5440        };
5441
5442        // Add event listeners based on mobile/desktop context
5443        menuItemLinks.forEach(link => {
5444            // Skip this link if it has any excluded classes
5445            if (hasExcludedSelector(link)) return;
5446
5447            // If closeOnHashClickOnly is true, skip links without hash
5448            if (MegaMenuCONFIG.closeOnHashClickOnly && !hasHashLink(link)) return;
5449
5450            const clickHandler = () => {
5451                if (isMobile) {
5452                    // Mobile: close entire menu via toggle
5453                    if (menuToggle) {
5454                        menuToggle.click();
5455                    }
5456                } else {
5457                    // Desktop: close parent dropdowns
5458                    this.closeDesktopMenu(link);
5459                }
5460            };
5461
5462            link._clickHandler = clickHandler;
5463            link.addEventListener('click', clickHandler);
5464        });
5465    }
5466}
5467}
5468
5469class TooltipManager {
5470    constructor(config) {
5471        this.config = {
5472            toolTip: config.toolTip || false
5473        };
5474        this.targetButton = null;
5475        this.tooltipProcessed = false;
5476    }
5477
5478    setBackText() {
5479        let menuElement = document.querySelector('.dwc-nest-menu');
5480        let forcedBackText = menuElement.getAttribute('data-back-text')
5481        document.querySelectorAll('.brx-submenu-toggle').forEach(submenu => {
5482            const textContent = submenu.textContent.trim();
5483            const button = submenu.querySelector('.brx-submenu-toggle > button');
5484            if (button) {
5485                button.setAttribute('data-text', textContent);
5486                button.setAttribute('data-back-text', forcedBackText);
5487            }
5488        });
5489    }
5490
5491    updateTooltipDataText(button) {
5492        if (!this.config.toolTip) return;
5493
5494        let menuElement = document.querySelector('.dwc-nest-menu');
5495        let toolTipBackText = menuElement.getAttribute('data-tooltip-back-text')
5496
5497        const closestUl = button.closest('.dwc-nav-wrapper, .dwc-tabbed-nav__list-wrapper');
5498        if (closestUl) {
5499            const tooltip = closestUl.querySelector('.dwc-nest-tooltip');
5500            if (tooltip) {
5501                const buttonText = button.getAttribute('data-text') ||
5502                    button.querySelector('i')?.getAttribute('data-text');
5503                tooltip.setAttribute('data-text', buttonText);
5504                tooltip.innerText = toolTipBackText + ' ' + buttonText;                
5505            }
5506            // console.log('button: ', button)
5507            // console.log('closet ul: ', closestUl)
5508        }
5509
5510    }
5511
5512    addTooltip(button) {
5513        if (!this.config.toolTip) return;
5514
5515        let menuElement = document.querySelector('.dwc-nest-menu');
5516        let toolTipBackText = menuElement.getAttribute('data-tooltip-back-text')
5517
5518        const closestUl = button.closest('.dwc-nav-wrapper, .dwc-tabbed-nav__list-wrapper');
5519        if (!closestUl) return;
5520
5521        this.removeTooltipFrom(closestUl);
5522
5523        const tooltip = document.createElement('div');
5524        tooltip.className = 'dwc-nest-tooltip';
5525        tooltip.innerText = toolTipBackText;
5526        tooltip.style.position = 'fixed';
5527        tooltip.style.bottom = '12px';
5528        tooltip.style.left = '12px';
5529        tooltip.style.background = 'rgb(0 0 0 / 30%)';
5530        tooltip.style.color = 'white';
5531        tooltip.style.padding = '5px 10px';
5532        tooltip.style.borderRadius = '5px';
5533        tooltip.style.fontSize = '12px';
5534        tooltip.style.zIndex = '9999';
5535        tooltip.style.opacity = '0';
5536        tooltip.style.transition = 'opacity 1.5s';
5537        tooltip.style.pointerEvents = 'none';
5538        closestUl.appendChild(tooltip);
5539
5540        requestAnimationFrame(() => {
5541            tooltip.style.opacity = '1';
5542        });
5543    }
5544
5545    removeAllTooltips() {
5546        document.querySelectorAll('.dwc-nest-tooltip').forEach(tooltip => tooltip.remove());
5547    }
5548
5549    removeTooltipFrom(ulElement) {
5550        const existingTooltip = ulElement.querySelector('.dwc-nest-tooltip');
5551        if (existingTooltip) existingTooltip.remove();
5552    }
5553
5554    setupTooltipObserver() {
5555        const tooltipObserver = new MutationObserver((mutationsList) => {
5556            if (this.tooltipProcessed) return;
5557
5558            for (const mutation of mutationsList) {
5559                if (mutation.type === 'childList') {
5560                    for (const node of mutation.addedNodes) {
5561                        if (node.nodeType === Node.ELEMENT_NODE &&
5562                            node.classList.contains('dwc-nest-tooltip') &&
5563                            !this.tooltipProcessed) {
5564                            const button = document.querySelector('.open.active > .brx-submenu-toggle > button:not(.open .open button)');
5565                            if (button) {
5566                                this.updateTooltipDataText(button);
5567                                this.tooltipProcessed = true;
5568                                return;
5569                            }
5570                        }
5571                    }
5572                }
5573            }
5574        });
5575
5576        tooltipObserver.observe(document.body, { childList: true, subtree: true });
5577    }
5578}
5579
5580class SwipeGestureHandler {
5581    constructor(config) {
5582        this.config = {
5583            swipeToClose: config.swipeToClose || false
5584        };
5585        this.targetButton = null;
5586        this.startX = 0;
5587        this.startY = 0;
5588        this.endX = 0;
5589        this.endY = 0;
5590        
5591        // Cache RTL detection for performance during touch events
5592        this.isRTLLayout = null;
5593        this.cacheRTLStatus();
5594    }
5595
5596    /**
5597     * Cache RTL status and set up listener for direction changes
5598     */
5599    cacheRTLStatus() {
5600        this.isRTLLayout = this.isRTL();
5601        
5602        // Listen for potential direction changes (rare but possible)
5603        const observer = new MutationObserver(() => {
5604            const newRTLStatus = this.isRTL();
5605            if (newRTLStatus !== this.isRTLLayout) {
5606                this.isRTLLayout = newRTLStatus;
5607            }
5608        });
5609        
5610        observer.observe(document.documentElement, {
5611            attributes: true,
5612            attributeFilter: ['dir', 'class', 'style']
5613        });
5614    }
5615
5616    /**
5617     * Detect if the document is using RTL (Right-to-Left) layout
5618     * Follows the same pattern as MenuAnimationController
5619     */
5620    isRTL() {
5621        const htmlDir = document.documentElement.dir?.toLowerCase();
5622        if (htmlDir) return htmlDir === 'rtl';
5623        
5624        const computedDirection = getComputedStyle(document.documentElement).direction;
5625        return computedDirection === 'rtl';
5626    }
5627
5628    initialize() {
5629        if (!this.config.swipeToClose) return;
5630
5631        document.addEventListener('touchstart', this.handleTouchStart.bind(this));
5632        document.addEventListener('touchend', this.handleTouchEnd.bind(this));
5633    }
5634
5635    handleTouchStart(event) {
5636        if (!this.isMobileMenuOpen()) return;
5637
5638        this.startX = event.touches[0].clientX;
5639        this.startY = event.touches[0].clientY;
5640    }
5641
5642    handleTouchEnd(event) {
5643        if (!this.isMobileMenuOpen()) return;
5644
5645        this.endX = event.changedTouches[0].clientX;
5646        this.endY = event.changedTouches[0].clientY;
5647
5648        const diffX = this.endX - this.startX;
5649        const diffY = Math.abs(this.endY - this.startY);
5650        
5651        // RTL-aware swipe detection
5652        const isValidSwipe = this.isValidSwipeGesture(diffX, diffY);
5653
5654        if (isValidSwipe && this.targetButton) {
5655            this.targetButton.click();
5656            this.targetButton = null;
5657        }
5658    }
5659
5660    /**
5661     * Determine if the swipe gesture is valid based on layout direction
5662     * @param {number} diffX - Horizontal distance (positive = right, negative = left)
5663     * @param {number} diffY - Vertical distance (absolute value)
5664     * @returns {boolean} True if the swipe should trigger menu close
5665     */
5666    isValidSwipeGesture(diffX, diffY) {
5667        const swipeThreshold = 50;
5668        const verticalTolerance = 30;
5669        
5670        // Vertical movement must be within tolerance
5671        if (diffY >= verticalTolerance) return false;
5672
5673        if (this.isRTLLayout) {
5674            // RTL: Accept right-to-left swipes (negative diffX)
5675            return diffX < -swipeThreshold;
5676        } else {
5677            // LTR: Accept left-to-right swipes (positive diffX) - existing behavior
5678            return diffX > swipeThreshold;
5679        }
5680    }
5681
5682    isMobileMenuOpen() {
5683        return document.querySelector('.dwc-nest-menu')?.classList.contains('brx-open');
5684    }
5685
5686    setTargetButton(button) {
5687        this.targetButton = button;
5688    }
5689
5690    /**
5691     * Get current layout direction (for debugging)
5692     * @returns {string} 'rtl' or 'ltr'
5693     */
5694    getLayoutDirection() {
5695        return this.isRTLLayout ? 'rtl' : 'ltr';
5696    }
5697}
5698
5699class OffcanvasMenuHandler {
5700    constructor(config) {
5701        this.config = config || {};
5702    }
5703
5704    applyMobileStyles() {
5705        let offcanvasMenu = document.querySelector(this.config.offCanvasSelector);
5706        let hasHeaderPosition = ['brx-header-left', 'brx-header-right'].some(cls =>
5707            document.body.classList.contains(cls)
5708        );
5709
5710        if (!offcanvasMenu && !hasHeaderPosition) return;
5711
5712        let styleSheet = document.querySelector('[data-stylesheet]');
5713        if (!styleSheet) return;
5714
5715        let styleElement = styleSheet.querySelector('style');
5716        if (!styleElement) return;
5717
5718        let originalStyles = styleElement.textContent || styleElement.innerText;
5719        let modifiedStyles = originalStyles.replace(/\(max-width:\s*\d+px\)/g, '(max-width: 5000px)');
5720
5721        let newStyleElement = document.createElement('style');
5722        newStyleElement.id = 'dwc-offcanvas-styles';
5723        newStyleElement.textContent = modifiedStyles;
5724
5725        document.head.appendChild(newStyleElement);
5726
5727        setTimeout(() => {
5728            document.body.classList.add('show-nav');
5729             document.body.classList.add('sidebar-ready');
5730
5731        }, 100);
5732
5733        styleSheet.remove();
5734    }
5735}
5736
5737
5738
5739class MobileMenuScrollReset {
5740    constructor(config = {}) {
5741        this.config = {
5742            minWidthThreshold: config.minWidthThreshold || MegaMenuCONFIG.minWidth,
5743            headerSelector: config.headerSelector || MegaMenuCONFIG.headerSelector,
5744            scrollResetDelay: config.scrollResetDelay || 300
5745        };
5746
5747        this.menuElement = null;
5748        this.nestedItemsElement = null;
5749        this.scrollResetTimeout = null;
5750        this.isInitialized = false;
5751    }
5752
5753    initialize() {
5754        if (this.isInitialized) return;
5755
5756        this.menuElement = document.querySelector(`${this.config.headerSelector} .dwc-nest-menu`);
5757        this.nestedItemsElement = document.querySelector(`${this.config.headerSelector} .brx-nav-nested-items`);
5758
5759        if (!this.menuElement || !this.nestedItemsElement) {
5760            console.warn('Mobile menu scroll reset: Required elements not found');
5761            return;
5762        }
5763
5764        this.setupMutationObserver();
5765        this.isInitialized = true;
5766    }
5767
5768    setupMutationObserver() {
5769        const observer = new MutationObserver((mutations) => {
5770            mutations.forEach((mutation) => {
5771                if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
5772                    this.handleMenuClassChange();
5773                }
5774            });
5775        });
5776
5777        observer.observe(this.menuElement, {
5778            attributes: true,
5779            attributeFilter: ['class']
5780        });
5781    }
5782
5783    handleMenuClassChange() {
5784        // Only run on mobile
5785        if (!this.isMobile()) return;
5786
5787        const isMenuOpen = this.menuElement.classList.contains('brx-open');
5788
5789        // If menu is now closed, set timeout to reset scroll
5790        if (!isMenuOpen) {
5791            this.scheduleScrollReset();
5792        } else {
5793            // If menu is opened, cancel any pending scroll reset
5794            this.cancelScrollReset();
5795        }
5796    }
5797
5798    scheduleScrollReset() {
5799        // Clear any existing timeout
5800        this.cancelScrollReset();
5801
5802        // Set new timeout
5803        this.scrollResetTimeout = setTimeout(() => {
5804            this.resetScroll();
5805        }, this.config.scrollResetDelay);
5806    }
5807
5808    cancelScrollReset() {
5809        if (this.scrollResetTimeout) {
5810            clearTimeout(this.scrollResetTimeout);
5811            this.scrollResetTimeout = null;
5812        }
5813    }
5814
5815    resetScroll() {
5816        if (this.nestedItemsElement && this.isMobile()) {
5817            this.nestedItemsElement.scrollTop = 0;
5818        }
5819    }
5820
5821    isMobile() {
5822        return window.innerWidth < this.config.minWidthThreshold;
5823    }
5824
5825    // Method to reinitialize (useful for your reinitialize functionality)
5826    reinitialize() {
5827        this.cancelScrollReset();
5828        this.isInitialized = false;
5829        this.initialize();
5830    }
5831}
5832
5833
5834class MenuSystem {
5835    constructor(config = {}) {
5836        this.config = {
5837            minWidthThreshold: config.minWidthThreshold || MegaMenuCONFIG.minWidth,
5838            stripeStyle: config.stripeStyle ?? MegaMenuCONFIG.stripeStyle,
5839            adaptiveHeight: config.adaptiveHeight ?? MegaMenuCONFIG.adaptiveHeight,
5840            toolTip: config.toolTip ?? MegaMenuCONFIG.toolTip,
5841            swipeToClose: config.swipeToClose ?? MegaMenuCONFIG.swipeToClose,
5842            headerSelector: config.headerSelector || MegaMenuCONFIG.headerSelector,
5843            megaMenuLinksSelector: `${config.headerSelector || MegaMenuCONFIG.headerSelector} .brx-has-megamenu`,
5844            offCanvasSelector: `${config.headerSelector || MegaMenuCONFIG.headerSelector} .dwc-nest-menu[data-offcanvas="true"]`,
5845            shiftFactor: config.shiftFactor ?? MegaMenuCONFIG.shiftFactor,
5846            minOverflow: config.minOverflow ?? MegaMenuCONFIG.minOverflow
5847        };
5848
5849        this.animationController = new MenuAnimationController(this.config);
5850        this.tooltipManager = new TooltipManager(this.config);
5851        this.swipeHandler = new SwipeGestureHandler(this.config);
5852        this.offcanvasHandler = new OffcanvasMenuHandler(this.config);
5853        this.centeredLogoController = new CenteredLogoController(this.config);
5854        this.mobileScrollReset = new MobileMenuScrollReset(this.config);
5855
5856        // Flag to track if updateDropdownPositions has been called via user interaction
5857        this.hasUpdatedDropdowns = false;
5858
5859        this.centeredLogoController.initializeEarly();
5860    }
5861
5862
5863    // New method to handle the DOMContentLoaded logic, replaces former menuSystem.initialize()
5864    setupMenu() {
5865        let overlay = document.querySelector('.dwc-nest-menu-overlay');
5866        if (!overlay) {
5867            overlay = document.createElement('nav-overlay');
5868            overlay.className = 'dwc-nest-menu-overlay';
5869            const overlayParent = document.querySelector('.dwc-nest-header__container');
5870            const header = document.querySelector('#brx-header');
5871            if (overlayParent && MegaMenuCONFIG.overlayInsideHeader) {
5872                overlayParent.parentNode.prepend(overlay, overlayParent);
5873            } else if (header) {
5874                header.parentNode.insertBefore(overlay, header);
5875            }
5876        }
5877
5878     
5879        this.offcanvasHandler.applyMobileStyles();
5880        this.animationController.updateHeaderHeight();
5881        this.animationController.initializeMaxDimensions();
5882        this.animationController.setMobileMenuTopHeight();
5883        this.animationController.updateMobileLogo();
5884        this.animationController.setCurrentPageDropdownActive();
5885        this.tooltipManager.setBackText();
5886        this.tooltipManager.setupTooltipObserver();
5887        this.animationController.closeNavOnClick();
5888        this.centeredLogoController.initialize();
5889        this.mobileScrollReset.initialize();
5890
5891
5892        if (this.animationController.isAboveMinWidth()) {
5893            this.setupDesktopBehavior();
5894        } else {
5895            this.swipeHandler.initialize();
5896        }
5897
5898        this.setupEventListeners();
5899
5900        if (!this.animationController.isAboveMinWidth()) {
5901            this.animationController.resetForMobile();
5902        }
5903
5904        setTimeout(() => {
5905            document.body.classList.add('show-nav');
5906            this.animationController.updateHeaderHeight();
5907        }, 0);
5908
5909        setTimeout(() => {
5910            document.body.classList.add('adaptive-height-active');
5911            if (this.animationController.isAboveMinWidth()) {
5912                this.animationController.updateDropdownPositions();
5913                this.animationController.setBoxedWidthVariable();
5914            }
5915        }, 500);
5916    }
5917
5918    // Original initialize method (unchanged) now calls the setupMenu()
5919    initialize() {
5920        updateMobileClass(this.config.minWidthThreshold);
5921        document.addEventListener('DOMContentLoaded', () => {
5922            this.setupMenu();
5923        });
5924        return this;
5925    }
5926
5927    // Updated reinitialize method - to call: mainMenu.reinitialize();
5928    reinitialize() {
5929        // Reset critical states
5930        this.centeredLogoController.isInitialized = false;
5931        this.animationController.maxMenuWidth = 0;
5932        this.animationController.maxMenuHeight = 0;
5933        this.tooltipManager.tooltipProcessed = false;
5934
5935        // Clear breakinto states ← ADD THIS
5936        const breakintoElements = document.querySelectorAll('[data-breakinto]');
5937        breakintoElements.forEach(element => {
5938            breakintoOriginalParents.delete(element);
5939            breakintoOriginalIndexes.delete(element);
5940            breakintoItemStates.delete(element);
5941            element.removeAttribute('data-breakinto-moved');
5942        });
5943
5944        // Clear existing timeouts
5945        if (this.animationController.headerTimeoutId) {
5946            clearTimeout(this.animationController.headerTimeoutId);
5947        }
5948        if (this.animationController.mobileMenuTimeoutId) {
5949            clearTimeout(this.animationController.mobileMenuTimeoutId);
5950        }
5951        if (this.centeredLogoController.resizedFinished) {
5952            clearTimeout(this.centeredLogoController.resizedFinished);
5953        }
5954
5955        // Remove added DOM elements and classes
5956        const overlay = document.querySelector('.dwc-nest-menu-overlay');
5957        if (overlay) overlay.remove();
5958        document.body.classList.remove('show-nav', 'adaptive-height-active', 'desktop-centered', 'dom-ready');
5959        this.tooltipManager.removeAllTooltips();
5960        const offcanvasStyles = document.querySelector('#dwc-offcanvas-styles');
5961        if (offcanvasStyles) offcanvasStyles.remove();
5962
5963        // Reset mobile logo
5964        const mobileLogo = document.querySelector('.dwc-nest-menu__mobile-logo');
5965        if (mobileLogo) {
5966            const currentMobileLogo = mobileLogo.querySelector('img, svg');
5967            if (currentMobileLogo) currentMobileLogo.remove();
5968        }
5969
5970        // Re-run setup
5971        updateMobileClass(this.config.minWidthThreshold);
5972        this.setupMenu();
5973        this.mobileScrollReset.reinitialize();
5974        // console.log('Mega Menu Pro reinitialized...')
5975    }
5976
5977
5978
5979    setupDesktopBehavior() {
5980        this.animationController.megaMenuLinks.forEach(link => {
5981            link.removeEventListener('mouseenter', this.handleMouseEnter);
5982            link.addEventListener('mouseenter', this.handleMouseEnter);
5983        });
5984    }
5985
5986    handleMouseEnter = (event) => {
5987        this.animationController.updateChevronPosition(event.target);
5988        // Call updateDropdownPositions on mouseenter if not already called via interaction
5989        if (this.animationController.isAboveMinWidth() && !this.hasUpdatedDropdowns) {
5990            this.animationController.updateDropdownPositions();
5991            this.animationController.updateMenuVariables();
5992            this.hasUpdatedDropdowns = true;
5993        }
5994    };
5995
5996    setupEventListeners() {
5997        let observer = new MutationObserver(mutations => {
5998            mutations.forEach(mutation => {
5999                if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
6000                    this.animationController.updateMenuVariables();
6001                }
6002            });
6003        });
6004
6005        this.animationController.megaMenuLinks.forEach(link =>
6006            observer.observe(link, { attributes: true })
6007        );
6008
6009        document.addEventListener('click', event => {
6010            let submenuToggle = event.target.closest('.brx-submenu-toggle, .dwc-tabbed-nav-list__li');
6011            if (submenuToggle) {
6012                setTimeout(() => {
6013                    let openButtons = document.querySelectorAll('.brxe-dropdown.open.active button, .dwc-tabbed-nav-list__li.active button');
6014                    let targetButton = Array.from(openButtons).find(button => {
6015                        let parentDropdown = button.closest('.brxe-dropdown.open.active, .dwc-tabbed-nav-list__li.active');
6016                        return parentDropdown &&
6017                            parentDropdown.tagName.toLowerCase() === 'li' &&
6018                            !parentDropdown.querySelector('.brxe-dropdown.open.active:not(:scope), .dwc-tabbed-nav-list__li.active:not(:scope)');
6019                    });
6020
6021                    if (targetButton) {
6022                        this.swipeHandler.setTargetButton(targetButton);
6023                        if (this.config.toolTip) {
6024                            this.tooltipManager.removeAllTooltips();
6025                            this.tooltipManager.addTooltip(targetButton);
6026                            this.tooltipManager.updateTooltipDataText(targetButton);
6027                        }
6028                    }
6029                }, 50);
6030            }
6031        });
6032
6033        window.addEventListener('resize', this.debounce(() => {
6034            updateMobileClass(this.config.minWidthThreshold);
6035            this.animationController.updateHeaderHeight();
6036            this.animationController.initializeMaxDimensions();
6037            this.animationController.setMobileMenuTopHeight();
6038            this.animationController.updateMobileLogo();
6039            this.animationController.closeNavOnClick();
6040
6041            if (this.animationController.isAboveMinWidth()) {
6042                this.animationController.updateMenuVariables();
6043                this.animationController.initDesktopNav();
6044                this.setupDesktopBehavior();
6045                // Reset flag on resize to desktop and call updateDropdownPositions       
6046                this.hasUpdatedDropdowns = false;
6047                this.animationController.updateDropdownPositions();
6048            } else {
6049                this.animationController.resetForMobile();
6050                this.swipeHandler.initialize();
6051                // Reset flag on resize to mobile               
6052                this.hasUpdatedDropdowns = false;
6053            }
6054        }, 300));
6055    }
6056
6057    debounce(func, delay) {
6058        let timeoutId;
6059        return function (...args) {
6060            clearTimeout(timeoutId);
6061            timeoutId = setTimeout(() => func.apply(this, args), delay);
6062        };
6063    }
6064}
6065
6066const mainMenu = new MenuSystem().initialize();
6067
6068
6069// RECALCULATE DROPDOWN POSITION ON LAYOUT SHIFTS
6070
6071const debouncedUpdate = mainMenu.debounce(() => {
6072    // console.log('updated')
6073    mainMenu.animationController.updateDropdownPositions();
6074    mainMenu.animationController.updateMenuVariables();
6075
6076    if (!mainMenu.animationController.menuOpened) {
6077        mainMenu.animationController.header.style.setProperty('--dropdown-menu-width', '100px');
6078        // console.log('less')
6079    }
6080
6081}, 300);
6082
6083
6084
6085if (window.visualViewport) {
6086    window.visualViewport.addEventListener('resize', debouncedUpdate);
6087}
6088
6089
6090
6091
6092/* BREAKOUT LINK & BREAKIN FUNCTIONALITY */
6093
6094// WeakMaps for breakinto feature state management
6095const breakintoOriginalParents = new WeakMap(); // Track original parents for breakinto items
6096const breakintoOriginalIndexes = new WeakMap(); // Track original child indexes for breakinto items  
6097const breakintoItemStates = new WeakMap(); // Track individual breakinto item states
6098
6099// Use WeakMap for better garbage collection
6100const originalParents = new WeakMap();
6101const itemStates = new WeakMap(); // Track individual item states
6102const breakinOriginalParents = new WeakMap(); // Track original parents for breakin items
6103const breakinOriginalIndexes = new WeakMap(); // Track original child indexes for breakin items
6104const breakinItemStates = new WeakMap(); // Track individual breakin item states
6105let isMobileView = null;
6106let resizeTimer;
6107let breakinContainer = null;
6108
6109function ensureBreakInContainer() {
6110    // Check if any breakin elements exist in the header first
6111    const hasBreakInElements = document.querySelector('#brx-header [data-breakin]');
6112    if (!hasBreakInElements) return null;
6113
6114    // Select nav wrapper based on config
6115    const navWrapperSelector = MegaMenuCONFIG.breakinToNavList
6116        ? '.dwc-nest-menu .brx-nav-nested-items'
6117        : '.dwc-nav-wrapper';
6118
6119    const navWrapper = document.querySelector(navWrapperSelector);
6120    if (!navWrapper) return null;
6121
6122    if (!breakinContainer) {
6123        breakinContainer = navWrapper.querySelector('.breakin-container');
6124        if (!breakinContainer) {
6125            // Create element based on config
6126            breakinContainer = MegaMenuCONFIG.breakinToNavList
6127                ? document.createElement('li')
6128                : document.createElement('div');
6129
6130            breakinContainer.className = 'breakin-container';
6131            
6132            // Prepend to nav list, append elsewhere
6133            if (MegaMenuCONFIG.breakinToNavList) {
6134                navWrapper.prepend(breakinContainer);
6135                breakinContainer.style.order = '100';
6136            } else {
6137                navWrapper.appendChild(breakinContainer);
6138            }
6139        }
6140    }
6141
6142    return breakinContainer;
6143}
6144
6145function handleBreakInItems() {
6146    const currentWidth = window.innerWidth;
6147    const container = ensureBreakInContainer();
6148    if (!container) return;
6149
6150    // Get all breakin items from both original locations and breakin container
6151    const breakinItemsInOriginal = document.querySelectorAll('#brx-header [data-breakin]:not(.breakin-container [data-breakin])');
6152    const breakinItemsInContainer = container.querySelectorAll('[data-breakin]');
6153
6154    // Combine both nodelets into a single array
6155    const breakinItems = [...breakinItemsInOriginal, ...breakinItemsInContainer];
6156
6157    breakinItems.forEach(item => {
6158        const breakpointAttr = item.getAttribute('data-breakin');
6159
6160        // Set default breakpoint if not defined or invalid
6161        let breakpoint;
6162        if (!breakpointAttr || breakpointAttr.trim() === '') {
6163            breakpoint = MegaMenuCONFIG.minWidth - 1;
6164        } else {
6165            breakpoint = parseInt(breakpointAttr, 10);
6166            if (isNaN(breakpoint)) {
6167                breakpoint = MegaMenuCONFIG.minWidth - 1;
6168            }
6169        }
6170
6171        // Continue with your logic using the breakpoint value...
6172
6173        // Determine if item should be in mobile state (moved into container)
6174        const shouldBeInContainer = currentWidth <= breakpoint;
6175
6176        // Get current state of this breakin item
6177        const currentItemState = breakinItemStates.get(item);
6178
6179        // Only process if this item's state changed
6180        if (currentItemState !== shouldBeInContainer) {
6181            breakinItemStates.set(item, shouldBeInContainer);
6182
6183            if (shouldBeInContainer) {
6184                // Move to breakin container
6185
6186                // Store original parent and index if not already stored
6187                if (!breakinOriginalParents.has(item)) {
6188                    const originalParent = item.parentElement;
6189                    const originalIndex = Array.from(originalParent.children).indexOf(item);
6190                    breakinOriginalParents.set(item, originalParent);
6191                    breakinOriginalIndexes.set(item, originalIndex);
6192                }
6193
6194                // Move item to breakin container
6195                container.appendChild(item);
6196
6197            } else {
6198                // Move back to original parent at original position
6199                const originalParent = breakinOriginalParents.get(item);
6200                const originalIndex = breakinOriginalIndexes.get(item);
6201
6202                if (originalParent && originalIndex !== undefined) {
6203                    const children = originalParent.children;
6204
6205                    if (originalIndex >= children.length) {
6206                        // Insert at the end if original index is beyond current children
6207                        originalParent.appendChild(item);
6208                    } else {
6209                        // Insert at the original position
6210                        originalParent.insertBefore(item, children[originalIndex]);
6211                    }
6212                }
6213            }
6214        }
6215    });
6216}
6217
6218function handleBreakIntoItems() {
6219    const currentWidth = window.innerWidth;
6220
6221    // Get all breakinto items from both original locations and target containers
6222    const breakintoItemsInOriginal = document.querySelectorAll('[data-breakinto]:not([data-breakinto=""])');
6223    const breakintoItemsInContainers = document.querySelectorAll('[data-breakinto-moved="true"]');
6224
6225    // Combine both nodelets into a single array
6226    const breakintoItems = [...breakintoItemsInOriginal, ...breakintoItemsInContainers];
6227
6228    breakintoItems.forEach(item => {
6229        const breakintoAttr = item.getAttribute('data-breakinto');
6230
6231        // Skip if no breakinto attribute or empty value
6232        if (!breakintoAttr || breakintoAttr.trim() === '') {
6233            return;
6234        }
6235
6236        // Parse the attribute value for container selector and optional breakpoint
6237        let containerSelector, customBreakpoint;
6238
6239        if (breakintoAttr.includes('|')) {
6240            // Format: '.class | 767' or '#id | 1024'
6241            const parts = breakintoAttr.split('|').map(part => part.trim());
6242            containerSelector = parts[0];
6243            customBreakpoint = parseInt(parts[1], 10);
6244
6245            // Validate custom breakpoint
6246            if (isNaN(customBreakpoint)) {
6247                console.warn(`Invalid breakpoint in data-breakinto="${breakintoAttr}". Using global breakpoint.`);
6248                customBreakpoint = null;
6249            }
6250        } else {
6251            // Format: '.class' or '#id'
6252            containerSelector = breakintoAttr.trim();
6253            customBreakpoint = null;
6254        }
6255
6256        // Find the target container
6257        let targetContainer;
6258        try {
6259            targetContainer = document.querySelector(containerSelector);
6260        } catch (error) {
6261            console.error(`Invalid selector in data-breakinto="${breakintoAttr}":`, error);
6262            return;
6263        }
6264
6265        if (!targetContainer) {
6266            console.warn(`Target container "${containerSelector}" not found for data-breakinto element.`);
6267            return;
6268        }
6269
6270        // Determine breakpoint to use (custom or global)
6271        const breakpoint = customBreakpoint !== null ? customBreakpoint : MegaMenuCONFIG.minWidth;
6272
6273        // Determine if item should be in target container (moved state)
6274        const shouldBeInContainer = currentWidth <= breakpoint;
6275
6276        // Get current state of this breakinto item
6277        const currentItemState = breakintoItemStates.get(item);
6278
6279        // Only process if this item's state changed
6280        if (currentItemState !== shouldBeInContainer) {
6281            breakintoItemStates.set(item, shouldBeInContainer);
6282
6283            if (shouldBeInContainer) {
6284                // Move to target container
6285
6286                // Store original parent and index if not already stored
6287                if (!breakintoOriginalParents.has(item)) {
6288                    const originalParent = item.parentElement;
6289                    const originalIndex = Array.from(originalParent.children).indexOf(item);
6290                    breakintoOriginalParents.set(item, originalParent);
6291                    breakintoOriginalIndexes.set(item, originalIndex);
6292                }
6293
6294                // Mark item as moved and move to target container
6295                item.setAttribute('data-breakinto-moved', 'true');
6296                targetContainer.appendChild(item);
6297
6298            } else {
6299                // Move back to original parent at original position
6300                const originalParent = breakintoOriginalParents.get(item);
6301                const originalIndex = breakintoOriginalIndexes.get(item);
6302
6303                if (originalParent && originalIndex !== undefined) {
6304                    const children = originalParent.children;
6305
6306                    // Remove the moved marker
6307                    item.removeAttribute('data-breakinto-moved');
6308
6309                    if (originalIndex >= children.length) {
6310                        // Insert at the end if original index is beyond current children
6311                        originalParent.appendChild(item);
6312                    } else {
6313                        // Insert at the original position
6314                        originalParent.insertBefore(item, children[originalIndex]);
6315                    }
6316                }
6317            }
6318        }
6319    });
6320}
6321
6322function handleResponsiveMenu() {
6323    const currentIsMobile = window.innerWidth < MegaMenuCONFIG.minWidth;
6324    const currentWidth = window.innerWidth;
6325
6326    const nestMenu = document.querySelector('.dwc-nest-menu');
6327    if (!nestMenu) return;
6328
6329    // Get all target items from both original locations and nest menu
6330    const targetItemsInOriginal = document.querySelectorAll('.brx-nav-nested-items > .menu-item > [data-breakout-link]');
6331    const targetItemsInNest = nestMenu.querySelectorAll('[data-breakout-link]');
6332
6333    // Combine both nodelets into a single array
6334    const targetItems = [...targetItemsInOriginal, ...targetItemsInNest];
6335    let hasStateChange = false;
6336
6337    targetItems.forEach(item => {
6338
6339        if (item.closest('.dwc-header-logo-item')) return; // don't interfere with centerd logo item
6340
6341        const parent = item.parentElement;
6342        const breakpointAttr = item.getAttribute('data-breakout-link');
6343
6344        // Determine if item should be in mobile state
6345        let shouldBeMobile;
6346
6347        if (!breakpointAttr || breakpointAttr.trim() === '') {
6348            // No custom breakpoint - use global mobile view logic
6349            shouldBeMobile = currentIsMobile;
6350        } else {
6351            // Custom breakpoint - check if within range
6352            const customBreakpoint = parseInt(breakpointAttr, 10);
6353            if (isNaN(customBreakpoint)) {
6354                // Invalid breakpoint value - fallback to global logic
6355                shouldBeMobile = currentIsMobile;
6356            } else {
6357                // Within custom range: between customBreakpoint and MegaMenuCONFIG.minWidth (exclusive)
6358                shouldBeMobile = currentWidth >= customBreakpoint && currentWidth < MegaMenuCONFIG.minWidth;
6359            }
6360        }
6361
6362        // Get current state of this item
6363        const currentItemState = itemStates.get(item);
6364
6365        // Only process if this item's state changed
6366        if (currentItemState !== shouldBeMobile) {
6367            hasStateChange = true;
6368            itemStates.set(item, shouldBeMobile);
6369
6370            if (shouldBeMobile) {
6371                // Move to mobile state
6372                parent.classList.add('has-breakout-link');
6373
6374                // Store original parent if not already stored
6375                if (!originalParents.has(item)) {
6376                    originalParents.set(item, parent);
6377                }
6378
6379                // Move item to nest menu
6380                nestMenu.insertBefore(item, nestMenu.firstChild);
6381
6382                // Hide the original parent
6383                parent.style.display = 'none';
6384            } else {
6385                // Move to desktop state - restore to original parent
6386                const originalParent = originalParents.get(item);
6387                if (originalParent) {
6388                    originalParent.appendChild(item);
6389                    originalParent.style.display = '';
6390                    originalParent.classList.remove('has-breakout-link');
6391                }
6392            }
6393        }
6394    });
6395
6396    // Update global mobile view state only if there was a global state change
6397    if (isMobileView !== currentIsMobile) {
6398        isMobileView = currentIsMobile;
6399    }
6400
6401    // Optional: You can add logic here if you need to do something when any state changes
6402    if (hasStateChange) {
6403        // Any additional logic when items change state
6404    }
6405}
6406
6407function handleAllResponsiveElements() {
6408    handleResponsiveMenu(); // Handle breakout functionality
6409    handleBreakInItems();   // Handle breakin functionality
6410    handleBreakIntoItems(); // Handle breakinto functionality ← ADD THIS LINE
6411}
6412
6413// Run on page load
6414handleAllResponsiveElements();
6415
6416// Debounce resize events
6417window.addEventListener('resize', () => {
6418    clearTimeout(resizeTimer);
6419    resizeTimer = setTimeout(handleAllResponsiveElements, 150);
6420});
6421
6422// Optional: Add for better initial load behavior
6423document.addEventListener('DOMContentLoaded', handleAllResponsiveElements);
6424
6425
6426// REINITIALIZE ON URL CHANGE
6427// REINITIALIZE ON URL CHANGE
6428if (MegaMenuCONFIG.reinitializeOnURLchange) {
6429    // console.log('🚀 MegaMenu: URL change reinitialization active');
6430    
6431    let lastPath = normalizePathForComparison(window.location.pathname);
6432    let reinitTimer = null;
6433    let lastReinit = 0;
6434    const REINIT_COOLDOWN = 1000;
6435    let isInitialized = false;
6436    let detectionMethod = null;
6437    let forceReinitFromSwup = false;
6438    
6439    function normalizePathForComparison(path) {
6440        return path.replace(/\/$/, '') || '/';
6441    }
6442    
6443    function setAriaCurrentPage() {
6444        // console.log('📍 Setting aria-current="page" for current URL');
6445        
6446        // First, clear any existing aria-current attributes in the menu
6447        document.querySelectorAll('.dwc-nest-menu [aria-current="page"]').forEach(element => {
6448            element.removeAttribute('aria-current');
6449        });
6450        
6451        const currentPath = window.location.pathname;
6452        const navLinks = document.querySelectorAll('.dwc-nest-menu a[href]');
6453        let foundMatch = false;
6454        
6455        navLinks.forEach(link => {
6456            const href = link.getAttribute('href');
6457            if (!href) return;
6458            
6459            try {
6460                // Handle relative URLs
6461                let linkPath = href;
6462                if (!href.startsWith('http')) {
6463                    // Create absolute URL from relative path
6464                    const url = new URL(href, window.location.origin);
6465                    linkPath = url.pathname;
6466                } else {
6467                    // For absolute URLs, extract just the path
6468                    const url = new URL(href);
6469                    linkPath = url.pathname;
6470                }
6471                
6472                // Normalize paths for comparison
6473                const normalizedLinkPath = normalizePathForComparison(linkPath);
6474                const normalizedCurrentPath = normalizePathForComparison(currentPath);
6475                
6476                // Check for match
6477                if (normalizedLinkPath === normalizedCurrentPath) {
6478                    link.setAttribute('aria-current', 'page');
6479                    // console.log(`✅ Set aria-current="page" on:`, link);
6480                    foundMatch = true;
6481                }
6482            } catch (e) {
6483                // Fallback: simple string comparison
6484                const normalizedHref = normalizePathForComparison(href);
6485                const normalizedCurrent = normalizePathForComparison(currentPath);
6486                
6487                if (normalizedHref === normalizedCurrent || 
6488                    (normalizedCurrent === '/' && normalizedHref === '') ||
6489                    normalizedHref.endsWith(normalizedCurrent)) {
6490                    link.setAttribute('aria-current', 'page');
6491                    // console.log(`✅ Set aria-current="page" on (fallback):`, link);
6492                    foundMatch = true;
6493                }
6494            }
6495        });
6496        
6497        if (!foundMatch) {
6498            // console.log('⚠️ No matching link found for current page:', currentPath);
6499        }
6500    }
6501    
6502    function performReinit() {
6503        const menuElement = document.querySelector(MegaMenuCONFIG.nestMenuSelector);
6504        if (!menuElement) {
6505            console.warn('⚠️ MegaMenu: Menu element not found after navigation. Skipping reinit.');
6506            return;
6507        }
6508        
6509        try {
6510            // console.log('🔄 MegaMenu: Performing reinitialization...');
6511            
6512            // First, set aria-current="page" on the current page link
6513            setAriaCurrentPage();
6514            
6515            // Then reinitialize the menu
6516            mainMenu.reinitialize();
6517            
6518            // console.log('✅ MegaMenu reinitialized via', detectionMethod);
6519            lastReinit = Date.now();
6520            forceReinitFromSwup = false;
6521        } catch (error) {
6522            console.error('❌ MegaMenu reinit failed:', error);
6523            forceReinitFromSwup = false;
6524        }
6525    }
6526    
6527    function shouldReinitialize(force = false) {
6528        const now = Date.now();
6529        
6530        // Cooldown check
6531        if (now - lastReinit < REINIT_COOLDOWN) {
6532            // console.log('⏱️ MegaMenu: Reinit cooldown active');
6533            return false;
6534        }
6535        
6536        // If forced by Swup, skip path comparison
6537        if (force || forceReinitFromSwup) {
6538            // console.log('🎯 MegaMenu: Forced reinit requested (Swup event)');
6539            forceReinitFromSwup = false;
6540            return true;
6541        }
6542        
6543        const newPath = normalizePathForComparison(window.location.pathname);
6544        
6545        // Path comparison
6546        if (newPath === lastPath) {
6547            // console.log('⏭️ MegaMenu: Path unchanged, skipping');
6548            return false;
6549        }
6550        
6551        // console.log('🔄 MegaMenu: Path changed:', lastPath, '->', newPath);
6552        lastPath = newPath;
6553        return true;
6554    }
6555    
6556    // ============================================================================
6557    // SWUP INTEGRATION - PRIMARY METHOD
6558    // ============================================================================
6559    
6560    function setupSwupIntegration() {
6561        // console.log('🎯 MegaMenu: Setting up Swup integration');
6562        
6563        // Method 1: Direct Swup instance hooks (if available)
6564        if (window.swup) {
6565            // console.log('✅ MegaMenu: Found Swup instance, using direct hooks');
6566            
6567            // Hook into Swup's events
6568            swup.hooks.on('content:replace', () => {
6569                // console.log('📍 MegaMenu: Swup content replaced');
6570                forceReinitFromSwup = true;
6571                handleSwupNavigation();
6572            });
6573            
6574            swup.hooks.on('page:view', () => {
6575                // console.log('📍 MegaMenu: Swup page viewed');
6576                forceReinitFromSwup = true;
6577                handleSwupNavigation();
6578            });
6579            
6580            detectionMethod = 'Swup instance hooks';
6581            return true;
6582        }
6583        
6584        // Method 2: Swup custom events (works without instance access)
6585        const swupEvents = [
6586            'swup:content:replace',
6587            'swup:page:view',
6588            'swup:visit:end'
6589        ];
6590        
6591        let hasSwupEvents = false;
6592        
6593        swupEvents.forEach(eventName => {
6594            document.addEventListener(eventName, (event) => {
6595                // console.log(`📡 MegaMenu: Swup event fired: ${eventName}`);
6596                forceReinitFromSwup = true;
6597                handleSwupNavigation();
6598            }, { once: false });
6599            hasSwupEvents = true;
6600        });
6601        
6602        if (hasSwupEvents) {
6603            detectionMethod = 'Swup events';
6604            // console.log('✅ MegaMenu: Swup event listeners attached');
6605            return true;
6606        }
6607        
6608        return false;
6609    }
6610    
6611    function handleSwupNavigation() {
6612        // Clear any existing timer
6613        clearTimeout(reinitTimer);
6614        
6615        // Wait a bit to ensure DOM is fully updated
6616        reinitTimer = setTimeout(() => {
6617            // Pass true to force reinit for Swup events
6618            if (shouldReinitialize(true)) {
6619                performReinit();
6620            }
6621        }, 300);
6622    }
6623    
6624    // ============================================================================
6625    // FALLBACK: HISTORY API (For non-Swup navigations)
6626    // ============================================================================
6627    
6628    function setupHistoryAPIFallback() {
6629        // console.log('🔧 MegaMenu: Setting up History API fallback');
6630        
6631        function handleHistoryNavigation() {
6632            // Clear any existing timer
6633            clearTimeout(reinitTimer);
6634            
6635            // Wait longer for History API (might be a full page load)
6636            reinitTimer = setTimeout(() => {
6637                // Don't force for History API, only check path changes
6638                if (shouldReinitialize()) {
6639                    // console.log('📍 MegaMenu: History API navigation detected');
6640                    performReinit();
6641                }
6642            }, 1000);
6643        }
6644        
6645        // Override history methods
6646        const originalPushState = history.pushState;
6647        const originalReplaceState = history.replaceState;
6648        
6649        history.pushState = function() {
6650            const result = originalPushState.apply(history, arguments);
6651            // console.log('📍 MegaMenu: pushState called');
6652            handleHistoryNavigation();
6653            return result;
6654        };
6655        
6656        history.replaceState = function() {
6657            const result = originalReplaceState.apply(history, arguments);
6658            // console.log('📍 MegaMenu: replaceState called');
6659            handleHistoryNavigation();
6660            return result;
6661        };
6662        
6663        // Listen for back/forward navigation
6664        window.addEventListener('popstate', () => {
6665            // console.log('📍 MegaMenu: popstate event');
6666            handleHistoryNavigation();
6667        });
6668        
6669        return true;
6670    }
6671    
6672    // ============================================================================
6673    // WATCH FOR SWUP LOAD (For late loading)
6674    // ============================================================================
6675    
6676    function watchForSwupLoad(timeout = 5000) {
6677        // console.log('👀 MegaMenu: Watching for Swup to load...');
6678        
6679        // If Swup is already loaded, set it up immediately
6680        if (window.swup || typeof window.Swup === 'function') {
6681            // console.log('✅ MegaMenu: Swup already loaded');
6682            setupSwupIntegration();
6683            return;
6684        }
6685        
6686        const startTime = Date.now();
6687        let checkCount = 0;
6688        
6689        const checkInterval = setInterval(() => {
6690            checkCount++;
6691            
6692            // Check for Swup
6693            if (window.swup || typeof window.Swup === 'function') {
6694                clearInterval(checkInterval);
6695                // console.log(`✅ MegaMenu: Swup detected after ${checkCount} checks (${Date.now() - startTime}ms)`);
6696                setupSwupIntegration();
6697                return;
6698            }
6699            
6700            // Timeout check
6701            if (Date.now() - startTime > timeout) {
6702                clearInterval(checkInterval);
6703                // console.log(`⏰ MegaMenu: Swup watch timeout after ${timeout}ms`);
6704                if (!detectionMethod) {
6705                    detectionMethod = 'History API fallback';
6706                    // console.log('⚠️ MegaMenu: Swup not found, using History API only');
6707                }
6708            }
6709        }, 100);
6710    }
6711    
6712    // ============================================================================
6713    // INITIALIZATION
6714    // ============================================================================
6715    
6716    function initialize() {
6717        if (isInitialized) {
6718            // console.log('⚠️ MegaMenu: Already initialized');
6719            return;
6720        }
6721        
6722        // console.log('🚀 MegaMenu: Initializing reinit detection...');
6723        
6724        // Try to set up Swup integration first
6725        if (setupSwupIntegration()) {
6726            // console.log(`✅ MegaMenu: Using ${detectionMethod} for reinit detection`);
6727            isInitialized = true;
6728            return;
6729        }
6730        
6731        // Swup not loaded yet, set up fallback and watch for Swup
6732        setupHistoryAPIFallback();
6733        watchForSwupLoad();
6734        
6735        isInitialized = true;
6736        // console.log('✅ MegaMenu: Reinit detection initialized');
6737    }
6738    
6739    // Run initialization
6740    initialize();
6741    
6742    // ============================================================================
6743    // DIAGNOSTIC INFO
6744    // ============================================================================
6745    // console.log('%c📊 MegaMenu Reinit Diagnostic', 'color: #2196F3; font-weight: bold');
6746    // console.log('Initial path:', lastPath);
6747    // console.log('Detection method:', detectionMethod || 'Waiting for Swup...');
6748    // console.log('Reinit cooldown:', REINIT_COOLDOWN + 'ms');
6749    // console.log('Swup forced reinit:', 'Enabled');
6750    // console.log('Aria-current setting:', 'Enabled in reinit only');
6751}
6752
6753console.log('%c<Mega Menu Pro v1.4.4>', 'color: #b388eb');</script>
6753<style>/*prevent FOUC on mobile when using sidebar */
6754.dwc-mobile :is(.bricks-is-frontend.brx-header-left, .bricks-is-frontend.brx-header-right) #brx-header {
6755  position: relative;
6756  inline-size: 100%;
6757  flex-direction: column;
6758}
6759
6760.dwc-mobile .bricks-is-frontend:is(.brx-header-left, .brx-header-right) :is(#brx-content, #brx-footer) {
6761  margin-inline-start: 0;
6762}
6763
6764/*prevent FOUC on desktop when using sidebar */
6765.bricks-is-frontend:is(.brx-header-left, .brx-header-right):not(.show-nav) .dwc-nav-wrapper {
6766  display: none;
6767}
6768
6769/*=== sidebar css ===*/
6770html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header {
6771  flex-direction: column;
6772  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7);  
6773}
6774
6775html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]).no-scroll {
6776  overflow: visible;
6777}
6778
6779html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header .dwc-nest-menu.brxe-nav-nested .brx-nav-nested-items {
6780  max-block-size: 100dvb;
6781  padding-block-end: 12rem;
6782  overscroll-behavior: contain;
6783}
6784
6785html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header .dwc-nav-wrapper {
6786  position: relative;
6787  overflow: hidden;
6788  block-size: 100%;
6789  transform: translateX(0%);
6790  visibility: visible;
6791}
6792
6793html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) .dwc-nest-menu .brxe-toggle {
6794  display: none !important;
6795}
6796
6797html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header .dwc-nest-menu {
6798  display: flex;
6799  flex-direction: column;
6800}
6801
6802html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header .dwc-nest-header > div {
6803  display: flex;
6804  grid-template-columns: 1fr;
6805  block-size: 100%;
6806  flex-direction: column;
6807  justify-content: flex-start;
6808}
6809
6810html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header .dwc-menu-wrap {
6811  inline-size: 100%;
6812  display: grid;
6813  grid-template-columns: 1fr;
6814  block-size: 100%;
6815}
6816
6817html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header :is(.brxe-code, .dwc-nest-menu-overlay) {
6818  display: none;
6819}
6820
6821html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header .dwc-nest-header {
6822  inline-size: 100%;
6823  padding-inline: 0;
6824}
6825
6826html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header .dwc-nest-menu-top {
6827  min-block-size: var(--top-offset);
6828}
6829
6830html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header .dwc-nest-menu:not( [data-hide-close-bar = 'true']) .brx-dropdown-content {
6831  inset-block-start: calc(var(--top-offset) + 1px) !important;
6832
6833}
6834
6835html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header .dwc-nest-menu:not( [data-submenu-reveal = 'slide']) .brx-dropdown-content:not([data-submenu-reveal = 'slide'] *) {  
6836  inset-inline-start: 0;
6837  inset-block-start: unset !important;
6838  overflow: hidden;
6839}
6840
6841html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header .dwc-nest-menu:not([data-submenu-reveal = 'slide']) .brxe-dropdown:not(.open.active) > .brx-dropdown-content > .brxe-dropdown:not([data-submenu-reveal = 'slide'] *){
6842  visibility: hidden;  
6843}
6844
6845html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header .dwc-nest-menu.brxe-nav-nested.brx-open .brxe-dropdown > .brx-dropdown-content {
6846  overscroll-behavior: contain;
6847  min-inline-size: var(--mobile-menu-width);
6848
6849}
6850
6851html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header .dwc-nest-menu .brxe-dropdown.open > .brx-submenu-toggle button:not([data-submenu-reveal = 'expand'] button)  {
6852  min-block-size: calc(var(--top-offset) - 1px);
6853  inset-block-start: 0;
6854}
6855
6856html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header .dwc-nest-menu .brxe-dropdown.open[data-submenu-reveal = 'slide'] > .brx-submenu-toggle button  {
6857  min-block-size: calc(var(--top-offset) - 1px);
6858  inset-block-start: 0;
6859}
6860
6861html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header .dwc-nest-menu .brxe-dropdown .brx-submenu-toggle button {
6862  min-block-size: 0;    
6863}
6864
6865/* sidebar css ends*/
6866
6867
6868
6869/*sidebar in builder*/
6870/*=== sidebar css ===*/
6871:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header {
6872  flex-direction: column;
6873  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7);
6874  --top-offset: 40px;
6875}
6876
6877:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header .dwc-nest-menu.brxe-nav-nested .brx-nav-nested-items {
6878  max-block-size: 100dvb;
6879  padding-block-end: 12rem;
6880  overscroll-behavior: contain;
6881}
6882
6883:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header .dwc-nav-wrapper {
6884  position: relative;
6885  overflow: hidden;
6886  block-size: 100%;
6887  transform: translateX(0%);
6888  visibility: visible;
6889}
6890
6891body:is(.brx-header-left, .brx-header-right)[data-builder-window] .dwc-nest-menu .brxe-toggle {
6892  display: none !important;
6893}
6894
6895:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header .dwc-nest-menu {
6896  display: flex;
6897  flex-direction: column;
6898}
6899
6900:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header .dwc-nest-header > div {
6901  display: flex;
6902  grid-template-columns: 1fr;
6903  block-size: 100%;
6904  flex-direction: column;
6905  justify-content: flex-start;
6906}
6907
6908:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header .dwc-menu-wrap {
6909  inline-size: 100%;
6910  display: grid;
6911  grid-template-columns: 1fr;
6912  block-size: 100%;
6913}
6914
6915:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header .dwc-nest-header {
6916  inline-size: 100%;
6917  padding-inline: 0;
6918}
6919
6920:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header .dwc-nest-menu-top {
6921  min-block-size: var(--top-offset);
6922}
6923
6924:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header .dwc-nest-menu .brx-dropdown-content {
6925  inset-block-start: calc(var(--top-offset) - 1px) !important;
6926}
6927
6928:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header .dwc-nest-menu.brxe-nav-nested.brx-open .brxe-dropdown > .brx-dropdown-content {
6929  overscroll-behavior: contain;  
6930}
6931
6932:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header .dwc-nest-menu .brxe-dropdown.open > .brx-submenu-toggle button {
6933  min-block-size: calc(var(--top-offset) - 1px);
6934  inset-block-start: 0;
6935}
6936
6937:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header .dwc-nest-menu .brxe-dropdown .brx-submenu-toggle button {
6938  min-block-size: 0;    
6939}
6940
6941:is(.brx-header-left, .brx-header-right)[data-builder-window] .dwc-nest-menu {
6942  margin: 0 !important;
6943}
6944
6945:is(.brx-header-left, .brx-header-right)[data-builder-window] .brx-nav-nested-items {  
6946  flex-direction: column !important;  
6947}
6948   
6949:is(.brx-header-left, .brx-header-right)[data-builder-window] .dwc-nest-toggle--open.brxe-toggle {
6950  display: flex !important;
6951}
6952 
6953:is(.brx-header-left, .brx-header-right)[data-builder-window] .dwc-nest-menu .brx-nav-nested-items {
6954  position: relative !Important;
6955  background: var(--mobile-menu-bg) !important;
6956  align-items: stretch;
6957  flex: 1;
6958}
6959
6960:where(.brx-header-left, .brx-header-right)[data-builder-mode]:not(:has(.dwc-sidebar)) .dwc-nest-menu-top::before {
6961    content: 'this space is the back text bar';
6962    padding: 1rem;
6963    background-color: gray;
6964    color: white;
6965    width: 100%;
6966    text-transform: uppercase;
6967    font-size: 12px;
6968    font-weight: bold;
6969    letter-spacing: 1px;
6970}
6971 
6972/* MENU CTA (LAST BUTTON) */
6973:is(.brx-header-left, .brx-header-right)[data-builder-window] [data-last-item-is-button="true"].dwc-nest-menu .brx-nav-nested-items > .menu-item:last-of-type {
6974  padding-inline: var(--menu-item-inline-padding) !important;
6975  padding-block: var(--menu-item-block-padding) !important;
6976}
6977 
6978:is(.brx-header-left, .brx-header-right)[data-builder-window] .dwc-nest-menu-top {
6979  min-block-size: 80px !important;
6980}
6981 
6982:is(.brx-header-left, .brx-header-right)[data-builder-window] .dwc-nest-nav-items {
6983  overflow-y: scroll;
6984}
6985
6986:is(.brx-header-left, .brx-header-right)[data-builder-mode] .brx-dropdown-content {
6987  min-inline-size: var(--mobile-menu-width);
6988  position: static;
6989}
6990
6991:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header .dwc-nest-menu.brxe-nav-nested .brx-nav-nested-items {
6992  flex-wrap: nowrap;
6993}
6994:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header .dwc-nest-menu .brx-dropdown-content {   
6995  visibility: visible !important;
6996  opacity: 1;
6997}
6998
6999/*OVERLAY SIDEBAR*/
7000
7001
7002html:not(.dwc-mobile):has([data-overlay-sidebar=true])  {
7003 --mobile-menu-bg: rgb(255 255 255 / 0%);
7004  --menu-item-border: solid 1px rgb(255 255 255 / 50%);
7005 
7006}
7007
7008html:not(.dwc-mobile):has([data-overlay-sidebar=true]) :is(.brx-header-left, .brx-header-right):not([data-builder-modee]) :is(main, footer){
7009  margin: 0 !important
7010}
7011
7012html:not(.dwc-mobile):has([data-overlay-sidebar=true]) :is(.brx-header-left, .brx-header-right):not([data-builder-modee]) :is(main, footer) :where(section):not(section>section) {
7013  padding-inline-start: calc(var(--mobile-menu-width) + clamp(1.5rem, calc(0.625vw + 1.375rem), 1.875rem));
7014  max-inline-size: 100%
7015}
7016
7017html:not(.dwc-mobile):has([data-overlay-sidebar=true]) :is(.brx-header-left, .brx-header-right):not([data-builder-modee]) #brx-header {
7018  border-radius: var(--overlay-sidebar-radius);
7019  overflow: hidden;
7020  background: var(--overlay-sidebar-bg);
7021  box-shadow: var(--overlay-sidebar-shadow) !important;
7022  inset: var(--overlay-sidebar-inset);
7023}
7024
7025html:not(.dwc-mobile):has([data-overlay-sidebar=true]) :is(.brx-header-left, .brx-header-right):not([data-builder-modee]) .dwc-nest-header{
7026  backdrop-filter: blur(13px);
7027  background: transparent !important;
7028}
7029
7030html:not(.dwc-mobile):has([data-overlay-sidebar=true]):not([data-builder-modee])  .brx-dropdown-content {
7031   background-color: rgb(255 255 255 / 100%);
7032}
7033
7034/*NO BRX-OPEN STYLES*/
7035html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header .dwc-nest-menu.brxe-nav-nested .brx-nav-nested-items {
7036  display: flex;
7037  flex-wrap: nowrap;
7038  flex-direction: column !important;
7039}
7040
7041
7042  html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) .dwc-nest-menu.brxe-nav-nested .brxe-dropdown .brx-dropdown-content {
7043      visibility: visible;
7044      min-inline-size: var(--mobile-menu-width) !important;
7045  }
7046
7047
7048  html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) .dwc-nest-menu[data-submenu-reveal="expand"] .brxe-dropdown.open>.brx-dropdown-content {
7049   position: static;
7050}
7051
7052
7053</style>
7053<script>class SidebarNavigation {
7054  constructor(options = {}) {
7055    // Basic configuration properties
7056    this.config = {
7057      minWidth: options.minWidth || MegaMenuCONFIG.minWidth, // Using external minWidth variable
7058      menuSelector: options.menuSelector || '.dwc-nest-menu',
7059      openClass: options.openClass || 'brx-open',
7060      activeClasses: options.activeClasses || ['open', 'active'],
7061      leftHeaderClass: options.leftHeaderClass || 'brx-header-left',
7062      rightHeaderClass: options.rightHeaderClass || 'brx-header-right',
7063      debounceDelay: options.debounceDelay || 100,
7064      menuItemClickDelay: options.menuItemClickDelay || 300
7065    };
7066    
7067    // Set dependent selectors
7068    const menuSelector = this.config.menuSelector;
7069    this.config.submenuToggleSelector = options.submenuToggleSelector || `${menuSelector} .brx-submenu-toggle`;
7070    this.config.dropdownSelector = options.dropdownSelector || `${menuSelector} .brxe-dropdown`;
7071    this.config.dropdownContentSelector = options.dropdownContentSelector || `${menuSelector} .brx-dropdown-content`;
7072    
7073    // State
7074    this.previousHeaderClass = null;
7075    this.dropdownClickHandlers = new Map();
7076    this.menuHoverHandlers = null;
7077    this.menuItemClickTimeout = null;
7078    this.keyboardNavHandler = null;
7079    this.cachedFocusableElements = null;
7080    this.cachedElements = {
7081      menuElement: null,
7082      navElement: null,
7083      dropdowns: null,
7084      dropdownToggles: null,
7085      menuItems: null
7086    };
7087    
7088    // Bind methods to this instance
7089    this.handleResize = this.debounce(this.handleMenu.bind(this), this.config.debounceDelay);
7090    this.handleOutsideClick = this.handleOutsideClick.bind(this);
7091  }
7092  
7093  // Initialize everything - called once
7094  init() {
7095    // Wait for DOM to be fully loaded before attaching events
7096    if (document.readyState === 'loading') {
7097      document.addEventListener('DOMContentLoaded', () => {
7098        this.initAfterDOMLoaded();
7099      }, { once: true });
7100    } else {
7101      this.initAfterDOMLoaded();
7102    }
7103    
7104    return this;
7105  }
7106  
7107  // Separate initialization method to run after DOM is loaded
7108  initAfterDOMLoaded() {
7109    // Cache DOM elements once
7110    this.cacheElements();
7111    
7112    // Setup resize event with passive flag
7113    window.addEventListener('resize', this.handleResize, { passive: true });
7114    
7115    // Setup mutation observer for critical class changes only
7116    this.setupMutationObserver();
7117    
7118    // Initial setup based on current screen size
7119    this.handleMenu();
7120    
7121    // Cache focusable elements once if header class is present
7122    if (this.hasHeaderClass()) {
7123      this.cacheFocusableElements();
7124      this.setupMenuFocusNavigation();
7125    }
7126  }
7127  
7128  // Cache all required DOM elements upfront
7129  cacheElements() {
7130    this.cachedElements.menuElement = document.querySelector(this.config.menuSelector);
7131    
7132    if (this.cachedElements.menuElement) {
7133      this.cachedElements.navElement = this.cachedElements.menuElement.querySelector('.dwc-nest-nav-items');
7134      this.cachedElements.dropdowns = Array.from(document.querySelectorAll(this.config.dropdownSelector));
7135      this.cachedElements.dropdownToggles = Array.from(document.querySelectorAll(this.config.submenuToggleSelector));
7136      this.cachedElements.menuItems = Array.from(document.querySelectorAll(`${this.config.menuSelector} .menu-item`));
7137    }
7138  }
7139  
7140  // Set up a focused mutation observer only for dropdown state changes
7141  setupMutationObserver() {
7142    if (!this.cachedElements.dropdowns || this.cachedElements.dropdowns.length === 0) return;
7143    
7144    const callback = (mutations) => {
7145      for (let mutation of mutations) {
7146        if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
7147          const target = mutation.target;
7148          const prevClassList = mutation.oldValue ? mutation.oldValue.split(' ') : [];
7149          const hadBothBefore = prevClassList.includes('open') && prevClassList.includes('active');
7150          const hasBothNow = target.classList.contains('open') && target.classList.contains('active');
7151    
7152          if (hadBothBefore !== hasBothNow) {
7153            this.updateDropdownAccessibility();
7154            break; // Only need to update once per batch
7155          }
7156        }
7157      }
7158    };
7159    
7160    // Create observer with optimized options
7161    this.classObserver = new MutationObserver(callback);
7162    
7163    // Observe only the dropdown elements
7164    this.cachedElements.dropdowns.forEach(dropdown => {
7165      this.classObserver.observe(dropdown, { 
7166        attributes: true, 
7167        attributeFilter: ['class'], 
7168        attributeOldValue: true 
7169      });
7170    });
7171  }
7172  
7173  // Cache focusable elements for keyboard navigation
7174  cacheFocusableElements() {
7175    if (!this.cachedElements.navElement) return;
7176    
7177    // Get direct children of nav
7178    const directChildren = Array.from(this.cachedElements.navElement.children);
7179    
7180    // Find the first focusable element within each direct child
7181    this.cachedFocusableElements = directChildren.map(child => {
7182      // Check if the child itself is focusable
7183      if (child.matches('a, button, input, select, textarea, [tabindex]:not
7183([tabindex="-1"])')) {
7184        return child;
7185      }
7186      // Otherwise, find the first focusable element within this child
7187      return child.querySelector('a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])');
7188    }).filter(Boolean); // Remove null/undefined values
7189  }
7190  
7191  // Clean up all event listeners and observers
7192  destroy() {
7193    // Clean up the mutation observer
7194    if (this.classObserver) {
7195      this.classObserver.disconnect();
7196      this.classObserver = null;
7197    }
7198    
7199    // Clean up resize listener
7200    window.removeEventListener('resize', this.handleResize);
7201    
7202    // Clean up click handlers
7203    if (this.dropdownClickHandlers.size > 0) {
7204      this.dropdownClickHandlers.forEach((handler, toggle) => {
7205        toggle.removeEventListener('click', handler);
7206      });
7207      this.dropdownClickHandlers.clear();
7208    }
7209    
7210    // Clean up hover handlers
7211    this.cleanupMenuHover();
7212    
7213    // Clean up menu item click handlers
7214    this.cleanupMenuItemClicks();
7215    
7216    // Clean up outside click handler
7217    document.removeEventListener('click', this.handleOutsideClick);
7218    
7219    // Clean up keyboard navigation
7220    if (this.keyboardNavHandler) {
7221      document.removeEventListener('keydown', this.keyboardNavHandler);
7222      this.keyboardNavHandler = null;
7223    }
7224    
7225    // Clear any pending timeouts
7226    if (this.menuItemClickTimeout) {
7227      clearTimeout(this.menuItemClickTimeout);
7228      this.menuItemClickTimeout = null;
7229    }
7230  }
7231  
7232  // Utility methods
7233  hasHeaderClass() {
7234    return document.body.classList.contains(this.config.leftHeaderClass) || 
7235           document.body.classList.contains(this.config.rightHeaderClass);
7236  }
7237  
7238  debounce(func, delay) {
7239    let timer;
7240    return (...args) => {
7241      clearTimeout(timer);
7242      timer = setTimeout(() => func(...args), delay);
7243    };
7244  }
7245
7246  // Check if an element has all the required active classes
7247  hasAllActiveClasses(element) {
7248    return this.config.activeClasses.every(className => element.classList.contains(className));
7249  }
7250  
7251  // Toggle all active classes on an element
7252  toggleActiveClasses(element) {
7253    this.config.activeClasses.forEach(className => {
7254      element.classList.toggle(className);
7255    });
7256  }
7257  
7258  // Core functionality methods
7259  handleMenu() {
7260    if (!this.cachedElements.menuElement) return;
7261    if (!this.hasHeaderClass() && !this.previousHeaderClass) return;
7262
7263    const screenWidth = window.innerWidth;
7264    const isLargeScreen = screenWidth >= this.config.minWidth;
7265    const menuElement = this.cachedElements.menuElement;
7266
7267    if (!isLargeScreen) {
7268      // Save which class was present before removal
7269      if (this.hasHeaderClass()) {
7270        this.previousHeaderClass = document.body.classList.contains(this.config.leftHeaderClass) 
7271          ? this.config.leftHeaderClass 
7272          : this.config.rightHeaderClass;
7273        
7274        // Remove header classes
7275        document.body.classList.remove(this.config.leftHeaderClass, this.config.rightHeaderClass);
7276        menuElement.classList.remove(this.config.openClass);
7277        
7278        // Reset accessibility attributes
7279        this.resetAccessibilityAttributes();
7280      }
7281      
7282      // Clean up event handlers for mobile view
7283      this.cleanupMenuHover();
7284      this.cleanupMenuItemClicks();
7285      this.cleanupDropdownHandlers();
7286      document.removeEventListener('click', this.handleOutsideClick);
7287      
7288      return;
7289    }
7290
7291    // Large screen behavior
7292    if (!this.hasHeaderClass() && this.previousHeaderClass) {
7293      document.body.classList.add(this.previousHeaderClass);
7294    }
7295
7296    if (this.hasHeaderClass()) {
7297      if (!menuElement.classList.contains(this.config.openClass)) {
7298        menuElement.classList.add(this.config.openClass);
7299      }
7300      
7301      // Setup elements for large screen view
7302      this.setupMenuHover();
7303      this.setupMenuItemClicks();
7304      this.setupDropdownHandlers();
7305      this.setupMenuFocusNavigation();
7306      this.updateDropdownAccessibility();
7307      
7308      // Ensure outside click handler is set up
7309      document.removeEventListener('click', this.handleOutsideClick);
7310      document.addEventListener('click', this.handleOutsideClick, { passive: false });
7311    }
7312  }
7313  
7314  // Reset accessibility attributes when switching to mobile
7315  resetAccessibilityAttributes() {
7316    if (!this.cachedElements.dropdowns) return;
7317    
7318    // Remove all inert attributes from dropdown contents
7319    this.cachedElements.dropdowns.forEach(dropdown => {
7320      const content = dropdown.querySelector(this.config.dropdownContentSelector);
7321      if (content) {
7322        content.removeAttribute('inert');
7323      }
7324      
7325      const button = dropdown.querySelector('button');
7326      if (button) {
7327        button.setAttribute('aria-expanded', 'false');
7328      }
7329    });
7330  }
7331  
7332  setupMenuFocusNavigation() {
7333    // Only run if hasHeaderClass() is true and we have focusable elements
7334    if (!this.hasHeaderClass() || !this.cachedFocusableElements || this.cachedFocusableElements.length === 0) {
7335      return;
7336    }
7337    
7338    // Clean up previous handler if it exists
7339    if (this.keyboardNavHandler) {
7340      document.removeEventListener('keydown', this.keyboardNavHandler, true);
7341      this.keyboardNavHandler = null;
7342    }
7343    
7344    const navMenu = this.cachedElements.menuElement;
7345    const focusableElements = this.cachedFocusableElements;
7346    const firstFocusableElement = focusableElements[0];
7347    const lastFocusableElement = focusableElements[focusableElements.length - 1];
7348    
7349    // Find adjacent focusable elements outside the menu (only once during setup)
7350    const headerElement = navMenu.closest('header') || document.querySelector('header');
7351    
7352    // Prepare variables to hold adjacent elements
7353    let prevFocusableElement = null;
7354    let nextFocusableElement = null;
7355    let firstElementAfterHeader = null;
7356    
7357    if (headerElement) {
7358      // Get all focusable elements within the header - do this once and cache the result
7359      const headerFocusables = Array.from(
7360        headerElement.querySelectorAll('a:not([tabindex="-1"]), button:not([tabindex="-1"]), input:not([tabindex="-1"]), select:not([tabindex="-1"]), textarea:not([tabindex="-1"]), [tabindex]:not
7360([tabindex="-1"])')
7361      ).filter(el => window.getComputedStyle(el).display !== 'none');
7362      
7363      // Find the index of our first and last menu elements in one pass
7364      const menuStartIndex = headerFocusables.indexOf(firstFocusableElement);
7365      const menuEndIndex = headerFocusables.indexOf(lastFocusableElement);
7366      
7367      // Cache the adjacent elements
7368      if (menuStartIndex > 0) {
7369        prevFocusableElement = headerFocusables[menuStartIndex - 1];
7370      }
7371      
7372      if (menuEndIndex !== -1 && menuEndIndex < headerFocusables.length - 1) {
7373        nextFocusableElement = headerFocusables[menuEndIndex + 1];
7374      }
7375      
7376      // Pre-calculate the first element after header - but only if needed
7377      if (!nextFocusableElement) {
7378        // Use a more efficient selector that targets immediate children of body that aren't the header
7379        const selector = 'body > *:not(header)';
7380        const nonHeaderElements = document.querySelectorAll(selector);
7381        
7382        // Only process if we have elements
7383        if (nonHeaderElements.length > 0) {
7384          // Create a function to find the first focusable element (used later if needed)
7385          this.findFirstFocusableAfterHeader = () => {
7386            for (const element of nonHeaderElements) {
7387              const focusable = element.querySelector('a:not([tabindex="-1"]), button:not([tabindex="-1"]), input:not([tabindex="-1"]), select:not([tabindex="-1"]), textarea:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])');
7388              if (focusable && window.getComputedStyle(focusable).display !== 'none') {
7389                return focusable;
7390              }
7391            }
7392            return null;
7393          };
7394        }
7395      }
7396    }
7397    
7398    // Create keyboard navigation handler with closure over the cached elements
7399    this.keyboardNavHandler = (e) => {
7400      // Quick check for Tab key first
7401      if (e.key !== 'Tab') return;
7402      
7403      // Then check if focus is inside the menu
7404      if (!navMenu.contains(document.activeElement)) return;
7405      
7406      let targetElement = null;
7407      
7408      // Handle tab navigation at boundaries only
7409      if (!e.shiftKey && document.activeElement === lastFocusableElement) {
7410        // Forward tab from last element
7411        e.preventDefault();
7412        e.stopPropagation();
7413        
7414        if (nextFocusableElement) {
7415          targetElement = nextFocusableElement;
7416        } else if (this.findFirstFocusableAfterHeader) {
7417          // Only search for elements after header if needed and not already found
7418          firstElementAfterHeader = this.findFirstFocusableAfterHeader();
7419          targetElement = firstElementAfterHeader;
7420        }
7421        
7422        // Focus on the target or body as fallback
7423        setTimeout(() => {
7424          if (targetElement) {
7425            targetElement.focus();
7426          } else {
7427            document.body.setAttribute('tabindex', '-1');
7428            document.body.focus();
7429            document.body.removeAttribute('tabindex');
7430          }
7431        }, 10);
7432      } 
7433      else if (e.shiftKey && document.activeElement === firstFocusableElement) {
7434        // Backward tab from first element
7435        e.preventDefault();
7436        e.stopPropagation();
7437        
7438        setTimeout(() => {
7439          if (prevFocusableElement) {
7440            prevFocusableElement.focus();
7441          } else {
7442            document.body.setAttribute('tabindex', '-1');
7443            document.body.focus();
7444            document.body.removeAttribute('tabindex');
7445          }
7446        }, 10);
7447      }
7448    };
7449    
7450    // Use capture phase for the event
7451    document.addEventListener('keydown', this.keyboardNavHandler, true);
7452  }
7453  
7454  setupMenuHover() {
7455    const menuElement = this.cachedElements.menuElement;
7456    if (!menuElement) return;
7457    
7458    // Clean up existing hover handlers first
7459    this.cleanupMenuHover();
7460    
7461    // Create event handlers
7462    const mouseenterHandler = () => {
7463      menuElement.classList.add(this.config.openClass);
7464    };
7465    
7466    const mouseleaveHandler = () => {
7467      menuElement.classList.remove(this.config.openClass);
7468    };
7469    
7470    // Add event listeners with passive flag for better performance
7471    menuElement.addEventListener('mouseenter', mouseenterHandler, { passive: true });
7472    menuElement.addEventListener('mouseleave', mouseleaveHandler, { passive: true });
7473    
7474    // Store the handlers for cleanup
7475    this.menuHoverHandlers = {
7476      element: menuElement,
7477      mouseenter: mouseenterHandler,
7478      mouseleave: mouseleaveHandler
7479    };
7480  }
7481  
7482  cleanupMenuHover() {
7483    if (this.menuHoverHandlers) {
7484      const { element, mouseenter, mouseleave } = this.menuHoverHandlers;
7485      element.removeEventListener('mouseenter', mouseenter);
7486      element.removeEventListener('mouseleave', mouseleave);
7487      this.menuHoverHandlers = null;
7488    }
7489  }
7490  
7491  setupMenuItemClicks() {
7492    if (!this.cachedElements.menuItems || this.cachedElements.menuItems.length === 0) return;
7493    
7494    // Clean up existing handlers first
7495    this.cleanupMenuItemClicks();
7496    
7497    const menuElement = this.cachedElements.menuElement;
7498    const menuItemHandlers = new Map();
7499    
7500    this.cachedElements.menuItems.forEach(item => {
7501      const clickHandler = () => {
7502        if (this.hasHeaderClass()) {
7503          // Clear any existing timeout
7504          if (this.menuItemClickTimeout) {
7505            clearTimeout(this.menuItemClickTimeout);
7506          }
7507          
7508          // Set timeout before adding the class
7509          this.menuItemClickTimeout = setTimeout(() => {
7510            if (!menuElement.classList.contains(this.config.openClass)) {
7511              menuElement.classList.add(this.config.openClass);
7512            }
7513          }, this.config.menuItemClickDelay);
7514        }
7515      };
7516      
7517      menuItemHandlers.set(item, clickHandler);
7518      item.addEventListener('click', clickHandler);
7519    });
7520    
7521    this.menuItemClickHandlers = menuItemHandlers;
7522  }
7523  
7524  cleanupMenuItemClicks() {
7525    if (this.menuItemClickHandlers && this.menuItemClickHandlers instanceof Map) {
7526      this.menuItemClickHandlers.forEach((handler, item) => {
7527        item.removeEventListener('click', handler);
7528      });
7529      this.menuItemClickHandlers.clear();
7530    }
7531    
7532    if (this.menuItemClickTimeout) {
7533      clearTimeout(this.menuItemClickTimeout);
7534      this.menuItemClickTimeout = null;
7535    }
7536  }
7537  
7538  setupDropdownHandlers() {
7539    if (!this.hasHeaderClass() || !this.cachedElements.dropdownToggles) return;
7540    
7541    // Clean up existing handlers first
7542    this.cleanupDropdownHandlers();
7543    
7544    this.cachedElements.dropdownToggles.forEach(toggle => {
7545      const clickHandler = (event) => {
7546        event.stopPropagation();
7547        event.preventDefault();
7548        
7549        const dropdown = toggle.closest(this.config.dropdownSelector);
7550        if (dropdown) {
7551          this.toggleActiveClasses(dropdown);
7552          this.updateDropdownAccessibility();
7553        }
7554      };
7555      
7556      this.dropdownClickHandlers.set(toggle, clickHandler);
7557      toggle.addEventListener('click', clickHandler);
7558    });
7559  }
7560  
7561  cleanupDropdownHandlers() {
7562    if (this.dropdownClickHandlers.size > 0) {
7563      this.dropdownClickHandlers.forEach((handler, toggle) => {
7564        toggle.removeEventListener('click', handler);
7565      });
7566      this.dropdownClickHandlers.clear();
7567    }
7568  }
7569  
7570  handleOutsideClick(event) {
7571    if (event.target.tagName === 'A') return;
7572    if (!event.target.closest(this.config.dropdownSelector)) return;
7573    if (!event.target.closest(this.config.submenuToggleSelector)) {
7574      event.preventDefault();
7575      event.stopPropagation();
7576    }
7577  }
7578  
7579  updateDropdownAccessibility() {
7580    // Only run if hasHeaderClass() is true
7581    if (!this.hasHeaderClass() || !this.cachedElements.dropdowns) return;
7582    
7583    this.cachedElements.dropdowns.forEach(dropdown => {
7584      const content = dropdown.querySelector(this.config.dropdownContentSelector);
7585      const button = dropdown.querySelector('button');
7586      
7587      // Check if dropdown has all active classes
7588      const isOpen = this.hasAllActiveClasses(dropdown);
7589      
7590      if (content) {
7591        if (isOpen) {
7592          content.removeAttribute('inert');
7593        } else {
7594          content.setAttribute('inert', '');
7595        }
7596      }
7597      
7598      if (button) {
7599        button.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
7600      }
7601    });
7602  }
7603}
7604
7605
7606const sidebarNav = new SidebarNavigation().init();</script>
7606</header><main id="brx-content"><section id="brxe-iiuxrp" class="brxe-section fb-archive-hero-01 container-gap bricks-lazy-hidden"><div id="brxe-nryihp" class="brxe-container fb-archive-hero-01__container bricks-lazy-hidden"><nav id="brxe-aycwvf" class="brxe-breadcrumbs fb-bread-01 fb-archive-hero-01__breadcrumbs" aria-label="Breadcrumb"><a class="item" href="https://www.meetyu.app">Home</a><span class="separator" aria-hidden="true">/</span><span class="item" aria-current="page">Blog</span></nav></div><div id="brxe-jghbxb" class="brxe-block hero-42__container-info bricks-lazy-hidden"><div id="brxe-bflpqy" class="brxe-block hero-42__inner-container-info bricks-lazy-hidden"><h1 id="brxe-gidpmb" class="brxe-post-title meetyu-heading-white-bg">Blog</h1><p id="brxe-vznswz" class="brxe-text-basic meetyu-tagline-white-bg">Patterns, Practices & Breakthroughs</p></div><p id="brxe-blprvv" class="brxe-text-basic meetyu-description-white-bg">Cutting-edge research, proven techniques, and real stories about the power of AI-enhanced reflection</p></div></section><section id="brxe-ndwuor" class="brxe-section fb-secside bricks-lazy-hidden"><div id="brxe-qmaxoi" class="brxe-container fb-secside__container fb-secside__container--inv bricks-lazy-hidden"><main id="brxe-bumkqc" class="brxe-block fb-secside__main bricks-lazy-hidden"><div id="brxe-iaqqpm" class="brxe-block fb-grid-blog bricks-lazy-hidden" aria-label="Blog posts" role="region"><article class="brxe-apatfj brxe-block fb-blog-card-01 fb-blog-card-01--first-2col bricks-lazy-hidden" data-brx-loop-start="apatfj"><div class="brxe-kzbmqp brxe-block fb-blog-card-01__top bricks-lazy-hidden"><header class="brxe-wbjfyy brxe-block fb-blog-card-01__header bricks-lazy-hidden"><time class="brxe-rgxpac brxe-block fb-blog-card-01__date bricks-lazy-hidden" datetime="2025-08-13"><span class="brxe-flnzov brxe-text-basic fb-blog-card-01__day">13 Aug</span><span class="brxe-osvhcp brxe-text-basic fb-blog-card-01__month">2025</span></time><img width="1024" height="576" src="https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1-1024x576.webp" class="brxe-cdiziv brxe-image fb-blog-card-01__image css-filter size-large" alt="MeetYu Life Coach AI Journal social sharing banner with app screenshots on purple background" decoding="async" fetchpriority="high" srcset="https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1-1024x576.webp 1024w, https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1-300x169.webp 300w, https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1-768x432.webp 768w, https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1-1536x864.webp 1536w, https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1-1200x675.webp 1200w, https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1-600x338.webp 600w, https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1.webp 1920w" sizes="(max-width: 1024px) 100vw, 1024px" loading="eager" /></header><div class="brxe-qcnzoe brxe-block fb-blog-card-01__content bricks-lazy-hidden"><div class="brxe-jkvtqc brxe-div fb-blog-card-01__categories bricks-lazy-hidden"><span class="brxe-dsjrci brxe-text-basic blog-archive-19-archive-card__category"> [<a href="https://www.meetyu.app/personal-growth/">Personal Growth</a>] </span></div><h2 class="brxe-tmhneu brxe-heading fb-blog-card-01__heading fb-link-card"><a href="https://www.meetyu.app/2025/08/goal-achievement-with-meetyu-the-science-behind-higher-success-rates/">Goal Achievement with MeetYu: The Science Behind Higher Success Rates</a></h2><p class="brxe-niohgi brxe-text-basic fb-blog-card-01__excerpt">Transform your scattered ambitions into measurable victories through intelligent reflection Summary MeetYu revolutionizes how we approach personal goals by turning daily reflection into a strategic advantage. This intelligent journaling platform doesn’t just store your thoughts - it actively helps you&hellip;</p></div></div><footer class="brxe-vdnnjg brxe-block fb-blog-card-01__footer bricks-lazy-hidden"><div class="brxe-rthjwb brxe-block fb-blog-card-01__wrapper bricks-lazy-hidden"><i class="fa-solid fa-clock brxe-wotrms brxe-icon fb-blog-card-01__icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false">
7606<path fill="currentColor" d="M256 0a256 256 0 1 1 0 512 256 256 0 1 1 0-512zM232 120l0 136c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2 280 120c0-13.3-10.7-24-24-24s-24 10.7-24 24z"></path></svg></i><p class="read_time" aria-label="10 minute read">10 min read</p></div><div class="brxe-mvwjlp brxe-block fb-blog-card-01__wrapper bricks-lazy-hidden"><i class="fa-solid fa-user brxe-hfvbji brxe-icon fb-blog-card-01__icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M224 248a120 120 0 1 0 0-240 120 120 0 1 0 0 240zm-29.7 56C95.8 304 16 383.8 16 482.3 16 498.7 29.3 512 45.7 512l356.6 0c16.4 0 29.7-13.3 29.7-29.7 0-98.5-79.8-178.3-178.3-178.3l-59.4 0z"></path></svg></i><p class="brxe-kelqgf brxe-text-basic fb-blog-card-01__comments" aria-label="Written by MeetYu Team">MeetYu Team</p></div></footer></article><article class="brx-query-trail" data-query-element-id="apatfj" data-query-vars="{&quot;page&quot;:&quot;&quot;,&quot;pagename&quot;:&quot;blog&quot;,&quot;post_type&quot;:[&quot;post&quot;],&quot;post__not_in&quot;:[&quot;18090&quot;,&quot;1&quot;],&quot;is_archive_main_query&quot;:true,&quot;posts_per_page&quot;:7,&quot;orderby&quot;:&quot;date&quot;,&quot;post_status&quot;:&quot;publish&quot;,&quot;paged&quot;:1}" data-original-query-vars="[]" data-page="1" data-max-pages="1" data-start="1" data-end="1"></article></div><nav id="brxe-oscufc" class="brxe-block bricks-lazy-hidden" aria-label="Blog pagination"><div id="brxe-zxwkjm" class="brxe-pagination fb-pagination-four brx-ajax-pagination" style="display: none;" data-query-element-id="apatfj" data-pagination-id="zxwkjm" data-brx-filter="{&quot;filterId&quot;:&quot;zxwkjm&quot;,&quot;targetQueryId&quot;:&quot;apatfj&quot;,&quot;filterAction&quot;:&quot;filter&quot;,&quot;filterType&quot;:&quot;pagination&quot;,&quot;filterMethod&quot;:&quot;ajax&quot;,&quot;filterApplyOn&quot;:&quot;change&quot;,&quot;filterInputDebounce&quot;:500}"><div class="bricks-pagination" role="navigation" aria-label="Pagination"></div></div></nav></main><aside id="brxe-jfipqu" class="brxe-block fb-secside__sidebar bricks-lazy-hidden" aria-label="Blog sidebar"><section id="brxe-dpumjy" class="brxe-block fb-secside__wrapper fb-secside__wrapper--dark bricks-lazy-hidden" aria-labelledby="brxe-lhecua"><h3 id="brxe-qyajaj" class="brxe-heading fb-secside__heading">Subscribe to receive the latest news</h3><div id="brxe-qesdyx" class="brxe-mailerpress-optin form-mailerpress mailerpress-optin-form" data-element-id="qesdyx">        <form class="mailerpress-optin-form-element mailerpress-form-columns-1" method="post" action="">
7607            <input type="hidden" id="mailerpress_optin_nonce" name="mailerpress_optin_nonce" value="4bae3d50f2" /><input type="hidden" name="_wp_http_referer" value="/blog/" />            <input type="hidden" name="element_id" value="qesdyx">
7608            <input type="hidden" name="page_id" value="2044">
7609            <input type="hidden" name="element_settings" value="{&quot;form_fields&quot;:[{&quot;field_type&quot;:&quot;text&quot;,&quot;field_label&quot;:&quot;First name&quot;,&quot;field_name&quot;:&quot;name&quot;,&quot;field_required&quot;:true,&quot;id&quot;:&quot;ubrwdp&quot;,&quot;field_placeholder&quot;:&quot;Your first name&quot;},{&quot;field_type&quot;:&quot;email&quot;,&quot;field_label&quot;:&quot;Email&quot;,&quot;field_name&quot;:&quot;email&quot;,&quot;field_required&quot;:true,&quot;field_placeholder&quot;:&quot;Enter your email&quot;,&quot;id&quot;:&quot;atnfob&quot;},{&quot;field_type&quot;:&quot;checkbox&quot;,&quot;field_label&quot;:&quot;Accept Newsletter \u0026 Privacy Policy&quot;,&quot;field_name&quot;:&quot;privacy&quot;,&quot;field_required&quot;:true,&quot;field_placeholder&quot;:&quot;Enter your email&quot;,&quot;id&quot;:&quot;kqpxbo&quot;,&quot;consent_label&quot;:&quot;I agree to receive newsletters from MeetYu and accept the \u003Ca href=\u0022https:\/\/www.meetyu.app\/privacy-policy\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003EPrivacy Policy\u003C\/a\u003E&quot;}],&quot;mailerpress_list&quot;:[&quot;1&quot;,&quot;2&quot;],&quot;mailerpress_tags&quot;:[&quot;1&quot;],&quot;double_optin&quot;:&quot;yes&quot;,&quot;field_mapping&quot;:[{&quot;id&quot;:&quot;qhlzht&quot;,&quot;mailerpress_field&quot;:&quot;contactFirstName&quot;,&quot;form_field&quot;:&quot;name&quot;},{&quot;id&quot;:&quot;bohgjg&quot;,&quot;mailerpress_field&quot;:&quot;email&quot;,&quot;form_field&quot;:&quot;email&quot;}],&quot;form_columns&quot;:&quot;1&quot;,&quot;success_message&quot;:&quot;
7609Thank you! Please check your email to confirm your subscription.&quot;,&quot;error_message&quot;:&quot;An error occurred. Please try again.&quot;,&quot;redirect_delay&quot;:2000,&quot;buttonText&quot;:&quot;Subscribe&quot;,&quot;buttonIconPosition&quot;:&quot;left&quot;,&quot;optin_source&quot;:&quot;\/blog Site&quot;,&quot;enableTurnstile&quot;:true,&quot;_cssGlobalClasses&quot;:[&quot;enojwa&quot;],&quot;_padding&quot;:{&quot;top&quot;:&quot;0&quot;},&quot;_cssCustom&quot;:&quot;\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   MailerPress optin \u2014 sidebar (dark purple bg variant)\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n#brxe-qesdyx.mailerpress-optin-form {\n    --mp-text:          #1a1a1a;\n    --mp-label:         rgba(255, 255, 255, 0.85);\n    --mp-muted:         #9ca3af;\n    --mp-accent:        #6200EE;\n    --mp-bg-input:      #ffffff;\n    --mp-bg-input-hover: #f9fafb;\n    --mp-success-bg:    #16a34a;\n    --mp-error-bg:      #dc2626;\n    --mp-radius-field:  1.5rem;\n    --mp-radius-btn:    5rem;\n    --mp-gap:           1.25rem;\n\n    max-width: 100%;\n    width: 100%;\n    color: #ffffff;\n    font-family: inherit;\n}\n\n\/* Layout \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#brxe-qesdyx .mailerpress-form-fields-wrapper {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: var(--mp-gap) !important;\n}\n\n#brxe-qesdyx .mailerpress-form-field {\n    flex: 1 1 100% !important;\n    display: flex;\n    flex-direction: column;\n    gap: .5rem;\n}\n\n\/* Labels \u2014 light on dark bg \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#brxe-qesdyx .mailerpress-form-field \u003E label {\n    display: block;\n    font-size: calc(var(--text-m, 1rem) * 0.8);\n    font-weight: 500;\n    line-height: 1.3;\n    color: var(--mp-label);\n    margin: 0;\n}\n\n#brxe-qesdyx .required {\n    display: none;\n}\n\n\/* Inputs \u2014 white bg, dark text \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#brxe-qesdyx input[type=\u0022text\u0022],\n#brxe-qesdyx input[type=\u0022email\u0022] {\n    width: 100%;\n    box-sizing: border-box;\n    height: 5rem;\n    padding: 1rem 1.5rem;\n    font-size: calc(var(--text-m, 1rem) * 0.9);\n    font-family: var(--bricks-font-family-base, inherit);\n    line-height: 1.4;\n    color: var(--mp-text);\n    background: var(--mp-bg-input);\n    border: 1px solid transparent;\n    border-radius: var(--mp-radius-field);\n    transition: border-color .15s ease, box-shadow .15s ease;\n    appearance: none;\n}\n\n#brxe-qesdyx input[type=\u0022text\u0022]:focus,\n#brxe-qesdyx input[type=\u0022email\u0022]:focus {\n    outline: none;\n    border-color: #ffffff;\n    box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);\n}\n\n\/* Suppress browser autofill recolor \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#brxe-qesdyx input:-webkit-autofill,\n#brxe-qesdyx input:-webkit-autofill:hover,\n#brxe-qesdyx input:-webkit-autofill:focus,\n#brxe-qesdyx input:-webkit-autofill:active {\n    -webkit-box-shadow: 0 0 0 1000px var(--mp-bg-input) inset !important;\n    -webkit-text-fill-color: var(--mp-text) !important;\n    caret-color: var(--mp-text) !important;\n    transition: background-color 5000s ease-in-out 0s !important;\n    border-radius: var(--mp-radius-field) !important;\n    font-size: calc(var(--text-m, 1rem) * 0.9) !important;\n}\n\n\/* Hide placeholders \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#brxe-qesdyx input::placeholder {\n    opacity: 0 !important;\n    visibility: hidden !important;\n}\n\n#brxe-qesdyx input::-webkit-input-placeholder {\n    opacity: 0 !important;\n    visibility: hidden !important;\n}\n\n#brxe-qesdyx input::-moz-placeholder {\n    opacity: 0 !important;\n    visibility: hidden !important;\n}\n\n#brxe-qesdyx input:-ms-input-placeholder {\n    opacity: 0 !important;\n    visibility: hidden !important;\n}\n\n\/* Consent field \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#brxe-qesdyx .mailerpress-consent-field {\n    flex-basis: 100% !important;\n    margin-top: .25rem;\n}\n\n#brxe-qesdyx .mailerpress-consent-field \u003E label {\n    display: flex !important;
7609\n    align-items: flex-start !important;\n    gap: 10px !important;\n    cursor: pointer;\n    font-weight: 500;\n    font-size: calc(var(--text-m, 1rem) * 0.8);\n    line-height: 1.5;\n    color: rgba(255, 255, 255, 0.95);\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n#brxe-qesdyx .mailerpress-consent-field \u003E label \u003E span {\n    flex: 1;\n}\n\n\/* Custom-drawn checkbox \u2014 white bg, purple check \u2500\u2500\u2500\u2500\u2500 *\/\n#brxe-qesdyx input[type=\u0022checkbox\u0022] {\n    appearance: none !important;\n    -webkit-appearance: none !important;\n    display: inline-block !important;\n    width: 20px !important;\n    height: 20px !important;\n    min-width: 20px !important;\n    min-height: 20px !important;\n    max-width: 20px !important;\n    max-height: 20px !important;\n    border: 2px solid #ffffff !important;\n    border-radius: 4px !important;\n    cursor: pointer !important;\n    position: relative !important;\n    margin: 2px 0 0 0 !important;\n    padding: 0 !important;\n    line-height: 1 !important;\n    vertical-align: top !important;\n    transition: all 0.3s ease !important;\n    background-color: #ffffff !important;\n    flex-shrink: 0 !important;\n    box-sizing: border-box !important;\n}\n\n#brxe-qesdyx input[type=\u0022checkbox\u0022]:hover {\n    background-color: #f3f4f6 !important;\n    border-color: #f3f4f6 !important;\n}\n\n#brxe-qesdyx input[type=\u0022checkbox\u0022]:checked {\n    background-color: #ffffff !important;\n    border-color: #ffffff !important;\n}\n\n#brxe-qesdyx input[type=\u0022checkbox\u0022]:checked::after {\n    content: \u0027\u0027 !important;\n    position: absolute !important;\n    left: 5px !important;\n    top: 1px !important;\n    width: 5px !important;\n    height: 10px !important;\n    border: solid var(--mp-accent) !important;\n    border-width: 0 2px 2px 0 !important;\n    transform: rotate(45deg) !important;\n}\n\n#brxe-qesdyx input[type=\u0022checkbox\u0022]:focus {\n    outline: none !important;\n    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3) !important;\n}\n\n#brxe-qesdyx .mailerpress-consent-field a {\n    color: #ffffff !important;\n    text-decoration: underline !important;\n    font-weight: 500;\n    transition: opacity 0.2s ease !important;\n}\n\n#brxe-qesdyx .mailerpress-consent-field a:hover {\n    opacity: 0.8 !important;\n}\n\n\/* Turnstile \u2014 full width with breathing room \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#brxe-qesdyx .mailerpress-turnstile-wrapper {\n    margin: var(--mp-gap) 0 20px !important;\n    max-width: 100% !important;\n    width: 100% !important;\n    overflow: hidden !important;\n}\n\n#brxe-qesdyx .cf-turnstile {\n    max-width: 100% !important;\n    width: 100% !important;\n}\n\n#brxe-qesdyx .cf-turnstile iframe {\n    max-width: 100% !important;\n    width: 100% !important;\n    transform: scale(1) !important;\n    transform-origin: 0 0 !important;\n}\n\n#brxe-qesdyx .cf-turnstile \u003E div {\n    max-width: 100% !important;\n    width: 100% !important;\n}\n\n\/* Honeypot guard \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#brxe-qesdyx input[name=\u0022website\u0022] {\n    position: absolute !important;\n    left: -9999px !important;\n    width: 1px !important;\n    height: 1px !important;\n    opacity: 0 !important;\n    pointer-events: none !important;\n}\n\n\/* Submit button \u2014 white pill on purple \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#brxe-qesdyx .mailerpress-form-submit {\n    margin-top: var(--mp-gap);\n}\n\n#brxe-qesdyx .mailerpress-submit-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: .5rem;\n    width: 100%;\n    height: 5rem;\n    padding: 0 2rem;\n    margin: 0 !important;\n    font-size: calc(var(--text-m, 1rem) * 1.1);\n    font-weight: 600;\n    font-family: inherit;\n    line-height: 1;\n    color: var(--mp-accent) !important;\n    background: #ffffff !important;\n    border: 1px solid #ffffff !important;\n    border-radius: var(--mp-radius-btn);\n    cursor: pointer;\n    transition: opacity .15s ease, transform .05s ease, background-color .15s ease;\n}\n\n#brxe-qesdyx .mailerpress-submit-button:hover:not([disabled]) {\n    background: rgba(255, 255, 255, 0.92) !important;\n}\n\n#brxe-qesdyx .mailerpress-submit-button:active:not([disabled]) {\n    transform: translateY(1px);\n}\n\n#brxe-qesdyx .mailerpress-submit-button[disabled] {\n    cursor: n
7609ot-allowed;\n    opacity: .75;\n}\n\n\/* Feedback message \u2014 centered \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#brxe-qesdyx .mailerpress-form-message {\n    margin-top: var(--mp-gap);\n    padding: 1.25rem 1.5rem;\n    border-radius: var(--mp-radius-field);\n    font-size: calc(var(--text-m, 1rem) * 0.9);\n    font-weight: 500;\n    line-height: 1.4;\n    text-align: center;\n}\n\n#brxe-qesdyx .mailerpress-form-message.success {\n    background: var(--mp-success-bg);\n    color: #fff;\n}\n\n#brxe-qesdyx .mailerpress-form-message.error {\n    background: var(--mp-error-bg);\n    color: #fff;\n}&quot;}">
7610
7611                                        <input type="text" name="website" value="" style="position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; pointer-events: none; tabindex: -1;" autocomplete="off" aria-hidden="true">
7612            
7613                        
7614            <div class="mailerpress-form-fields-wrapper">
7615                                                                                <div class="mailerpress-form-field">
7616                            <label for="mailerpress-field-qesdyx-0">
7617                                First name                                                                    <span class="required">*</span>
7618                                                            </label>
7619                            <input type="text" id="mailerpress-field-qesdyx-0" name="name" placeholder="Your first name" required>                        </div>
7620                                                                                                    <div class="mailerpress-form-field">
7621                            <label for="mailerpress-field-qesdyx-1">
7622                                Email                                                                    <span class="required">*</span>
7623                                                            </label>
7624                            <input type="email" id="mailerpress-field-qesdyx-1" name="email" placeholder="Enter your email" required>                        </div>
7625                                                                                                    <div class="mailerpress-form-field mailerpress-consent-field">
7626                            <label for="mailerpress-field-qesdyx-2">
7627                                <input type="checkbox" id="mailerpress-field-qesdyx-2" name="privacy" value="1" required>
7628                                <span>
7629                                    I agree to receive newsletters from MeetYu and accept the <a href="https://www.meetyu.app/privacy-policy/" target="_blank" rel="noopener">Privacy Policy</a>                                                                            <span class="required">*</span>
7630                                                                    </span>
7631                            </label>
7632                        </div>
7633                                                </div>
7634
7635                        
7636                                        <div class="mailerpress-turnstile-wrapper" style="margin: 10px 0;">
7637                    <div class="cf-turnstile" data-sitekey="0x4AAAAAAB8x_X_LtkrqBPYE"></div>
7638                </div>
7639            
7640            <div class="mailerpress-form-submit">
7641                <button type="submit" class="mailerpress-submit-button bricks-button bricks-background-primary">
7642                    <span class="bricks-button-text">Subscribe</span>                </button>
7643            </div>
7644
7645            <div class="mailerpress-form-message" style="display: none;"></div>
7646        </form>
7647
7648                                            
7648<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
7648
7649        
7650        
7650<script>
7651            (function() {
7652                document.addEventListener('DOMContentLoaded', function() {
7653                    var formElement = document.querySelector('.mailerpress-optin-form[data-element-id="qesdyx"] form');
7654
7655                    if (!formElement) {
7656                        return;
7657                    }
7658
7659                    
7660                    formElement.addEventListener('submit', function(e) {
7661                        e.preventDefault();
7662
7663                        var form = this;
7664                        var message = form.querySelector('.mailerpress-form-message');
7665                        var button = form.querySelector('.mailerpress-submit-button');
7666                        var originalButtonText = button ? button.textContent : 'Subscribe';
7667
7668                        
7669                        submitForm(form, message, button, originalButtonText);
7670                    });
7671
7672                    function submitForm(form, message, button, originalButtonText) {
7673
7674                        // Hide message and reset classes
7675                        if (message) {
7676                            message.style.display = 'none';
7677                            message.className = 'mailerpress-form-message';
7678                            message.textContent = '';
7679                        }
7680
7681                        // Disable button and show loading state
7682                        if (button) {
7683                            button.disabled = true;
7684                            button.textContent = 'Submitting...';
7685                        }
7686
7687                        // Serialize form data
7688                        var formData = new FormData(form);
7689                        formData.append('action', 'mailerpress_bricks_submit');
7690
7691                        // Make fetch request
7692                        fetch('https://www.meetyu.app/wp-admin/admin-ajax.php', {
7693                                method: 'POST',
7694                                body: formData
7695                            })
7696                            .then(function(response) {
7697                                if (!response.ok) {
7698                                    throw new Error('Network response was not ok');
7699                                }
7700                                return response.json();
7701                            })
7702                            .then(function(data) {
7703                                if (button) {
7704                                    button.disabled = false;
7705                                    button.textContent = originalButtonText;
7706                                }
7707
7708                                if (data.success) {
7709                                    if (message) {
7710                                        message.className = 'mailerpress-form-message success';
7711                                        message.textContent = data.data.message;
7712                                        message.style.display = 'block';
7713                                    }
7714                                    form.reset();
7715
7716                                    // Check if redirect is enabled
7717                                    var enableRedirect = false;
7718                                    var redirectPage = '';
7719                                    var redirectDelay = 2000;
7720
7721                                    if (enableRedirect && redirectPage) {
7722                                        setTimeout(function() {
7723                                            window.location.href = redirectPage;
7724                                        }, redirectDelay);
7725                                    }
7726                                } else {
7727                                    if (message) {
7728                                        message.className = 'mailerpress-form-message error';
7729                                        message.textContent = data.data.message || 'An error occurred. Please try again.';
7730                                        message.style.display = 'block';
7731                                    }
7732                                }
7733                            })
7734                            .catch(function(error) {
7735                                if (button) {
7736                                    button.disabled = false;
7737                                    button.textContent = originalButtonText;
7738                                }
7739
7740                                if (message) {
7741                                    message.className = 'mailerpress-form-message error';
7742                                    message.textContent = 'An error occurred. Please try again.';
7743                                    message.style.display = 'block';
7744                                }
7745                            });
7746                    }
7747                });
7748            })();
7749        </script>
7749
7750
7751        <style>
7752            .mailerpress-optin-form {
7753                max-width: 100%;
7754                width: 100%;
7755            }
7756
7757            .mailerpress-form-fields-wrapper {
7758                display: flex;
7759                flex-wrap: wrap;
7760                gap: 8px;
7761            }
7762
7763            .mailerpress-form-field {
7764                flex: 1 1 100%;
7765            }
7766
7767            .mailerpress-form-columns-2 .mailerpress-form-field {
7768                flex: 1 1 calc(50% - 7.5px);
7769            }
7770
7771            .mailerpress-form-columns-3 .mailerpress-form-field {
7772                flex: 1 1 calc(33.333% - 10px);
7773            }
7774
7775            .mailerpress-form-field label {
7776                display: block;
7777            }
7778
7779            .mailerpress-form-field input,
7780            .mailerpress-form-field textarea {
7781                width: 100%;
7782                box-sizing: border-box;
7783            }
7784
7785            .mailerpress-consent-field {
7786                flex-basis: 100% !important;
7787            }
7788
7789            .mailerpress-consent-field label {
7790                display: flex !important;
7791                align-items: flex-start;
7792                gap: 8px;
7793                cursor: pointer;
7794            }
7795
7796            .mailerpress-consent-field input[type="checkbox"] {
7797                width: auto;
7798                margin-top: 3px;
7799                flex-shrink: 0;
7800            }
7801
7802            .mailerpress-form-field textarea {
7803                min-height: 100px;
7804                resize: vertical;
7805            }
7806
7807            .mailerpress-submit-button {
7808                display: inline-flex;
7809                align-items: center;
7810                gap: 8px;
7811                margin-top: 10px;
7812            }
7813
7814            .mailerpress-submit-button .bricks-button-icon {
7815                display: inline-flex;
7816                align-items: center;
7817            }
7818
7819            .mailerpress-form-message {
7820                margin-top: 15px;
7821                padding: 10px;
7822                border-radius: 4px;
7823            }
7824
7825            .mailerpress-form-message.success {
7826                background-color: #00a32a;
7827                color: #fff;
7828            }
7829
7830            .mailerpress-form-message.error {
7831                background-color: #d63638;
7832                color: #fff;
7833            }
7834
7835            @media (max-width: 768px) {
7836
7837                .mailerpress-form-columns-2 .mailerpress-form-field,
7838                .mailerpress-form-columns-3 .mailerpress-form-field {
7839                    flex: 1 1 100%;
7840                }
7841            }
7842        </style>
7843        </div>
7844</section><div id="brxe-uslfqv" class="brxe-search fb-search-02">
7845<form role="search" method="get" class="bricks-search-form" action="https://www.meetyu.app/">
7846			<label for="search-input-uslfqv" class="screen-reader-text"><span>Search</span></label>
7847		<input type="search" placeholder="Search articles..." value="" name="s" id="search-input-uslfqv" />
7848
7849	<button type="submit">Go</button></form>
7850</div><nav id="brxe-fhtafy" class="brxe-block fb-secside__wrapper bricks-lazy-hidden" aria-label="Blog categories"><h3 id="brxe-izapxq" class="brxe-heading fb-secside__heading">Blog categories</h3><ul id="brxe-igefez" class="brxe-block fb-category-list-01 fb-ul-list bricks-lazy-hidden" role="list"><li class="brxe-hysktc brxe-block fb-category-list-01__category bricks-lazy-hidden" data-brx-loop-start="hysktc"><a class="brxe-wybpoq brxe-text-basic fb-category-list-01__name" href="https://www.meetyu.app/personal-growth/">Personal Growth</a></li><li class="brx-query-trail" data-query-element-id="hysktc" data-query-vars="{&quot;taxonomy&quot;:[&quot;category&quot;],&quot;disable_query_merge&quot;:true,&quot;number&quot;:&quot;10&quot;,&quot;paged&quot;:1,&quot;original_offset&quot;:0}" data-original-query-vars="[]" data-page="1" data-max-pages="1" data-start="1" data-end="1"></li></ul></nav><nav id="brxe-swruui" class="brxe-block fb-secside__wrapper bricks-lazy-hidden" aria-label="Blog tags"><h3 id="brxe-gcvgws" class="brxe-heading fb-secside__heading">Blog tags</h3><ul id="brxe-ookmww" class="brxe-block fb-tags-01 fb-ul-list bricks-lazy-hidden" role="list"><li class="brxe-xfgggy brxe-block fb-tags-01__item bricks-lazy-hidden" data-brx-loop-start="xfgggy"><a class="brxe-keresw brxe-text-basic fb-tags-01__name" href="https://www.meetyu.app/tag/daily-reflection/">Daily Reflection</a></li><li class="brxe-xfgggy brxe-block fb-tags-01__item bricks-lazy-hidden"><a class="brxe-keresw brxe-text-basic fb-tags-01__name" href="https://www.meetyu.app/tag/meetyu/">MeetYu</a></li><li class="brxe-xfgggy brxe-block fb-tags-01__item bricks-lazy-hidden"><a class="brxe-keresw brxe-text-basic fb-tags-01__name" href="https://www.meetyu.app/tag/pattern-recognition/">Pattern Recognition</a></li><li class="brxe-xfgggy brxe-block fb-tags-01__item bricks-lazy-hidden"><a class="brxe-keresw brxe-text-basic fb-tags-01__name" href="https://www.meetyu.app/tag/personal-growth/">Personal Growth</a></li><li class="brxe-xfgggy brxe-block fb-tags-01__item bricks-lazy-hidden"><a class="brxe-keresw brxe-text-basic fb-tags-01__name" href="https://www.meetyu.app/tag/research-backed/">Research Backed</a></li><li class="brxe-xfgggy brxe-block fb-tags-01__item bricks-lazy-hidden"><a class="brxe-keresw brxe-text-basic fb-tags-01__name" href="https://www.meetyu.app/tag/self-awareness/">Self Awareness</a></li><li class="brx-query-trail" data-query-element-id="xfgggy" data-query-vars="{&quot;taxonomy&quot;:[&quot;post_tag&quot;],&quot;number&quot;:&quot;10&quot;,&quot;paged&quot;:1,&quot;original_offset&quot;:0}" data-original-query-vars="[]" data-page="1" data-max-pages="1" data-start="1" data-end="6"></li></ul></nav><nav id="brxe-hufcwa" class="brxe-block fb-secside__wrapper bricks-lazy-hidden" aria-label="Social media links"><h3 id="brxe-buzmky" class="brxe-heading fb-secside__heading">Follow us</h3><ul id="brxe-rgpych" class="brxe-block fb-follow-01 fb-ul-list bricks-lazy-hidden" role="list"><li id="brxe-remgtm" class="brxe-block fb-follow-01__social bricks-lazy-hidden"><i id="brxe-kkigdo" class="fab fa-facebook-f brxe-icon fb-follow-01__icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="bits-svg-icon" aria-hidden="true" focusable="false">
7850<path fill="currentColor" d="M80 299.3l0 212.7 116 0 0-212.7 86.5 0 18-97.8-104.5 0 0-34.6c0-51.7 20.3-71.5 72.7-71.5 16.3 0 29.4 .4 37 1.2l0-88.7C291.4 4 256.4 0 236.2 0 129.3 0 80 50.5 80 159.4l0 42.1-66 0 0 97.8 66 0z"></path></svg></i><a id="brxe-dkupxf" class="brxe-text-basic fb-follow-01__name" href="https://www.facebook.com/meetyu.labs/" rel="noopener noreferrer" target="_blank">Facebook</a></li><li id="brxe-bxhpzh" class="brxe-block fb-follow-01__social bricks-lazy-hidden"><i id="brxe-rpjvdn" class="fab fa-instagram brxe-icon fb-follow-01__icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M224.3 141a115 115 0 1 0 -.6 230 115 115 0 1 0 .6-230zm-.6 40.4a74.6 74.6 0 1 1 .6 149.2 74.6 74.6 0 1 1 -.6-149.2zm93.4-45.1a26.8 26.8 0 1 1 53.6 0 26.8 26.8 0 1 1 -53.6 0zm129.7 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM399 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg></i><a id="brxe-ogaqni" class="brxe-text-basic fb-follow-01__name" href="https://www.instagram.com/meetyu.app/" rel="noopener noreferrer" target="_blank">Instagram</a></li><li id="brxe-lzqfih" class="brxe-block fb-follow-01__social bricks-lazy-hidden"><i id="brxe-pamunv" class="fab fa-youtube brxe-icon fb-follow-01__icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M549.7 124.1C543.5 100.4 524.9 81.8 501.4 75.5 458.9 64 288.1 64 288.1 64S117.3 64 74.7 75.5C51.2 81.8 32.7 100.4 26.4 124.1 15 167 15 256.4 15 256.4s0 89.4 11.4 132.3c6.3 23.6 24.8 41.5 48.3 47.8 42.6 11.5 213.4 11.5 213.4 11.5s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zM232.2 337.6l0-162.4 142.7 81.2-142.7 81.2z"></path></svg></i><a id="brxe-zybdbo" class="brxe-text-basic fb-follow-01__name" href="https://www.youtube.com/@MeetYu-App" rel="noopener noreferrer" target="_blank">YouTube</a></li><li id="brxe-hzzojj" class="brxe-block fb-follow-01__social bricks-lazy-hidden"><i id="brxe-crqogv" class="fab fa-linkedin-in brxe-icon fb-follow-01__icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M100.3 448l-92.9 0 0-299.1 92.9 0 0 299.1zM53.8 108.1C24.1 108.1 0 83.5 0 53.8 0 39.5 5.7 25.9 15.8 15.8s23.8-15.8 38-15.8 27.9 5.7 38 15.8 15.8 23.8 15.8 38c0 29.7-24.1 54.3-53.8 54.3zM447.9 448l-92.7 0 0-145.6c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7l0 148.1-92.8 0 0-299.1 89.1 0 0 40.8 1.3 0c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3l0 164.3-.1 0z"></path></svg></i><a id="brxe-jwient" class="brxe-text-basic fb-follow-01__name" href="https://www.linkedin.com/company/meetyu" rel="noopener noreferrer" target="_blank">LinkedIn</a></li></ul></nav></aside></div></section>
7850<script type="module">
7851  function makeSticky(element) {
7852    var topGap = 120;
7853    var bottomGap = 40;
7854    if (element.hasAttribute('data-top-gap')) {
7855      var v = element.getAttribute('data-top-gap');
7856      topGap = v === 'auto' ? element.getBoundingClientRect().top : parseInt(v);
7857    }
7858    if (element.hasAttribute('data-bottom-gap')) {
7859      bottomGap = parseInt(element.getAttribute('data-bottom-gap'));
7860    }
7861    var isStickyEnabled = false;
7862    var resizeTimer;
7863    var scrollController;
7864    var screenHeight = window.innerHeight;
7865    var elementHeight = element.offsetHeight;
7866    var atTopGap = true;
7867    var currentTop = topGap;
7868    var isTallSidebar;
7869    var endScroll;
7870
7871    function enableSticky() {
7872      if (window.innerWidth <= 767) {
7873        if (isStickyEnabled) {
7874          isStickyEnabled = false;
7875          if (scrollController) scrollController.abort();
7876          element.removeAttribute('style');
7877        }
7878        return;
7879      }
7880      if (!isStickyEnabled) {
7881        isStickyEnabled = true;
7882        currentTop = topGap;
7883        element.style.cssText = 'position:sticky;top:' + topGap + 'px;height:fit-content';
7884      }
7885      updateSticky();
7886    }
7887
7888    function updateSticky() {
7889      if (scrollController) scrollController.abort();
7890      scrollController = new AbortController();
7891      isTallSidebar = elementHeight + topGap + bottomGap > screenHeight;
7892      endScroll = screenHeight - elementHeight - bottomGap + topGap;
7893      var currPos = window.scrollY;
7894
7895      function positionStickyElement() {
7896        var scrollY = window.scrollY;
7897        if (isTallSidebar) {
7898          atTopGap = false;
7899          if (scrollY < currPos) {
7900            if (currentTop < topGap) {
7901              currentTop = Math.min(currentTop + currPos - scrollY, topGap);
7902              element.style.top = currentTop + 'px';
7903            }
7904          } else {
7905            if (currentTop > endScroll) {
7906              currentTop = Math.max(currentTop + currPos - scrollY, endScroll);
7907              element.style.top = currentTop + 'px';
7908            }
7909          }
7910        } else if (!atTopGap) {
7911          currentTop = topGap;
7912          element.style.top = topGap + 'px';
7913          atTopGap = true;
7914        }
7915        currPos = scrollY;
7916      }
7917
7918      document.addEventListener('scroll', positionStickyElement, {
7919        capture: true,
7920        passive: true,
7921        signal: scrollController.signal
7922      });
7923    }
7924
7925    window.addEventListener('resize', function() {
7926      clearTimeout(resizeTimer);
7927      resizeTimer = setTimeout(function() {
7928        screenHeight = window.innerHeight;
7929        elementHeight = element.offsetHeight;
7930        currentTop = topGap;
7931        atTopGap = false;
7932        enableSticky();
7933      }, 500);
7934    });
7935
7936    enableSticky();
7937  }
7938
7939  document.fonts.ready.then(function() {
7940    document.querySelectorAll('.fb-secside__sidebar').forEach(makeSticky);
7941  });
7942</script>
7942
7943</main><footer id="brx-footer"><div id="brxe-msulyw" class="brxe-section footer-14 bricks-lazy-hidden"><div id="brxe-wlwbhe" class="brxe-container footer-14__container bricks-lazy-hidden"><section id="brxe-nmhktn" class="brxe-block footer-14__container-top bricks-lazy-hidden" aria-labelledby="brxe-jhkbor"><h2 id="brxe-ezwwdp" class="brxe-heading footer-14__heading"><span style="background: linear-gradient(to right, #dc7e31, #a74afa); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Get started today</span></h2><ul id="brxe-askmrh" class="brxe-block footer-14__container-contact bricks-lazy-hidden" role="list" aria-label="Download options"><li id="brxe-koklye" class="brxe-block footer-14__contact-element bricks-lazy-hidden"><figure id="brxe-mxjiwg" class="brxe-image app-stores_get-it tag"><a class="tag" href="https://play.google.com/store/apps/details?id=app.meetyu.meetyuapp" rel="noopener noreferrer me" target="_blank" aria-label="Get MeetYu on Google Play (opens in new tab)"><img src="https://www.meetyu.app/wp-content/uploads/2025/10/Get_it_on_Google_Play_Store_badge.svg" class="css-filter size-full" alt="Download MeetYu Life Coach AI Journal on Google Play Store badge" loading="eager" role="none" fetchpriority="low" decoding="async" /></a></figure></li><li id="brxe-iskvtw" class="brxe-block footer-14__contact-element bricks-lazy-hidden"><figure id="brxe-hdcxjz" class="brxe-image app-stores_get-it tag"><a class="tag" href="https://apps.apple.com/us/app/meetyu-journal/id6450647520" rel="noopener noreferrer me" target="_blank" aria-label="Download MeetYu on the App Store (opens in new tab)"><img src="https://www.meetyu.app/wp-content/uploads/2025/10/Download_on_the_App_Store_Badge-1.svg" class="css-filter size-full" alt="Download MeetYu Life Coach AI Journal on the Apple App Store badge" loading="eager" role="none" fetchpriority="low" decoding="async" /></a></figure></li></ul></section><div id="brxe-nyaizo" class="brxe-divider footer-14__divider horizontal" aria-hidden="true"><div class="line"></div></div><section id="brxe-qjtxcx" class="brxe-block footer-14__container-mid bricks-lazy-hidden" aria-label="Navigation columns and newsletter"><div id="brxe-vkrdmz" class="brxe-block footer-14__form-container bricks-lazy-hidden"><div id="brxe-bjjcic" class="brxe-mailerpress-optin form-mailerpress mailerpress-optin-form" data-element-id="bjjcic">        <form class="mailerpress-optin-form-element mailerpress-form-columns-1" method="post" action="">
7944            <input type="hidden" id="mailerpress_optin_nonce" name="mailerpress_optin_nonce" value="4bae3d50f2" /><input type="hidden" name="_wp_http_referer" value="/blog/" />            <input type="hidden" name="element_id" value="bjjcic">
7945            <input type="hidden" name="page_id" value="2044">
7946            <input type="hidden" name="element_settings" value="{&quot;form_fields&quot;:[{&quot;field_type&quot;:&quot;email&quot;,&quot;field_label&quot;:&quot;Email&quot;,&quot;field_name&quot;:&quot;email&quot;,&quot;field_required&quot;:true,&quot;field_placeholder&quot;:&quot;Enter your email&quot;,&quot;id&quot;:&quot;atnfob&quot;},{&quot;field_type&quot;:&quot;checkbox&quot;,&quot;field_label&quot;:&quot;Accept Newsletter \u0026 Privacy Policy&quot;,&quot;field_name&quot;:&quot;privacy&quot;,&quot;field_required&quot;:true,&quot;field_placeholder&quot;:&quot;Enter your email&quot;,&quot;id&quot;:&quot;kqpxbo&quot;,&quot;consent_label&quot;:&quot;I agree to receive newsletters from MeetYu and accept the \u003Ca href=\u0022https:\/\/www.meetyu.app\/privacy-policy\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003EPrivacy Policy\u003C\/a\u003E&quot;}],&quot;mailerpress_list&quot;:[&quot;1&quot;,&quot;2&quot;],&quot;mailerpress_tags&quot;:[&quot;1&quot;],&quot;double_optin&quot;:&quot;yes&quot;,&quot;field_mapping&quot;:[{&quot;id&quot;:&quot;qhlzht&quot;,&quot;mailerpress_field&quot;:&quot;contactFirstName&quot;,&quot;form_field&quot;:&quot;name&quot;},{&quot;id&quot;:&quot;bohgjg&quot;,&quot;mailerpress_field&quot;:&quot;email&quot;,&quot;form_field&quot;:&quot;email&quot;}],&quot;form_columns&quot;:&quot;1&quot;,&quot;success_message&quot;:&quot;
7946Thank you! Please check your email to confirm your subscription.&quot;,&quot;error_message&quot;:&quot;An error occurred. Please try again.&quot;,&quot;redirect_delay&quot;:2000,&quot;buttonText&quot;:&quot;Subscribe&quot;,&quot;buttonIconPosition&quot;:&quot;left&quot;,&quot;enableTurnstile&quot;:true,&quot;_cssGlobalClasses&quot;:[&quot;enojwa&quot;],&quot;optin_source&quot;:&quot;Footer form&quot;}">
7947
7948                                        <input type="text" name="website" value="" style="position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; pointer-events: none; tabindex: -1;" autocomplete="off" aria-hidden="true">
7949            
7950                        
7951            <div class="mailerpress-form-fields-wrapper">
7952                                                                                <div class="mailerpress-form-field">
7953                            <label for="mailerpress-field-bjjcic-0">
7954                                Email                                                                    <span class="required">*</span>
7955                                                            </label>
7956                            <input type="email" id="mailerpress-field-bjjcic-0" name="email" placeholder="Enter your email" required>                        </div>
7957                                                                                                    <div class="mailerpress-form-field mailerpress-consent-field">
7958                            <label for="mailerpress-field-bjjcic-1">
7959                                <input type="checkbox" id="mailerpress-field-bjjcic-1" name="privacy" value="1" required>
7960                                <span>
7961                                    I agree to receive newsletters from MeetYu and accept the <a href="https://www.meetyu.app/privacy-policy/" target="_blank" rel="noopener">Privacy Policy</a>                                                                            <span class="required">*</span>
7962                                                                    </span>
7963                            </label>
7964                        </div>
7965                                                </div>
7966
7967                        
7968                                        <div class="mailerpress-turnstile-wrapper" style="margin: 10px 0;">
7969                    <div class="cf-turnstile" data-sitekey="0x4AAAAAAB8x_X_LtkrqBPYE"></div>
7970                </div>
7971            
7972            <div class="mailerpress-form-submit">
7973                <button type="submit" class="mailerpress-submit-button bricks-button bricks-background-primary">
7974                    <span class="bricks-button-text">Subscribe</span>                </button>
7975            </div>
7976
7977            <div class="mailerpress-form-message" style="display: none;"></div>
7978        </form>
7979
7980                                            
7980<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
7980
7981        
7982        
7982<script>
7983            (function() {
7984                document.addEventListener('DOMContentLoaded', function() {
7985                    var formElement = document.querySelector('.mailerpress-optin-form[data-element-id="bjjcic"] form');
7986
7987                    if (!formElement) {
7988                        return;
7989                    }
7990
7991                    
7992                    formElement.addEventListener('submit', function(e) {
7993                        e.preventDefault();
7994
7995                        var form = this;
7996                        var message = form.querySelector('.mailerpress-form-message');
7997                        var button = form.querySelector('.mailerpress-submit-button');
7998                        var originalButtonText = button ? button.textContent : 'Subscribe';
7999
8000                        
8001                        submitForm(form, message, button, originalButtonText);
8002                    });
8003
8004                    function submitForm(form, message, button, originalButtonText) {
8005
8006                        // Hide message and reset classes
8007                        if (message) {
8008                            message.style.display = 'none';
8009                            message.className = 'mailerpress-form-message';
8010                            message.textContent = '';
8011                        }
8012
8013                        // Disable button and show loading state
8014                        if (button) {
8015                            button.disabled = true;
8016                            button.textContent = 'Submitting...';
8017                        }
8018
8019                        // Serialize form data
8020                        var formData = new FormData(form);
8021                        formData.append('action', 'mailerpress_bricks_submit');
8022
8023                        // Make fetch request
8024                        fetch('https://www.meetyu.app/wp-admin/admin-ajax.php', {
8025                                method: 'POST',
8026                                body: formData
8027                            })
8028                            .then(function(response) {
8029                                if (!response.ok) {
8030                                    throw new Error('Network response was not ok');
8031                                }
8032                                return response.json();
8033                            })
8034                            .then(function(data) {
8035                                if (button) {
8036                                    button.disabled = false;
8037                                    button.textContent = originalButtonText;
8038                                }
8039
8040                                if (data.success) {
8041                                    if (message) {
8042                                        message.className = 'mailerpress-form-message success';
8043                                        message.textContent = data.data.message;
8044                                        message.style.display = 'block';
8045                                    }
8046                                    form.reset();
8047
8048                                    // Check if redirect is enabled
8049                                    var enableRedirect = false;
8050                                    var redirectPage = '';
8051                                    var redirectDelay = 2000;
8052
8053                                    if (enableRedirect && redirectPage) {
8054                                        setTimeout(function() {
8055                                            window.location.href = redirectPage;
8056                                        }, redirectDelay);
8057                                    }
8058                                } else {
8059                                    if (message) {
8060                                        message.className = 'mailerpress-form-message error';
8061                                        message.textContent = data.data.message || 'An error occurred. Please try again.';
8062                                        message.style.display = 'block';
8063                                    }
8064                                }
8065                            })
8066                            .catch(function(error) {
8067                                if (button) {
8068                                    button.disabled = false;
8069                                    button.textContent = originalButtonText;
8070                                }
8071
8072                                if (message) {
8073                                    message.className = 'mailerpress-form-message error';
8074                                    message.textContent = 'An error occurred. Please try again.';
8075                                    message.style.display = 'block';
8076                                }
8077                            });
8078                    }
8079                });
8080            })();
8081        </script>
8081
8082
8083        <style>
8084            .mailerpress-optin-form {
8085                max-width: 100%;
8086                width: 100%;
8087            }
8088
8089            .mailerpress-form-fields-wrapper {
8090                display: flex;
8091                flex-wrap: wrap;
8092                gap: 8px;
8093            }
8094
8095            .mailerpress-form-field {
8096                flex: 1 1 100%;
8097            }
8098
8099            .mailerpress-form-columns-2 .mailerpress-form-field {
8100                flex: 1 1 calc(50% - 7.5px);
8101            }
8102
8103            .mailerpress-form-columns-3 .mailerpress-form-field {
8104                flex: 1 1 calc(33.333% - 10px);
8105            }
8106
8107            .mailerpress-form-field label {
8108                display: block;
8109            }
8110
8111            .mailerpress-form-field input,
8112            .mailerpress-form-field textarea {
8113                width: 100%;
8114                box-sizing: border-box;
8115            }
8116
8117            .mailerpress-consent-field {
8118                flex-basis: 100% !important;
8119            }
8120
8121            .mailerpress-consent-field label {
8122                display: flex !important;
8123                align-items: flex-start;
8124                gap: 8px;
8125                cursor: pointer;
8126            }
8127
8128            .mailerpress-consent-field input[type="checkbox"] {
8129                width: auto;
8130                margin-top: 3px;
8131                flex-shrink: 0;
8132            }
8133
8134            .mailerpress-form-field textarea {
8135                min-height: 100px;
8136                resize: vertical;
8137            }
8138
8139            .mailerpress-submit-button {
8140                display: inline-flex;
8141                align-items: center;
8142                gap: 8px;
8143                margin-top: 10px;
8144            }
8145
8146            .mailerpress-submit-button .bricks-button-icon {
8147                display: inline-flex;
8148                align-items: center;
8149            }
8150
8151            .mailerpress-form-message {
8152                margin-top: 15px;
8153                padding: 10px;
8154                border-radius: 4px;
8155            }
8156
8157            .mailerpress-form-message.success {
8158                background-color: #00a32a;
8159                color: #fff;
8160            }
8161
8162            .mailerpress-form-message.error {
8163                background-color: #d63638;
8164                color: #fff;
8165            }
8166
8167            @media (max-width: 768px) {
8168
8169                .mailerpress-form-columns-2 .mailerpress-form-field,
8170                .mailerpress-form-columns-3 .mailerpress-form-field {
8171                    flex: 1 1 100%;
8172                }
8173            }
8174        </style>
8175        </div>
8176</div><section id="brxe-pwcngh" class="brxe-block footer-14__menu-section bricks-lazy-hidden" aria-labelledby="brxe-eqhpem"><h3 id="brxe-mjqlrv" class="brxe-heading footer-14__menu-heading">Pages</h3><div id="brxe-szejxw" data-script-id="szejxw" class="brxe-nav-menu footer-14__menu"><nav class="bricks-nav-menu-wrapper never" aria-label="Pages"><ul id="menu-pages" class="bricks-nav-menu"><li id="menu-item-4272" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-4272 bricks-menu-item"><a href="https://www.meetyu.app/">Home</a></li>
8177<li id="menu-item-4273" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-1400 current_page_item current_page_parent menu-item-4273 bricks-menu-item"><a href="https://www.meetyu.app/blog/" aria-current="page">Blog</a></li>
8178<li id="menu-item-4275" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4275 bricks-menu-item"><a href="https://www.meetyu.app/faq/">FAQ</a></li>
8179<li id="menu-item-4276" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4276 bricks-menu-item"><a href="https://www.meetyu.app/newsletter/">Newsletter</a></li>
8180<li id="menu-item-4278" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4278 bricks-menu-item"><a href="https://www.meetyu.app/our-story/">Our Story</a></li>
8181<li id="menu-item-4279" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4279 bricks-menu-item"><a href="https://www.meetyu.app/linktree/">Linktree</a></li>
8182</ul></nav></div></section><section id="brxe-dnzcck" class="brxe-block footer-14__menu-section footer-14__menu-social bricks-lazy-hidden" aria-labelledby="brxe-oizngo"><h3 id="brxe-laixvd" class="brxe-heading footer-14__menu-heading">Social media</h3><ul id="brxe-lpiisx" class="brxe-block footer-14__container-social bricks-lazy-hidden" aria-label="Social media links" role="list"><li id="brxe-ivfvpo" class="brxe-block footer-14__social-element bricks-lazy-hidden"><a id="brxe-vxvoaf" href="https://www.linkedin.com/company/meetyu" rel="noopener noreferrer me" target="_blank" aria-label="Follow MeetYu on LinkedIn (opens in new tab)" class="brxe-block footer-14__social-link bricks-lazy-hidden"><i id="brxe-mcqtdm" class="fab fa-linkedin-in brxe-icon footer-14__social-icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="bits-svg-icon" aria-hidden="true" focusable="false">
8182<path fill="currentColor" d="M100.3 448l-92.9 0 0-299.1 92.9 0 0 299.1zM53.8 108.1C24.1 108.1 0 83.5 0 53.8 0 39.5 5.7 25.9 15.8 15.8s23.8-15.8 38-15.8 27.9 5.7 38 15.8 15.8 23.8 15.8 38c0 29.7-24.1 54.3-53.8 54.3zM447.9 448l-92.7 0 0-145.6c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7l0 148.1-92.8 0 0-299.1 89.1 0 0 40.8 1.3 0c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3l0 164.3-.1 0z"></path></svg></i><span id="brxe-kcodxp" class="brxe-text-basic footer-14__social-info">LinkedIn</span></a></li><li id="brxe-ntditl" class="brxe-block footer-14__social-element bricks-lazy-hidden"><a id="brxe-eosrhh" href="https://x.com/MeetYu_App" rel="noopener noreferrer me" target="_blank" aria-label="Follow MeetYu on X (Twitter) (opens in new tab)" class="brxe-block footer-14__social-link bricks-lazy-hidden"><i id="brxe-xwlnmf" class="fab fa-x-twitter brxe-icon footer-14__social-icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M357.2 48L427.8 48 273.6 224.2 455 464 313 464 201.7 318.6 74.5 464 3.8 464 168.7 275.5-5.2 48 140.4 48 240.9 180.9 357.2 48zM332.4 421.8l39.1 0-252.4-333.8-42 0 255.3 333.8z"></path></svg></i><span id="brxe-lmqgal" class="brxe-text-basic footer-14__social-info">X (Twitter)</span></a></li><li id="brxe-ngwdep" class="brxe-block footer-14__social-element bricks-lazy-hidden"><a id="brxe-ttyddn" href="https://www.youtube.com/@MeetYu-App" rel="noopener noreferrer me" target="_blank" aria-label="Follow MeetYu on YouTube (opens in new tab)" class="brxe-block footer-14__social-link bricks-lazy-hidden"><i id="brxe-jeauct" class="fab fa-youtube brxe-icon footer-14__social-icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M549.7 124.1C543.5 100.4 524.9 81.8 501.4 75.5 458.9 64 288.1 64 288.1 64S117.3 64 74.7 75.5C51.2 81.8 32.7 100.4 26.4 124.1 15 167 15 256.4 15 256.4s0 89.4 11.4 132.3c6.3 23.6 24.8 41.5 48.3 47.8 42.6 11.5 213.4 11.5 213.4 11.5s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zM232.2 337.6l0-162.4 142.7 81.2-142.7 81.2z"></path></svg></i><span id="brxe-oacwvw" class="brxe-text-basic footer-14__social-info">YouTube</span></a></li><li id="brxe-sncmdh" class="brxe-block footer-14__social-element bricks-lazy-hidden"><a id="brxe-dergnz" href="https://www.facebook.com/meetyu.labs/" rel="noopener noreferrer me" target="_blank" aria-label="Follow MeetYu on Facebook (opens in new tab)" class="brxe-block footer-14__social-link bricks-lazy-hidden"><i id="brxe-dbvftd" class="fab fa-facebook brxe-icon footer-14__social-icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5l0-170.3-52.8 0 0-78.2 52.8 0 0-33.7c0-87.1 39.4-127.5 125-127.5 16.2 0 44.2 3.2 55.7 6.4l0 70.8c-6-.6-16.5-1-29.6-1-42 0-58.2 15.9-58.2 57.2l0 27.8 83.6 0-14.4 78.2-69.3 0 0 175.9C413.8 494.8 512 386.9 512 256z"></path></svg></i><span id="brxe-dyzbai" class="brxe-text-basic footer-14__social-info">Facebook</span></a></li><li id="brxe-ulxhyh" class="brxe-block footer-14__social-element bricks-lazy-hidden"><a id="brxe-jrdfcr" href="https://www.instagram.com/meetyu.app/" rel="noopener noreferrer me" target="_blank" aria-label="Follow MeetYu on Instagram (opens in new tab)" class="brxe-block footer-14__social-link bricks-lazy-hidden"><i id="brxe-expaeo" class="fab fa-instagram brxe-icon footer-14__social-icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M224.3 141a115 115 0 1 0 -.6 230 115 115 0 1 0 .6-230zm-.6 40.4a74.6 74.6 0 1 1 .6 149.2 74.6 74.6 0 1 1 -.6-149.2zm93.4-45.1a26.8 26.8 0 1 1 53.6 0 26.8 26.8 0 1 1 -53.6 0zm129.7 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM399 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg></i><span id="brxe-sweajx" class="brxe-text-basic footer-14__social-info">Instagram</span></a></li><li id="brxe-uqdoha" class="brxe-block footer-14__social-element bricks-lazy-hidden"><a id="brxe-gcmjmi" href="https://www.reddit.com/r/MeetYu/" rel="noopener noreferrer me" target="_blank" aria-label="Follow MeetYu on Reddit (
8182opens in new tab)" class="brxe-block footer-14__social-link bricks-lazy-hidden"><i id="brxe-vtoili" class="fab fa-reddit-alien brxe-icon footer-14__social-icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M373 138.6c-25.2 0-46.3-17.5-51.9-41-30.6 4.3-54.2 30.7-54.2 62.4l0 .2c47.4 1.8 90.6 15.1 124.9 36.3 12.6-9.7 28.4-15.5 45.5-15.5 41.3 0 74.7 33.4 74.7 74.7 0 29.8-17.4 55.5-42.7 67.5-2.4 86.8-97 156.6-213.2 156.6S45.5 410.1 43 323.4c-25.4-11.9-43-37.7-43-67.7 0-41.3 33.4-74.7 74.7-74.7 17.2 0 33 5.8 45.7 15.6 34-21.1 76.8-34.4 123.7-36.4l0-.3c0-44.3 33.7-80.9 76.8-85.5 4.9-24.2 26.3-42.4 52.1-42.4 29.4 0 53.3 23.9 53.3 53.3s-23.9 53.3-53.3 53.3zM157.5 255.3c-20.9 0-38.9 20.8-40.2 47.9s17.1 38.1 38 38.1 36.6-9.8 37.8-36.9-14.7-49.1-35.7-49.1l.1 0zM395 303.1c-1.2-27.1-19.2-47.9-40.2-47.9s-36.9 22-35.7 49.1 16.9 36.9 37.8 36.9 39.3-11 38-38.1l.1 0zm-60.1 70.8c1.5-3.6-1-7.7-4.9-8.1-23-2.3-47.9-3.6-73.8-3.6s-50.8 1.3-73.8 3.6c-3.9 .4-6.4 4.5-4.9 8.1 12.9 30.8 43.3 52.4 78.7 52.4s65.8-21.6 78.7-52.4z"></path></svg></i><span id="brxe-kuuaab" class="brxe-text-basic footer-14__social-info">Reddit</span></a></li></ul></section><section id="brxe-eylcyo" class="brxe-block footer-14__menu-section bricks-lazy-hidden" aria-labelledby="brxe-sbzgla"><h3 id="brxe-pxzzas" class="brxe-heading footer-14__menu-heading">Legal</h3><div id="brxe-wcvwpr" data-script-id="wcvwpr" class="brxe-nav-menu footer-14__menu"><nav class="bricks-nav-menu-wrapper never" aria-label="Legal"><ul id="menu-legal" class="bricks-nav-menu"><li id="menu-item-3581" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3581 bricks-menu-item"><a href="https://www.meetyu.app/legal-notice/">Legal Notice</a></li>
8183<li id="menu-item-3582" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3582 bricks-menu-item"><a href="https://www.meetyu.app/website-terms/">Website ToU</a></li>
8184<li id="menu-item-3583" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3583 bricks-menu-item"><a href="https://www.meetyu.app/terms-of-service/">Customer ToS</a></li>
8185<li id="menu-item-3584" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-3584 bricks-menu-item"><a href="https://www.meetyu.app/privacy-policy/">Privacy Policy</a></li>
8186<li id="menu-item-3585" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3585 bricks-menu-item"><a href="https://www.meetyu.app/cookie-policy/">Cookie Policy</a></li>
8187<li id="menu-item-3586" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3586 bricks-menu-item"><a href="https://www.meetyu.app/accessibility-statement/">Accessibility</a></li>
8188</ul></nav></div></section></section><div id="brxe-ohubgp" class="brxe-divider footer-14__divider horizontal" aria-hidden="true"><div class="line"></div></div><div id="brxe-cewuvh" class="brxe-block footer-16__container-top bricks-lazy-hidden"><a id="brxe-reeauu" href="https://www.meetyu.app/" rel="home" aria-label="MeetYu home" class="brxe-div bricks-lazy-hidden"><svg decoding="async" fetchpriority="low" aria-hidden="true" class="brxe-svg" id="brxe-ylclqp" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="2800" zoomAndPan="magnify" viewBox="0 0 2100 2100.000016" height="2800" preserveAspectRatio="xMidYMid meet" version="1.2"><defs><clipPath id="d709f676df"><path d="M 0.5 0 L 2099.5 0 L 2099.5 2099 L 0.5 2099 Z M 0.5 0 "></path></clipPath><clipPath id="21a835ad5f"><path d="M 389.988281 360.222656 L 1672.625 360.222656 L 1672.625 1815.28125 L 389.988281 1815.28125 Z M 389.988281 360.222656 "></path></clipPath></defs><g id="42498f3499"><g clip-rule="nonzero" clip-path="url(#d709f676df)"><path style=" stroke:none;fill-rule:nonzero;fill:#ffffff;fill-opacity:1;" d="M 0.5 0 L 2099.5 0 L 2099.5 2099 L 0.5 2099 Z M 0.5 0 "></path><path style=" stroke:none;fill-rule:nonzero;fill:#6200ee;fill-opacity:1;" d="M 0.5 0 L 2099.5 0 L 2099.5 2099 L 0.5 2099 Z M 0.5 0 "></path></g><g clip-rule="nonzero" clip-path="url(#21a835ad5f)"><path style=" stroke:none;fill-rule:nonzero;fill:#6200ee;fill-opacity:1;" d="M 138.023438 181.921875 L 1928.921875 181.921875 L 1928.921875 1972.820312 L 138.023438 1972.820312 Z M 138.023438 181.921875 "></path></g><path style=" stroke:none;fill-rule:nonzero;fill:#ffffff;fill-opacity:1;" d="M 1061.015625 1759.597656 L 1061.015625 1375.054688 C 1061.015625 1375.054688 1051.058594 1244.460938 1167.394531 1120.351562 C 1249.132812 1033.171875 1362.566406 980.160156 1462.355469 976.007812 C 1502.4375 974.324219 1579.050781 974.753906 1584.207031 974.789062 C 1587.613281 974.789062 1671.425781 970.097656 1668.308594 1049.21875 C 1664.65625 1141.128906 1668.308594 1475.882812 1668.308594 1475.882812 C 1668.308594 1475.882812 1667.234375 1619.941406 1537.25 1631.226562 C 1400.929688 1643.042969 1299.527344 1682.195312 1225.277344 1727.933594 C 1200.347656 1741.792969 1177.351562 1757.839844 1153.535156 1776.96875 C 1083.152344 1833.453125 1057.113281 1786.101562 1060.980469 1759.597656 Z M 1061.015625 1759.597656 "></path><path style=" stroke:none;fill-rule:nonzero;fill:#ffffff;fill-opacity:1;" d="M 993.605469 1745.449219 L 993.605469 1042.84375 C 993.605469 1042.84375 1004.675781 705.941406 627.332031 705.941406 L 470.519531 705.941406 C 470.519531 705.941406 398.492188 698.167969 398.492188 785.167969 L 398.492188 1482.257812 C 398.492188 1482.257812 402.359375 1617.46875 540.332031 1617.46875 C 678.300781 1617.46875 782.496094 1655.6875 859.503906 1700.03125 C 883.644531 1713.929688 925.550781 1743.980469 937.980469 1755.476562 C 978.0625 1792.546875 991.921875 1774.820312 993.570312 1745.449219 Z M 993.605469 1745.449219 "></path><path style=" stroke:none;fill-rule:nonzero;fill:#aeadf8;fill-opacity:1;" d="M 1044.324219 1126.800781 L 1044.324219 840.867188 C 1044.324219 840.867188 1060.945312 605.9375 1233.835938 480.679688 C 1406.730469 355.460938 1585.320312 357.9687
81885 1605.089844 390.921875 C 1611.753906 401.988281 1623.929688 538.3125 1539.722656 703.433594 C 1455.515625 868.554688 1366.828125 917.335938 1264.890625 968.304688 C 1162.953125 1019.273438 1079.820312 1125.691406 1069.828125 1143.421875 C 1059.832031 1161.148438 1047.65625 1179.988281 1044.324219 1126.800781 Z M 1044.324219 1126.800781 "></path></g></svg><span id="brxe-lkpurp" class="brxe-text-basic" aria-hidden="true">MeetYu</span></a><div id="brxe-fynjov" class="brxe-div footer-16__social-container bricks-lazy-hidden"><small id="brxe-luxhxw" class="brxe-text-basic footer-14__credit-name">Copyright <span aria-hidden="true">©</span> <time datetime="2025">2025</time>–<time datetime="2026">2026</time> <span aria-hidden="true">•</span> <span translate="no">MeetYu LLC</span></small></div></div></div><div id="brxe-gcilic" data-script-id="gcilic" class="brxe-code"><style>/* ── App Store badges: performance + motion accessibility ─────────────────
8189   will-change: promotes badges to compositor layer → no layout repaint on hover.
8190   prefers-reduced-motion: removes scale transform for users with vestibular
8191   disorders or OS-level reduced-motion preference (WCAG 2.3.3 best practice). */
8192@media (prefers-reduced-motion: no-preference) {
8193  .app-stores_get-it {
8194    will-change: transform;
8195  }
8196}
8197
8198@media (prefers-reduced-motion: reduce) {
8199  .app-stores_get-it {
8200    transition: none !important;
8201    transform: none !important;
8202  }
8203  .app-stores_get-it:hover {
8204    transform: none !important;
8205  }
8206}
8207
8208/* ── Social & nav link focus indicators — WCAG 2.4.7 / 2.4.11 ────────────
8209   zadtvc / nav-menu classes define hover styles but no :focus-visible.
8210   outline:3px solid transparent is invisible normally but WHCM forces it
8211   visible; border-radius matches the link's visual shape. */
8212#brxe-hzznzo:focus-visible,
8213#brxe-ogdrpo a:focus-visible,
8214#brxe-dfeqjy a:focus-visible,
8215#brxe-lirugy a:focus-visible,
8216#brxe-hxgaja a:focus-visible,
8217#brxe-hdehsj a:focus-visible {
8218  outline: 3px solid transparent;
8219  box-shadow: 0 0 0 3px var(--primary);
8220  border-radius: 3px;
8221  text-decoration: underline;
8222}
8223/* ── Gradient h2 text: forced-colors (WHCM) fix — WCAG 1.4.3 ─────────────
8224   -webkit-text-fill-color:transparent + background-clip:text → text invisible
8225   in Windows High Contrast Mode because OS removes CSS backgrounds.
8226   CanvasText is the system's forced foreground color token. */
8227@media (forced-colors: active) {
8228  #brxe-jhkbor span {
8229    -webkit-text-fill-color: CanvasText;
8230    background: none;
8231  }
8232}
8233/* ── Form controls focus — WCAG 2.4.7 ─────────────────────────────────
8234   Completes focus-visible coverage for the newsletter form.
8235   Includes the inline Privacy Policy <a> inside the checkbox label,
8236   which is a keyboard-focusable element with no inherited focus style.
8237   Same ring pattern as all other interactive elements above. */
8238#brxe-kyhlsb button[type="submit"]:focus-visible,
8239#brxe-kyhlsb input[type="email"]:focus-visible,
8240#brxe-kyhlsb a:focus-visible {
8241  outline: 3px solid transparent;
8242  box-shadow: 0 0 0 3px var(--primary);
8243  border-radius: 3px;
8244}
8245/* ── Footer render-skip — content-visibility: auto ─────────────────────
8246   Defers layout + paint until near-viewport. Progressive enhancement:
8247   unsupported browsers ignore it. DOM remains accessible to screen
8248   readers, find-in-page, and anchor navigation.
8249   contain-intrinsic-BLOCK-size (not contain-intrinsic-size) because
8250   only the block axis needs an estimate — the inline axis is
8251   parent-determined for this block-level div in normal flow.
8252   'auto' remembers real height after first render (bfcache-friendly);
8253   500px is the initial estimate before first paint. */
8254#brxe-hlzklw {
8255  content-visibility: auto;
8256  contain-intrinsic-block-size: auto 500px;
8257}</style></div></div></footer>
8257<script data-cfasync="false" data-no-minify="1" data-no-optimize="1" id="borlabs-cookie-core-js-module" src="https://www.meetyu.app/wp-content/plugins/borlabs-cookie/assets/javascript/borlabs-cookie.min.js?ver=3.4.5" type="module"></script>
8257
8258<!--googleoff: all--><div data-nosnippet data-borlabs-cookie-consent-required='true' id='BorlabsCookieBox'></div><div id='BorlabsCookieWidget' class='brlbs-cmpnt-container'></div><!--googleon: all-->
8258<script id="flying-press-vitals-js-extra">
8259var flying_press_vitals = {"site_id":"c351787988908c2a3d9bdf294fd06960"};
8260//# sourceURL=flying-press-vitals-js-extra
8261</script>
vendor: 1 bytes, line 8261
8261
8262<script id="flying-press-vitals-js" src="https://www.meetyu.app/wp-content/plugins/flying-press/assets/vitals.min.js"></script>
vendor: 1 bytes, line 8262
8262
8263<script id="rate-my-post-js-extra">
8264var rmp_frontend = {"admin_ajax":"https://www.meetyu.app/wp-admin/admin-ajax.php","postID":"2044","noVotes":"No votes so far! Be the first to rate this post.","cookie":"You already voted! This vote will not be counted!","afterVote":"Thank you for rating this post!","notShowRating":"1","social":"1","feedback":"1","cookieDisable":"1","emptyFeedback":"Please insert your feedback in the box above!","hoverTexts":"1","preventAccidental":"1","grecaptcha":"1","siteKey":"","turnstile":"1","turnstileSiteKey":"","turnstileTheme":"auto","turnstileSize":"normal","votingPriv":"1","loggedIn":"","positiveThreshold":"3","ajaxLoad":"2","disableClearCache":"1","nonce":"0cf2c7f93a","is_not_votable":"false"};
8265//# sourceURL=rate-my-post-js-extra
8266</script>
vendor: 1 bytes, line 8266
8266
8267<script id="rate-my-post-js" src="https://www.meetyu.app/wp-content/plugins/rate-my-post/public/js/rate-my-post.min.js"></script>
vendor: 1 bytes, line 8267
8267
8268<script id="bricks-scripts-js-extra">
8269var bricksData = {"debug":"","locale":"en_US","ajaxUrl":"https://www.meetyu.app/wp-admin/admin-ajax.php","restApiUrl":"https://www.meetyu.app/wp-json/bricks/v1/","nonce":"dc88ef86c1","formNonce":"9e158f556d","wpRestNonce":"2eef46bf63","postId":"1400","recaptchaIds":[],"animatedTypingInstances":[],"videoInstances":[],"splideInstances":[],"tocbotInstances":[],"swiperInstances":[],"queryLoopInstances":[],"interactions":[],"filterInstances":[],"isotopeInstances":[],"activeFiltersCountInstances":[],"googleMapInstances":[],"leafletMapInstances":[],"choicesInstances":[],"facebookAppId":"","headerPosition":"top","offsetLazyLoad":"300","baseUrl":"https://www.meetyu.app/blog/","useQueryFilter":"1","pageFilters":[],"language":"","wpmlUrlFormat":"","multilangPlugin":"","i18n":{"choicesjs":{"noChoicesText":"No choices to choose from","noResultsText":"No results found","removeItemIconText":"Remove item","search":"Search"},"close":"Close","closeMobileMenu":"Close mobile menu","firstSlide":"Go to first slide","hidePassword":"Hide password","lastSlide":"Go to last slide","locationContent":"Location content","locationSubtitle":"Location subtitle","locationTitle":"Location title","nextSlide":"Next slide","noLocationsFound":"No locations found","openAccordion":"Open accordion","openMobileMenu":"Open mobile menu","pause":"Pause autoplay","play":"Start autoplay","prevSlide":"Previous slide","queryUpdated":"Results updated.","queryUpdatedPage":"Results updated. Page %s.","remove":"Remove","showPassword":"Show password","slideX":"Go to slide %s","splide":{"carousel":"carousel","select":"Select a slide to show","slide":"slide","slideLabel":"%s of %s"},"swiper":{"paginationBulletMessage":"Go to slide {{index}}","slideLabelMessage":"{{index}} / {{slidesLength}}"},"zoom":"Zoom"},"selectedFilters":[],"filterNiceNames":[],"bricksGoogleMarkerScript":"https://www.meetyu.app/wp-content/themes/bricks/assets/js/libs/bricks-google-marker.min.js?v=2.3.12","infoboxScript":"https://www.meetyu.app/wp-content/themes/bricks/assets/js/libs/infobox.min.js?v=2.3.12","markerClustererScript":"https://www.meetyu.app/wp-content/themes/bricks/assets/js/libs/markerclusterer.min.js?v=2.3.12","mainQueryId":"apatfj","activeSearchTemplate":"0","defaultMode":"light"};
8270//# sourceURL=bricks-scripts-js-extra
8271</script>
vendor: 1 bytes, line 8271
8271
8272<script id="bricks-scripts-js" src="https://www.meetyu.app/wp-content/themes/bricks/assets/js/bricks.min.js"></script>
vendor: 1 bytes, line 8272
8272
8273<script id="fluent_aff_public-js-extra">
8274var fluent_aff_vars = {"duration_days":"30","aff_param":"","other_params":["utm_source","utm_medium","utm_campaign","visit_id"],"credit_last":"1","request_url":"https://www.meetyu.app/wp-admin/admin-ajax.php?action=fluent_aff_count_visit"};
8275//# sourceURL=fluent_aff_public-js-extra
8276</script>
vendor: 1 bytes, line 8276
8276
8277<script id="fluent_aff_public-js" src="https://www.meetyu.app/wp-content/plugins/fluent-affiliate/assets/public/fluent_aff.js"></script>
vendor: 1 bytes, line 8277
8277
8278<script data-wp-strategy="defer" defer id="fancy-animations:frontend-scroll-js" src="https://www.meetyu.app/wp-content/plugins/fancy-animations/build/frontend/scroll.js"></script>
vendor: 1 bytes, line 8278
8278
8279<script id="fancy-animations:frontend-observer-js-before">
8280fba_execute_once = 1;
8281fba_min_screen_size = 0;
8282fba_scroll_direction_control = 1;
8283fba_global_selector_rules = [];
8284//# sourceURL=fancy-animations%3Afrontend-observer-js-before
8285</script>
vendor: 1 bytes, line 8285
8285
8286<script data-wp-strategy="defer" defer id="fancy-animations:frontend-observer-js" src="https://www.meetyu.app/wp-content/plugins/fancy-animations/build/frontend/observer.js"></script>
vendor: 1 bytes, line 8286
8286
8287<script id="fancy-animations:frontend-cursor-js-before">
8288fbaCursorSpeed = '0.3';
8289fbaCursorStyle = 'default';
8290fbaCursorRadius = 50;
8291fbaCursorOutline = 'fill';
8292fbaCursorSticky = 0;
8293fbaCursorDashRotate = 0;
8294fbaCursorTrail = 0;
8295fbaCursorTrailCount = 3;
8296fbaCursorClickEffect = 'shrink';
8297fbaCursorForceBW = 1;
8298fbaCursorImgLabelSize = 200;
8299fbaCursorImgLabelRatio = '1 / 1';
8300fbaCursorImgLabelRadius = 20;
8301fbaCursorBlendMode = 0;
8302fbaInvertCursor = '.cursor-invert';
8303fbaExcludeCursor = '.disable-cursor, input, textarea';
8304fbaExcludeHoverCursor = '.disable-hover-cursor';
8305//# sourceURL=fancy-animations%3Afrontend-cursor-js-before
8306</script>
vendor: 1 bytes, line 8306
8306
8307<script data-wp-strategy="defer" defer id="fancy-animations:frontend-cursor-js" src="https://www.meetyu.app/wp-content/plugins/fancy-animations/build/frontend/custom-cursor.js"></script>
vendor: 1 bytes, line 8307
8307
8308<script data-wp-strategy="defer" defer id="fancy-animations:mouse-events-js" src="https://www.meetyu.app/wp-content/plugins/fancy-animations/build/frontend/mouse.js"></script>
vendor: 1 bytes, line 8308
8308
8309<script data-wp-strategy="defer" defer id="fancy-animations:text-break-js" src="https://www.meetyu.app/wp-content/plugins/fancy-animations/build/frontend/text.js"></script>
vendor: 1 bytes, line 8309
8309
8310<script data-wp-strategy="defer" defer id="fancy-animations:gradient-bg-js" src="https://www.meetyu.app/wp-content/plugins/fancy-animations/build/frontend/gradient-bg.js"></script>
vendor: 1 bytes, line 8310
8310
8311<script id="wp-consent-api-js-extra">
8312var consent_api = {"consent_type":"","waitfor_consent_hook":"","cookie_expiration":"30","cookie_prefix":"wp_consent","services":[]};
8313//# sourceURL=wp-consent-api-js-extra
8314</script>
vendor: 1 bytes, line 8314
8314
8315<script id="wp-consent-api-js" src="https://www.meetyu.app/wp-content/plugins/wp-consent-api/assets/js/wp-consent-api.min.js"></script>
8315
8316<template id="brlbs-cmpnt-cb-template-google-maps-bricks">
8317 <div class="brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles" data-borlabs-cookie-content-blocker-id="google-maps-bricks" data-borlabs-cookie-content="PGRpdiBzdHlsZT0iZGlzcGxheTpub25lOyI+PC9kaXY+"><div class="brlbs-cmpnt-cb-preset-b brlbs-cmpnt-cb-google-maps-bricks"> <div class="brlbs-cmpnt-cb-thumbnail" style="background-image: url('https://www.meetyu.app/wp-content/uploads/borlabs-cookie/1/brlbs-cb-google-maps-main.png')"></div> <div class="brlbs-cmpnt-cb-main"> <div class="brlbs-cmpnt-cb-content"> <p class="brlbs-cmpnt-cb-description">You are currently viewing a placeholder content from <strong>Google Maps</strong>. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.</p> <a class="brlbs-cmpnt-cb-provider-toggle" href="#" data-borlabs-cookie-show-provider-information role="button">More Information</a> </div> <div class="brlbs-cmpnt-cb-buttons"> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-unblock role="button">Unblock content</a> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-accept-service role="button" style="display: inherit">Accept required service and unblock content</a> </div> </div> </div></div>
8318</template>
8319<script>
8320(function() {
8321    const template = document.querySelector("#brlbs-cmpnt-cb-template-google-maps-bricks");
8322    const divsToInsertBlocker = document.querySelectorAll('.brxe-map:not(.no-key)');
8323    for (const div of divsToInsertBlocker) {
8324        const cb = template.content.cloneNode(true).querySelector('.brlbs-cmpnt-container');
8325        div.appendChild(cb);
8326    }
8327})()
8328</script>
8328<template id="brlbs-cmpnt-cb-template-osm-bricks">
8329 <div class="brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles" data-borlabs-cookie-content-blocker-id="osm-bricks" data-borlabs-cookie-content=""><div class="brlbs-cmpnt-cb-preset-b brlbs-cmpnt-cb-osm-bricks"> <div class="brlbs-cmpnt-cb-thumbnail" style="background-image: url('https://www.meetyu.app/wp-content/uploads/borlabs-cookie/1/brlbs-cb-google-maps-main.png')"></div> <div class="brlbs-cmpnt-cb-main"> <div class="brlbs-cmpnt-cb-content"> <p class="brlbs-cmpnt-cb-description">You are currently viewing a placeholder content from <strong>OpenStreetMap</strong>. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.</p> <a class="brlbs-cmpnt-cb-provider-toggle" href="#" data-borlabs-cookie-show-provider-information role="button">More Information</a> </div> <div class="brlbs-cmpnt-cb-buttons"> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-unblock role="button">Unblock content</a> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-accept-service role="button" style="display: none">Accept required service and unblock content</a> </div> </div> </div></div>
8330</template>
8331<script>
8332(function() {
8333    const template = document.querySelector("#brlbs-cmpnt-cb-template-osm-bricks");
8334    const divsToInsertBlocker = document.querySelectorAll('body:has(script[data-borlabs-cookie-script-blocker-id="bricks-leaflet"]) .brxe-map-leaflet');
8335    for (const div of divsToInsertBlocker) {
8336        const cb = template.content.cloneNode(true).querySelector('.brlbs-cmpnt-container');
8337        div.appendChild(cb);
8338    }
8339})()
8340</script>
8340<template id="brlbs-cmpnt-cb-template-facebook-bricks">
8341 <div class="brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles" data-borlabs-cookie-content-blocker-id="facebook-bricks" data-borlabs-cookie-content=""><div class="brlbs-cmpnt-cb-preset-b brlbs-cmpnt-cb-facebook-bricks"> <div class="brlbs-cmpnt-cb-thumbnail" style="background-image: url('https://www.meetyu.app/wp-content/uploads/borlabs-cookie/1/cb-facebook-main.png')"></div> <div class="brlbs-cmpnt-cb-main"> <div class="brlbs-cmpnt-cb-content"> <p class="brlbs-cmpnt-cb-description">You are currently viewing a placeholder content from <strong>Facebook</strong>. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.</p> <a class="brlbs-cmpnt-cb-provider-toggle" href="#" data-borlabs-cookie-show-provider-information role="button">More Information</a> </div> <div class="brlbs-cmpnt-cb-buttons"> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-unblock role="button">Unblock content</a> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-accept-service role="button" style="display: inherit">Accept required service and unblock content</a> </div> </div> </div></div>
8342</template>
8343<script>
8344(function() {
8345    const template = document.querySelector("#brlbs-cmpnt-cb-template-facebook-bricks");
8346    const divsToInsertBlocker = document.querySelectorAll('.brxe-facebook-page-brlbs-blocked');
8347    for (const div of divsToInsertBlocker) {
8348        const cb = template.content.cloneNode(true).querySelector('.brlbs-cmpnt-container');
8349        cb.dataset.borlabsCookieContent = btoa(unescape(encodeURIComponent(div.innerHTML)));
8350        div.innerHTML = '';
8351        div.appendChild(cb);
8352    }
8353})()
8354</script>
8354<template id="brlbs-cmpnt-cb-template-bricks-recaptcha">
8355 <div class="brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles" data-borlabs-cookie-content-blocker-id="bricks-recaptcha" data-borlabs-cookie-content=""><div class="brlbs-cmpnt-cb-preset-b brlbs-cmpnt-cb-bricks-recaptcha"> <div class="brlbs-cmpnt-cb-thumbnail" style="background-image: url('https://www.meetyu.app/wp-content/uploads/borlabs-cookie/1/bct-google-recaptcha-main.png')"></div> <div class="brlbs-cmpnt-cb-main"> <div class="brlbs-cmpnt-cb-content"> <p class="brlbs-cmpnt-cb-description">You need to load content from <strong>reCAPTCHA</strong> to submit the form. Please note that doing so will share data with third-party providers.</p> <a class="brlbs-cmpnt-cb-provider-toggle" href="#" data-borlabs-cookie-show-provider-information role="button">More Information</a> </div> <div class="brlbs-cmpnt-cb-buttons"> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-unblock role="button">Unblock content</a> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-accept-service role="button" style="display: inherit">Accept required service and unblock content</a> </div> </div> </div></div>
8356</template>
8357<script>
8358(function() {
8359    const template = document.querySelector("#brlbs-cmpnt-cb-template-bricks-recaptcha");
8360    const forms = document.querySelectorAll('body:has(script[data-borlabs-cookie-script-blocker-id="bricks-recaptcha"]) .brxe-form');
8361    for (const form of forms) {
8362        const div = form.querySelector('.form-group.captcha:has(.recaptcha-hidden)');
8363        if (div == null) {
8364            continue;
8365        }
8366        const cb = template.content.cloneNode(true).querySelector('.brlbs-cmpnt-container');
8367        div.appendChild(cb);
8368
8369        form.querySelectorAll('[type="submit"]').forEach(btn => btn.disabled = true);
8370    }
8371})()
8372</script>
8372<template id="brlbs-cmpnt-cb-template-bricks-turnstile">
8373 <div class="brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles" data-borlabs-cookie-content-blocker-id="bricks-turnstile" data-borlabs-cookie-content=""><div class="brlbs-cmpnt-cb-preset-b brlbs-cmpnt-cb-bricks-turnstile"> <div class="brlbs-cmpnt-cb-thumbnail" style="background-image: url('https://www.meetyu.app/wp-content/uploads/borlabs-cookie/1/Cloudflare-Turnstile-main.png')"></div> <div class="brlbs-cmpnt-cb-main"> <div class="brlbs-cmpnt-cb-content"> <p class="brlbs-cmpnt-cb-description">You need to load content from <strong>Turnstile</strong> to submit the form. Please note that doing so will share data with third-party providers.</p> <a class="brlbs-cmpnt-cb-provider-toggle" href="#" data-borlabs-cookie-show-provider-information role="button">More Information</a> </div> <div class="brlbs-cmpnt-cb-buttons"> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-unblock role="button">Unblock content</a> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-accept-service role="button" style="display: inherit">Accept required service and unblock content</a> </div> </div> </div></div>
8374</template>
8375<script>
8376(function() {
8377    const template = document.querySelector("#brlbs-cmpnt-cb-template-bricks-turnstile");
8378    const forms = document.querySelectorAll('body:has(script[data-borlabs-cookie-script-blocker-id="bricks-turnstile"]) .brxe-form');
8379    for (const form of forms) {
8380        const div = form.querySelector('.cf-turnstile');
8381        if (div == null) {
8382            continue;
8383        }
8384        const cb = template.content.cloneNode(true).querySelector('.brlbs-cmpnt-container');
8385        div.appendChild(cb);
8386
8387        form.querySelectorAll('[type="submit"]').forEach(btn => btn.disabled = true);
8388    }
8389})()
8390</script>
8390<script>
8391(function() {
8392    const ids = JSON.parse('[]');
8393    for (const id of ids) {
8394      const template = document.querySelector("#brlbs-cmpnt-cb-template-bricks-video-" + id);
8395      const videoContainer = document.querySelector('.brxe-video[data-script-id="' + id + '"]');
8396      if (template == null || videoContainer == null) {
8397          continue;
8398      }
8399      const cb = template.content.cloneNode(true).querySelector('.brlbs-cmpnt-container')
8400      const existingCb = videoContainer.querySelector('.brlbs-cmpnt-container');
8401      if (!existingCb) {
8402        videoContainer.appendChild(cb);
8403      } else {
8404         const thumbnail = existingCb.querySelector('.brlbs-cmpnt-cb-thumbnail');
8405         const thumbnailNew = cb.querySelector('.brlbs-cmpnt-cb-thumbnail');
8406         if (thumbnail && thumbnailNew) {
8407             thumbnail.style.backgroundImage = thumbnailNew.style.backgroundImage;
8408         }
8409      }
8410
8411      const previewImageContainer = videoContainer.querySelector('.bricks-video-preview-image');
8412      if (previewImageContainer != null) {
8413          cb.querySelectorAll('.brlbs-cmpnt-cb-btn').forEach(btn => btn.addEventListener('click', () => {
8414              previewImageContainer.click();
8415          }))
8416      }
8417      const videoOverlayContainer = videoContainer.querySelector('.bricks-video-overlay');
8418      if (existingCb != null && previewImageContainer == null && videoOverlayContainer != null) {
8419          existingCb.querySelectorAll('.brlbs-cmpnt-cb-btn').forEach(btn => btn.addEventListener('click', () => {
8420              setTimeout(() => {
8421                  const i = videoContainer.querySelector('iframe');
8422                  i && i.getAttribute("src") && (i.src += "&autoplay=1");
8423                  i && i.removeAttribute("tabindex");
8424              }, 20);
8425          }))
8426      }
8427    }
8428
8429})();
8430</script>
8430<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"2551183dbb4a4ee2b03ba956af99bbe4","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 8430
8430
8431<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a4719f65d9b0a5da',t:'MTc5MTQyNTU2Nw=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
8431</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.