:root { --witsee-site-max: 1800px; --witsee-gutter-desktop: 48px; --witsee-gutter-tablet: 32px; --witsee-gutter-mobile: 20px; --witsee-blue: #A3CAFD; --witsee-light-blue: #D3E9FF; --witsee-dark: #0A121B; --witsee-border: #101926; } *, *::before, *::after { box-sizing: border-box; } html, body { width: 100%; max-width: 100%; overflow-x: hidden; }  .error404 .brxe-search, .error404 .search-form, .error404 form[role="search"], .error404 input[type="search"] { display: none !important; }   form.cart { display: flex; flex-direction: column; gap: 20px; }  .variations { margin-bottom: 8px; } .variations label { display: block; margin-bottom: 8px; font-weight: 500; } .variations select { display: none; padding: 10px 16px; background: white; border: 1px solid #ddd; border-radius: 999px; }  form.cart .variations label { display: none !important; }  .size-buttons { display: flex; gap: 10px; margin-top: 8px; } .size-btn { padding: 8px 14px; background: white; border: 1px solid #ddd; border-radius: 999px; cursor: pointer; font-size: 14px; transition: 0.2s ease; } .size-btn:hover { background: #f5f5f5; } .size-btn.active { background: #e5e5e5; border-color: #e5e5e5; }  form.cart .quantity { width: fit-content; height: 44px; display: flex; align-items: center; overflow: hidden; border: 1px solid #e5e5e5; border-radius: 999px; } form.cart .quantity input { width: 40px; border: none !important; font-size: 14px; text-align: center; } form.cart .quantity .minus, form.cart .quantity .plus { padding: 0 12px; background: transparent; border: none; cursor: pointer; font-size: 16px; }  .product-buttons { display: flex; gap: 16px; margin-top: 8px; } .product-buttons > * { flex: 1; }  .buy-now-btn { padding: 14px 20px; background: #e5e5e5; border: none; border-radius: 999px; cursor: pointer; font-size: 15px; font-weight: 500; text-align: center; transition: 0.2s ease; } .buy-now-btn:hover { background: #dcdcdc; }  form.cart .single_add_to_cart_button { margin-top: 20px; padding: 14px 20px !important; background: white !important; border: 1px solid #e5e5e5 !important; border-radius: 999px !important; font-size: 15px; font-weight: 500; transition: 0.2s ease; } form.cart .single_add_to_cart_button:hover { background: #f7f7f7 !important; }  .delivery-text { margin-top: 8px; color: #888; font-size: 13px; }  .woocommerce-notices-wrapper, .woocommerce-NoticeGroup { position: fixed !important; top: 18px !important; left: 50% !important; z-index: 9999999 !important; width: min(720px, calc(100vw - 40px)) !important; max-width: 720px !important; margin: 0 !important; padding: 0 !important; transform: translateX(-50%) !important; pointer-events: none !important; }  body.admin-bar .woocommerce-notices-wrapper, body.admin-bar .woocommerce-NoticeGroup { top: 50px !important; }  .woocommerce-message, .woocommerce-info, .woocommerce-error { position: relative !important; width: 100% !important; min-height: 58px !important; display: flex !important; align-items: center !important; gap: 16px !important; margin: 0 0 12px !important; padding: 16px 22px 16px 56px !important; background: linear-gradient( 135deg, rgba(10, 18, 27, 0.98), rgba(10, 18, 27, 0.94) ) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border: 1px solid rgba(163, 202, 253, 0.28) !important; border-radius: 16px !important; box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35) !important; list-style: none !important; font-family: "FH Dfaalt", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 22px !important; letter-spacing: 0 !important; box-sizing: border-box !important; cursor: default !important; pointer-events: none !important; user-select: none !important; -webkit-tap-highlight-color: transparent !important; opacity: 0; visibility: hidden; transform: translateY(-18px) scale(0.98); transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease !important; }  .woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before { position: absolute !important; top: 50% !important; left: 20px !important; width: 24px !important; height: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 999px !important; font-family: Arial, sans-serif !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1 !important; transform: translateY(-50%) !important; }  .woocommerce-message::after, .woocommerce-info::after, .woocommerce-error::after { display: none !important; content: none !important; }   .woocommerce-message { border-color: rgba(163, 202, 253, 0.34) !important; } .woocommerce-message::before { content: "✓" !important; background: #A3CAFD !important; color: #0A121B !important; -webkit-text-fill-color: #0A121B !important; }  .woocommerce-info { border-color: rgba(211, 233, 255, 0.28) !important; } .woocommerce-info::before { content: "i" !important; background: #163358 !important; color: #D3E9FF !important; -webkit-text-fill-color: #D3E9FF !important; }  .woocommerce-error { flex-direction: column !important; align-items: flex-start !important; background: linear-gradient( 135deg, rgba(25, 10, 15, 0.96), rgba(10, 18, 27, 0.90) ) !important; border-color: rgba(255, 106, 128, 0.50) !important; } .woocommerce-error::before { content: "!" !important; background: rgba(255, 106, 128, 0.18) !important; color: #FF8FA3 !important; -webkit-text-fill-color: #FF8FA3 !important; border: 1px solid rgba(255, 106, 128, 0.42) !important; } .woocommerce-error li { width: 100% !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; list-style: none !important; } .woocommerce-error li + li { margin-top: 8px !important; }  .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-message li, .woocommerce-info li, .woocommerce-error li { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } .woocommerce-message a, .woocommerce-info a, .woocommerce-error a, .woocommerce-message a:hover, .woocommerce-info a:hover, .woocommerce-error a:hover, .woocommerce-message a:focus, .woocommerce-info a:focus, .woocommerce-error a:focus, .woocommerce-message a:active, .woocommerce-info a:active, .woocommerce-error a:active { background: transparent !important; color: #A3CAFD !important; -webkit-text-fill-color: #A3CAFD !important; outline: none !important; box-shadow: none !important; filter: none !important; font-weight: 500 !important; text-decoration: none !important; }  .woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button, .woocommerce-message a.button, .woocommerce-info a.button, .woocommerce-error a.button, .woocommerce-message .restore-item { display: none !important; float: none !important; }  .woocommerce-message.witsee-notice-visible, .woocommerce-info.witsee-notice-visible, .woocommerce-error.witsee-notice-visible { opacity: 1; visibility: visible; transform: translateY(0) scale(1); } .woocommerce-message.witsee-notice-leaving, .woocommerce-info.witsee-notice-leaving, .woocommerce-error.witsee-notice-leaving { opacity: 0; visibility: hidden; transform: translateY(-14px) scale(0.98); }  .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-message:hover, .woocommerce-info:hover, .woocommerce-error:hover, .woocommerce-message:focus, .woocommerce-info:focus, .woocommerce-error:focus, .woocommerce-message:focus-visible, .woocommerce-info:focus-visible, .woocommerce-error:focus-visible, .woocommerce-message:active, .woocommerce-info:active, .woocommerce-error:active { background: linear-gradient( 135deg, rgba(10, 18, 27, 0.98), rgba(10, 18, 27, 0.94) ) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: rgba(163, 202, 253, 0.28) !important; outline: none !important; box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35) !important; filter: none !important; }  .woocommerce-error, .woocommerce-error:hover, .woocommerce-error:focus, .woocommerce-error:focus-visible, .woocommerce-error:active { background: linear-gradient( 135deg, rgba(25, 10, 15, 0.96), rgba(10, 18, 27, 0.90) ) !important; border-color: rgba(255, 106, 128, 0.50) !important; }  .witsee-checkout-page .woocommerce-notices-wrapper, .witsee-checkout-page .woocommerce-NoticeGroup { grid-column: 1 / -1 !important; } .woocommerce-cart .woocommerce-notices-wrapper, .single-product .woocommerce-notices-wrapper { width: min(720px, calc(100vw - 40px)) !important; }  @media (max-width: 767px) { .woocommerce-notices-wrapper, .woocommerce-NoticeGroup { top: 12px !important; width: calc(100vw - 72px) !important; max-width: 380px !important; } body.admin-bar .woocommerce-notices-wrapper, body.admin-bar .woocommerce-NoticeGroup { top: 58px !important; } .woocommerce-message, .woocommerce-info, .woocommerce-error { min-height: 52px !important; align-items: flex-start !important; flex-wrap: wrap !important; padding: 13px 14px 13px 46px !important; border-radius: 14px !important; font-size: 13px !important; line-height: 19px !important; } .woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before { left: 16px !important; width: 22px !important; height: 22px !important; font-size: 13px !important; } }   .technology-hero__title, .technology-feature__title, .precision-title, .coaching-intro__title, .parameters-accuracy__title, .lithuania-title, .more-title { line-height: 110% !important; letter-spacing: -0.0005em !important; }  .technology-hero__text, .technology-hero__text p, .technology-feature__text, .technology-feature__text p, .technology-feature__content p, .precision-text, .precision-text p, .precision-content p, .coaching-intro__text, .coaching-intro__text p, .parameters-accuracy__text, .parameters-accuracy__text p, .lithuania-text, .lithuania-text p, .more-description, .more-description p, .more-description span { line-height: 27px !important; }  @media (min-width: 1025px) {  #brx-header .brxe-nav-menu li { position: relative !important; }  #brx-header .brxe-nav-menu li > ul { position: absolute !important; top: calc(100% + 10px) !important; left: 50% !important; right: auto !important; width: max-content !important; min-width: 210px !important; max-width: 300px !important; margin: 0 !important; padding: 10px !important; display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: stretch !important; justify-content: flex-start !important; gap: 2px !important; background: #0a121b !important; border: 1px solid rgba(40, 78, 126, 0.65) !important; border-radius: 14px !important; box-shadow: 0 18px 50px rgba(0, 0, 0, 0.38) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translate(-50%, 8px) !important; transition: opacity 180ms ease, visibility 180ms ease, transform 180ms ease !important; z-index: 10020 !important; }  #brx-header .brxe-nav-menu li > ul::before { content: "" !important; position: absolute !important; left: 0 !important; top: -12px !important; width: 100% !important; height: 12px !important; }  #brx-header .brxe-nav-menu li:hover > ul, #brx-header .brxe-nav-menu li:focus-within > ul, #brx-header .brxe-nav-menu li.open > ul, #brx-header .brxe-nav-menu li.is-open > ul, #brx-header .brxe-nav-menu li.brx-open > ul { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translate(-50%, 0) !important; }  #brx-header .brxe-nav-menu li > ul > li { position: relative !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; }  #brx-header .brxe-nav-menu li > ul > li > a { display: flex !important; align-items: center !important; width: 100% !important; min-height: 42px !important; margin: 0 !important; padding: 0 14px !important; color: #d3e9ff !important; background: transparent !important; border-radius: 9px !important; font-family: "FH Dfaalt", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; letter-spacing: 0 !important; text-align: left !important; white-space: nowrap !important; transition: color 150ms ease, background-color 150ms ease !important; } #brx-header .brxe-nav-menu li > ul > li > a:hover, #brx-header .brxe-nav-menu li > ul > li > a:focus-visible { color: #ffffff !important; background: rgba(40, 78, 126, 0.5) !important; } }  @media (max-width: 767px) and (orientation: portrait) { .striking-cta { width: 100% !important; min-height: 726px !important; height: 726px !important; padding: 0 20px !important; overflow: hidden !important; } .striking-cta__slide { width: 100% !important; height: 726px !important; min-height: 726px !important; margin: 0 !important; padding: 0 !important; } .striking-cta__container { position: relative !important; width: 100% !important; max-width: 354px !important; height: 726px !important; min-height: 726px !important; margin: 0 auto !important; padding: 0 !important; display: block !important; } .striking-cta__media { position: absolute !important; top: 120px !important; left: 50% !important; right: auto !important; width: 169px !important; height: 143px !important; margin: 0 !important; display: block !important; transform: translateX(-50%) !important; } .striking-cta__image { position: static !important; width: 169px !important; min-width: 169px !important; max-width: 169px !important; height: 143px !important; min-height: 143px !important; max-height: 143px !important; margin: 0 !important; transform: none !important; } .striking-cta__image img { display: block !important; width: 169px !important; height: 143px !important; max-width: none !important; object-fit: contain !important; } .striking-cta__content { position: absolute !important; top: 315px !important; left: 0 !important; width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; } .striking-cta__title { width: 100% !important; max-width: 354px !important; margin: 0 auto !important; font-family: "FH Dfaalt", sans-serif !important; font-weight: 500 !important; font-style: normal !important; font-size: 48px !important; line-height: 110% !important; letter-spacing: -0.05% !important; text-align: center !important; } .striking-cta__actions { width: 100% !important; margin-top: 56px !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 24px !important; } .striking-cta__button, .striking-cta__button > a, a.striking-cta__button, button.striking-cta__button { width: 200px !important; min-width: 200px !important; max-width: 200px !important; height: 56px !important; min-height: 56px !important; } .striking-cta__email, .striking-cta__email p, .striking-cta__email a { text-align: center !important; } .striking-cta__socials { justify-content: center !important; } }  @media (min-width: 768px) and (max-width: 1180px) and (orientation: landscape) { .striking-cta { padding-right: 32px !important; padding-left: 32px !important; } .striking-cta__button, .striking-cta__button > a, a.striking-cta__button, button.striking-cta__button { transform: translateY(44px) !important; } .striking-cta__button:hover, .striking-cta__button > a:hover, a.striking-cta__button:hover, button.striking-cta__button:hover { transform: translateY(41px) !important; } }  @media (min-width: 768px) and (max-width: 1100px) and (orientation: portrait) { .striking-cta { padding-right: 32px !important; padding-left: 32px !important; } .striking-cta__button, .striking-cta__button > a, a.striking-cta__button, button.striking-cta__button { transform: translateY(90px) !important; } .striking-cta__button:hover, .striking-cta__button > a:hover, a.striking-cta__button:hover, button.striking-cta__button:hover { transform: translateY(87px) !important; } }  @media (max-width: 1024px) and (max-height: 600px) and (orientation: landscape) { .striking-cta { padding-right: 24px !important; padding-left: 24px !important; } .striking-cta__button, .striking-cta__button > a, a.striking-cta__button, button.striking-cta__button { transform: translateY(24px) !important; } .striking-cta__button:hover, .striking-cta__button > a:hover, a.striking-cta__button:hover, button.striking-cta__button:hover { transform: translateY(21px) !important; } }  @media (min-width: 1181px) { .striking-cta { --striking-rail-left: max( 48px, calc((100vw - 1800px) / 2 + 48px) ); --striking-rail-right: max( 48px, calc((100vw - 1800px) / 2 + 48px) ); position: relative !important; width: 100% !important; height: 532px !important; min-height: 532px !important; padding: 0 !important; overflow: hidden !important; } .striking-cta__slide, .striking-cta__container { position: relative !important; width: 100% !important; max-width: none !important; height: 532px !important; min-height: 532px !important; margin: 0 !important; padding: 0 !important; display: block !important; } .striking-cta__content { position: absolute !important; top: 142px !important; left: var(--striking-rail-left) !important; right: auto !important; width: min( 900px, calc( 100vw - var(--striking-rail-left) - var(--striking-rail-right) - 390px ) ) !important; max-width: 900px !important; min-width: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; transform: none !important; } .striking-cta__title { width: 100% !important; max-width: 900px !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; font-family: "FH Dfaalt", sans-serif !important; font-weight: 500 !important; font-style: normal !important; font-size: 60px !important; line-height: 110% !important; letter-spacing: -0.05% !important; color: #ffffff !important; text-align: left !important; white-space: normal !important; transform: none !important; } .striking-cta__actions { margin-top: 72px !important; } .striking-cta__media { position: absolute !important; top: 160px !important; right: var(--striking-rail-right) !important; left: auto !important; width: 271.4px !important; height: 229.73px !important; margin: 0 !important; display: block !important; transform: none !important; } .striking-cta__image { position: static !important; width: 271.4px !important; min-width: 271.4px !important; max-width: 271.4px !important; height: 229.73px !important; min-height: 229.73px !important; max-height: 229.73px !important; margin: 0 !important; transform: none !important; } .striking-cta__image img { display: block !important; width: 271.4px !important; height: 229.73px !important; max-width: none !important; object-fit: contain !important; } } .phone-mobile { display: none !important; } .phone-desktop { display: block !important; } .step-item { opacity: 0.35; cursor: pointer; transition: all 0.25s ease; } .step-item.active { opacity: 1; } .step-content { display: none !important; } .step-item.active .step-content { display: block !important; } .phone-image { transition: opacity 0.2s ease; } @media (max-width: 767px) { .phone-desktop { display: none !important; } .phone-mobile { display: block !important; } .step-mobile .step-circle { width: 44px !important; height: 44px !important; min-width: 44px !important; max-width: 44px !important; flex: 0 0 44px !important; border-radius: 999px !important; aspect-ratio: 1 / 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #A3CAFD !important; color: #0A121B !important; } .step-mobile .step-circle * { font-size: 14px !important; line-height: 110% !important; color: #0A121B !important; white-space: nowrap !important; } .step-mobile .step-circle-text { font-family: "FH Dfaalt", sans-serif !important; font-weight: 500 !important; font-style: normal !important; font-size: 14px !important; line-height: 110% !important; letter-spacing: 0 !important; text-align: center !important; color: #0A121B !important; margin: 0 !important; } } @media (hover: none) and (pointer: coarse) and (min-width: 600px) { .step-circle-desktop { width: 34px !important; height: 34px !important; min-width: 34px !important; max-width: 34px !important; min-height: 34px !important; max-height: 34px !important; flex: 0 0 34px !important; aspect-ratio: 1 / 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; box-sizing: border-box !important; border-radius: 999px !important; overflow: hidden !important; } .step-circle-desktop-text { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; font-size: 12px !important; line-height: 1 !important; text-align: center !important; white-space: nowrap !important; transform: translateY(1px) !important; } .step-circle-desktop-text * { line-height: 1 !important; margin: 0 !important; padding: 0 !important; } } @media (min-width: 768px) and (max-width: 1100px) and (min-height: 900px) and (orientation: portrait) { .how-section--desktop, .how-section--desktop * { box-sizing: border-box !important; } .how-section--desktop { width: 100% !important; max-width: 100% !important; overflow: hidden !important; padding: 96px 32px !important; } .how-container { width: 100% !important; max-width: 900px !important; margin-left: auto !important; margin-right: auto !important; display: grid !important; grid-template-columns: minmax(250px, 35%) minmax(0, 1fr) !important; align-items: start !important; column-gap: 54px !important; overflow: visible !important; } .how-phone-image { width: 100% !important; max-width: 300px !important; justify-self: center !important; align-self: start !important; margin-top: 75px !important; transform: translateX(-10px) !important; } .how-phone-image img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } .how-content { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; align-self: start !important; overflow: visible !important; } .how-heading { margin: 0 0 52px !important; font-size: 44px !important; line-height: 1.04 !important; letter-spacing: -0.04em !important; white-space: nowrap !important; color: #ffffff !important; } .how-step { width: 100% !important; max-width: 100% !important; margin: 0 0 38px !important; padding: 0 !important; opacity: 1 !important; transform: none !important; } .how-step:last-of-type { margin-bottom: 0 !important; } .how-step-row { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 16px !important; margin: 0 0 16px !important; padding: 0 !important; } .how-step-circle { width: 40px !important; height: 40px !important; min-width: 40px !important; max-width: 40px !important; min-height: 40px !important; max-height: 40px !important; flex: 0 0 40px !important; border-radius: 999px !important; display: flex !important; align-items: center !important; justify-content: center !important; } .how-step-number { margin: 0 !important; padding: 0 !important; font-size: 13px !important; line-height: 1 !important; text-align: center !important; transform: translateY(1px) !important; } .how-step-title { margin: 0 !important; font-size: 24px !important; line-height: 1.15 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow-wrap: normal !important; color: #ffffff !important; } .how-step-text { width: 100% !important; max-width: 500px !important; margin: 0 !important; padding-left: 0 !important; font-size: 17px !important; line-height: 26px !important; letter-spacing: -0.005em !important; color: rgba(255, 255, 255, 0.66) !important; } .how-button-wrap { width: auto !important; max-width: 100% !important; display: none !important; margin-top: -30px !important; padding-left: 0 !important; } .how-button { height: 52px !important; min-height: 52px !important; padding-left: 28px !important; padding-right: 28px !important; border-radius: 999px !important; font-size: 14px !important; line-height: 1 !important; white-space: nowrap !important; } } @media (min-width: 768px) and (max-width: 1180px) { .step-item, .step-item:not(.active) { opacity: 1 !important; } .step-item:not(.active) .step-title, .step-item:not(.active) .step-title *, .step-item:not(.active) .brxe-heading, .step-item:not(.active) h1, .step-item:not(.active) h2, .step-item:not(.active) h3, .step-item:not(.active) h4 { color: rgba(255, 255, 255, 0.34) !important; } .step-item:not(.active) .step-circle, .step-item:not(.active) .step-circle-desktop { background: rgba(163, 202, 253, 0.28) !important; color: rgba(255, 255, 255, 0.46) !important; } .step-item:not(.active) .step-circle *, .step-item:not(.active) .step-circle-desktop *, .step-item:not(.active) .step-circle-text, .step-item:not(.active) .step-circle-desktop-text { color: rgba(255, 255, 255, 0.46) !important; } .step-item.active .step-title, .step-item.active .step-title *, .step-item.active .brxe-heading, .step-item.active h1, .step-item.active h2, .step-item.active h3, .step-item.active h4 { color: #ffffff !important; } .step-item.active .step-circle, .step-item.active .step-circle-desktop { background: #A3CAFD !important; color: #0A121B !important; } .step-item.active .step-circle *, .step-item.active .step-circle-desktop *, .step-item.active .step-circle-text, .step-item.active .step-circle-desktop-text { color: #0A121B !important; } } .faq-accordion .accordion-title-wrapper { display: grid !important; grid-template-columns: 32px minmax(0, 1fr) !important; column-gap: 24px; align-items: flex-start; } .faq-accordion .accordion-title-wrapper::before { content: "+"; display: flex; align-items: flex-start; justify-content: center; width: 32px; font-size: 24px; line-height: 1.15; color: #fff; text-align: center; flex-shrink: 0; } .faq-accordion .brx-open .accordion-title-wrapper::before { content: "−"; } .faq-accordion .accordion-title { grid-column: 2; margin: 0 !important; } .faq-accordion .accordion-content-wrapper, .faq-accordion .accordion-content { padding-left: 56px !important; } .faq-accordion { width: 100% !important; max-width: 100% !important; border-top: none !important; border-bottom: none !important; } .faq-accordion .accordion-item, .faq-accordion .accordion-title-wrapper, .faq-accordion .accordion-title { border: none !important; } .faq-accordion .accordion-item:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important; } @media (min-width: 1101px) { .faq-section { width: 100% !important; max-width: 100% !important; } .faq-container { width: 100% !important; max-width: 1800px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 48px !important; padding-right: 48px !important; display: grid !important; grid-template-columns: minmax(0, 546px) minmax(0, 664px) !important; justify-content: space-between !important; align-items: start !important; box-sizing: border-box !important; } .faq-intro { width: 100% !important; max-width: 546px !important; margin: 0 !important; padding: 0 !important; justify-self: start !important; } .faq-list { width: 100% !important; max-width: 664px !important; margin-left: auto !important; margin-right: 0 !important; padding: 0 !important; justify-self: end !important; } .faq-list .faq-accordion { width: 100% !important; max-width: 100% !important; } } @media (min-width: 768px) and (max-width: 1100px) and (min-height: 900px) and (orientation: portrait) { .faq-section, .faq-section * { box-sizing: border-box !important; } .faq-section { width: 100% !important; max-width: 100% !important; overflow: visible !important; padding: 96px 35px 350px !important; background: #000 !important; } .faq-container { width: 100% !important; max-width: 720px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 56px !important; overflow: visible !important; } .faq-intro { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; margin: 0 !important; padding: 0 !important; } .faq-heading { width: 100% !important; max-width: 100% !important; margin: 0 0 28px !important; font-size: 44px !important; line-height: 1.04 !important; letter-spacing: -0.04em !important; color: #ffffff !important; } .faq-lede { width: 100% !important; max-width: 520px !important; margin: 0 !important; font-size: 17px !important; line-height: 26px !important; letter-spacing: -0.005em !important; color: rgba(255, 255, 255, 0.72) !important; } .faq-list { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } .faq-list .accordion-item { width: 100% !important; max-width: 100% !important; border-bottom: 1px solid rgba(163, 202, 253, 0.22) !important; } .faq-list .accordion-title-wrapper { width: 100% !important; max-width: 100% !important; display: grid !important; grid-template-columns: 32px minmax(0, 1fr) !important; column-gap: 20px !important; align-items: start !important; padding-top: 22px !important; padding-bottom: 22px !important; } .faq-list .accordion-title { margin: 0 !important; font-size: 23px !important; line-height: 1.2 !important; letter-spacing: -0.02em !important; white-space: normal !important; overflow-wrap: normal !important; color: #ffffff !important; } .faq-list .accordion-content-wrapper, .faq-list .accordion-content { width: 100% !important; max-width: 100% !important; padding-left: 52px !important; padding-right: 0 !important; padding-bottom: 24px !important; } .faq-list .accordion-content, .faq-list .accordion-content p { font-size: 16px !important; line-height: 25px !important; letter-spacing: -0.005em !important; color: rgba(255, 255, 255, 0.64) !important; } } @media (max-width: 767px) { .faq-section, .faq-container, .faq-list, .faq-accordion, .faq-accordion .accordion-item, .faq-accordion .accordion-title-wrapper, .faq-accordion .accordion-content-wrapper, .faq-accordion .accordion-content { overflow-anchor: none !important; } .faq-section, .faq-container, .faq-list, .faq-accordion { height: auto !important; min-height: 0 !important; justify-content: flex-start !important; align-content: flex-start !important; } .faq-accordion .accordion-item { margin: 0 !important; } .faq-accordion .accordion-title-wrapper { margin: 0 !important; transform: none !important; } .faq-accordion .accordion-title-wrapper:focus, .faq-accordion .accordion-title-wrapper:focus-visible, .faq-accordion .accordion-title-wrapper:active { transform: none !important; } .faq-accordion .accordion-content-wrapper { margin-top: 0 !important; margin-bottom: 0 !important; overflow: hidden !important; } .faq-accordion .accordion-content { margin-top: 0 !important; margin-bottom: 0 !important; } .faq-accordion .accordion-content > :first-child { margin-top: 0 !important; } .faq-accordion .accordion-content > :last-child { margin-bottom: 0 !important; } } .app-pricing-section, .app-pricing-section * { box-sizing: border-box; } .app-pricing-section { width: 100% !important; margin: 0 !important; padding: 120px 48px !important; background: #000000 !important; } .app-pricing-container { width: 100% !important; max-width: 1800px !important; margin: 0 auto !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; } .app-pricing-intro { width: 100% !important; max-width: 888px !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; } .app-pricing-pill { width: fit-content !important; margin: 0 0 48px !important; padding: 6px 14px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: #0A121B !important; border: 0 !important; border-radius: 999px !important; color: #D3E9FF !important; -webkit-text-fill-color: #D3E9FF !important; font-family: "FH Dfaalt", sans-serif !important; font-weight: 400 !important; font-size: 13px !important; line-height: 19.5px !important; letter-spacing: 0 !important; text-align: center !important; white-space: nowrap !important; } .app-pricing-heading { width: 100% !important; margin: 0 0 32px !important; padding: 0 !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; font-family: "FH Dfaalt", sans-serif !important; font-weight: 500 !important; font-size: 48px !important; line-height: 110% !important; letter-spacing: -0.05% !important; text-align: center !important; } .app-pricing-description { width: 100% !important; max-width: 888px !important; min-height: 81px !important; margin: 0 !important; padding: 0 !important; color: rgba(255, 255, 255, 0.6) !important; -webkit-text-fill-color: rgba(255, 255, 255, 0.6) !important; font-family: "FH Dfaalt", sans-serif !important; font-weight: 400 !important; font-size: 18px !important; line-height: 27px !important; letter-spacing: 0 !important; text-align: center !important; } .app-pricing-cards { width: 100% !important; max-width: 888px !important; margin: 64px auto 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 432px)) !important; justify-content: center !important; align-items: start !important; gap: 24px !important; } .app-pricing-card { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 32px !important; display: flex !important; flex-direction: column !important; align-self: start !important; background: #0A121B !important; border: 1px solid rgba(146, 192, 252, 0.12) !important; border-radius: 32px !important; overflow: hidden !important; } .app-pricing-card-standard { width: 432px !important; height: auto !important; background: var(--color1, #0A121B) !important; border-color: rgba(255, 255, 255, 0) !important; align-self: start !important; } .app-pricing-card-premium { width: 432px !important; height: auto !important; background: #020202 !important; border-color: rgba(255, 107, 53, 0.34) !important; align-self: start !important; } .app-pricing-card-top { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: start !important; column-gap: 20px !important; } .app-pricing-card-title-wrap { width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 16px !important; } .app-pricing-card-title { width: auto !important; margin: 0 !important; padding: 0 !important; color: #D3E9FF !important; -webkit-text-fill-color: #D3E9FF !important; font-family: "FH Dfaalt", sans-serif !important; font-weight: 500 !important; font-size: 16px !important; line-height: 110% !important; letter-spacing: 0 !important; text-align: left !important; } .app-pricing-card-premium .app-pricing-card-title { color: #D3E9FF !important; -webkit-text-fill-color: #D3E9FF !important; } .app-pricing-price-row { width: fit-content !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: baseline !important; gap: 4px !important; } .app-pricing-price-row > .app-pricing-price { width: auto !important; min-width: 0 !important; max-width: none !important; flex: 0 0 auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #D3E9FF !important; -webkit-text-fill-color: #D3E9FF !important; font-family: "FH Dfaalt", sans-serif !important; font-weight: 500 !important; font-size: 24px !important; line-height: 110% !important; letter-spacing: 0 !important; white-space: nowrap !important; } .app-pricing-price-row > .app-pricing-period { width: auto !important; min-width: 0 !important; max-width: none !important; flex: 0 0 auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: rgba(211, 233, 255, 0.48) !important; -webkit-text-fill-color: rgba(211, 233, 255, 0.48) !important; font-family: "FH Dfaalt", sans-serif !important; font-weight: 400 !important; font-size: 14px !important; line-height: 21px !important; letter-spacing: 0 !important; white-space: nowrap !important; } .app-pricing-card-premium .app-pricing-period { color: rgba(255, 255, 255, 0.48) !important; -webkit-text-fill-color: rgba(255, 255, 255, 0.48) !important; } .app-pricing-badge { width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 6px 14px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; justify-self: end !important; align-self: start !important; background: #A3CAFD !important; border: 0 !important; border-radius: 999px !important; color: #0A121B !important; -webkit-text-fill-color: #0A121B !important; font-family: "FH Dfaalt", sans-serif !important; font-weight: 400 !important; font-size: 13px !important; line-height: 19.5px !important; letter-spacing: 0 !important; text-align: center !important; white-space: nowrap !important; } .app-pricing-card-premium .app-pricing-badge { background: #FF6B35 !important; color: #0A121B !important; -webkit-text-fill-color: #0A121B !important; } .app-pricing-divider { display: block !important; width: 100% !important; height: 1px !important; min-height: 1px !important; max-height: 1px !important; flex: 0 0 1px !important; margin: 28px 0 !important; padding: 0 !important; background: rgba(146, 192, 252, 0.14) !important; border: 0 !important; } .app-pricing-card-premium .app-pricing-divider { background: rgba(255, 107, 53, 0.16) !important; } .app-pricing-features { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 18px !important; } .app-pricing-feature-intro { width: 100% !important; margin: 0 0 2px !important; padding: 0 !important; color: rgba(255, 255, 255, 0.42) !important; -webkit-text-fill-color: rgba(255, 255, 255, 0.42) !important; font-family: "FH Dfaalt", sans-serif !important; font-weight: 400 !important; font-size: 14px !important; line-height: 21px !important; letter-spacing: 0 !important; text-align: left !important; } .app-pricing-feature { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: 16px minmax(0, 1fr) !important; align-items: start !important; column-gap: 10px !important; } .app-pricing-check { width: 16px !important; min-width: 16px !important; margin: 0 !important; padding: 0 !important; color: #92C0FC !important; -webkit-text-fill-color: #92C0FC !important; font-family: "FH Dfaalt", sans-serif !important; font-weight: 400 !important; font-size: 16px !important; line-height: 24px !important; letter-spacing: 0 !important; text-align: left !important; } .app-pricing-card-premium .app-pricing-check { color: #FF6B35 !important; -webkit-text-fill-color: #FF6B35 !important; } .app-pricing-feature-text { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; color: rgba(255, 255, 255, 0.6) !important; -webkit-text-fill-color: rgba(255, 255, 255, 0.6) !important; font-family: "FH Dfaalt", sans-serif !important; font-weight: 400 !important; font-size: 16px !important; line-height: 24px !important; letter-spacing: 0 !important; text-align: left !important; } @media (max-width: 1024px) and (min-width: 768px) { .app-pricing-section { padding: 110px 32px !important; } .app-pricing-heading { font-size: 42px !important; } .app-pricing-description { max-width: 760px !important; font-size: 17px !important; line-height: 25.5px !important; } .app-pricing-cards { max-width: 820px !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px !important; } .app-pricing-card-standard, .app-pricing-card-premium { width: 100% !important; } .app-pricing-feature-text, .app-pricing-check { font-size: 15px !important; line-height: 22px !important; } .app-pricing-period { font-size: 13px !important; line-height: 19px !important; } } @media (max-width: 767px) { .app-pricing-section { width: 100% !important; padding: 120px 24px !important; } .app-pricing-container { width: 100% !important; max-width: none !important; } .app-pricing-intro { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } .app-pricing-pill { margin: 0 0 48px !important; font-size: 13px !important; font-weight: 400 !important; line-height: 19.5px !important; } .app-pricing-heading { width: 100% !important; max-width: 354px !important; margin: 0 0 32px !important; font-size: 48px !important; font-weight: 500 !important; line-height: 110% !important; letter-spacing: -0.05% !important; text-align: center !important; } .app-pricing-description { width: 100% !important; max-width: 354px !important; min-height: 0 !important; margin: 0 !important; font-size: 18px !important; font-weight: 400 !important; line-height: 27px !important; text-align: center !important; } .app-pricing-cards { width: 100% !important; max-width: 354px !important; margin: 64px auto 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: 1fr !important; align-items: start !important; justify-items: stretch !important; gap: 8px !important; } .app-pricing-card { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 32px !important; border-radius: 32px !important; align-self: start !important; } .app-pricing-card-standard { width: 100% !important; height: auto !important; background: var(--color1, #0A121B) !important; } .app-pricing-card-premium { width: 100% !important; height: auto !important; } .app-pricing-card-top { width: 100% !important; grid-template-columns: minmax(0, 1fr) auto !important; column-gap: 16px !important; } .app-pricing-card-title-wrap { gap: 16px !important; } .app-pricing-card-title { font-size: 16px !important; font-weight: 500 !important; line-height: 110% !important; } .app-pricing-price-row { width: fit-content !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: baseline !important; gap: 4px !important; } .app-pricing-price-row > .app-pricing-price { font-size: 24px !important; font-weight: 500 !important; line-height: 110% !important; } .app-pricing-price-row > .app-pricing-period { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; } .app-pricing-badge { padding: 6px 14px !important; font-size: 13px !important; font-weight: 400 !important; line-height: 19.5px !important; } .app-pricing-divider { margin: 28px 0 !important; } .app-pricing-features { gap: 18px !important; } .app-pricing-feature-intro { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; } .app-pricing-feature { grid-template-columns: 16px minmax(0, 1fr) !important; column-gap: 10px !important; } .app-pricing-check { width: 16px !important; min-width: 16px !important; font-size: 16px !important; font-weight: 400 !important; line-height: 24px !important; } .app-pricing-feature-text { font-size: 16px !important; font-weight: 400 !important; line-height: 24px !important; } }   body:has(#brx-content :is(.fit-page, .pap-page, .support-page, .faq-page, .about-hero, .qsg-hero, .shop-page, .technology-hero)) #brx-content { --witsee-background-height: clamp(1100px, 80vw, 1800px); --witsee-background-offset: clamp(280px, 36vw, 840px); --witsee-background-position: right calc(0px - var(--witsee-background-offset)) top; --witsee-background-opacity: .8; position: relative !important; isolation: isolate !important; background-color: #000 !important; } body:has(#brx-content :is(.fit-page, .pap-page, .support-page, .faq-page, .about-hero, .qsg-hero, .shop-page, .technology-hero)) #brx-content::before { content: "" !important; display: block !important; position: absolute !important; z-index: -1 !important; inset: 0 0 auto !important; width: 100% !important; max-width: none !important; height: min(100%, var(--witsee-background-height)) !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background-image: url("https://www.witsee.com/wp-content/uploads/2026/07/51bb16f61e01bc47c453f7fea7c8cb6640243ba2-1-scaled.webp") !important; background-position: var(--witsee-background-position) !important; background-size: cover !important; background-repeat: no-repeat !important; opacity: var(--witsee-background-opacity) !important; -webkit-mask-image: linear-gradient(to bottom, #000 50%, transparent 100%) !important; mask-image: linear-gradient(to bottom, #000 50%, transparent 100%) !important; pointer-events: none !important; transform: none !important; }  body:has(#brx-content :is(.fit-page, .pap-page, .support-page, .faq-page, .about-hero, .qsg-hero, .shop-page, .technology-hero)) #brx-content :is(.fit-page, .pap-page, .support-page, .faq-page, .about-hero, .qsg-hero, .shop-page, .technology-hero)::before { display: none !important; } body:has(#brx-content :is(.fit-page, .pap-page, .support-page, .faq-page, .about-hero, .qsg-hero, .shop-page, .technology-hero)) #brx-content :is(.fit-page, .pap-page, .support-page, .faq-page, .about-hero, .qsg-hero, .qsg-main, .shop-page, .technology-page, .technology-hero, .technology-feature-section, .coaching-intro, .precision-section) { background-color: transparent !important; background-image: none !important; }  @media (max-width: 767px) { body:has(#brx-content :is(.fit-page, .pap-page, .support-page, .faq-page, .about-hero, .qsg-hero, .shop-page, .technology-hero)) #brx-content { --witsee-background-height: 1100px; --witsee-background-position: calc(72% + 12vw) top; --witsee-background-opacity: .85; } }   #brx-content .faq-section.witsee-faq { --faq-gutter: 48px; --faq-heading-size: 48px; --faq-body-size: 18px; --faq-body-leading: 27px; --faq-icon-size: 44px; --faq-icon-gap: 16px; --faq-answer-indent: calc(var(--faq-icon-size) + var(--faq-icon-gap)); --faq-five-columns: calc((100% + 24px) * 5 / 6 - 24px); --faq-four-columns: calc((100% + 24px) * 4 / 6 - 24px); width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 120px 0 !important; overflow: visible !important; background: #000 !important; color: #fff !important; font-family: "FH Dfaalt", sans-serif !important; overflow-anchor: none; }  #brx-content .faq-section.witsee-faq, #brx-content .faq-section.witsee-faq *, #brx-content .faq-section.witsee-faq *::before, #brx-content .faq-section.witsee-faq *::after { box-sizing: border-box; }  #brx-content .faq-section.witsee-faq .faq-container { width: 100% !important; max-width: var(--witsee-site-max, 1800px) !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 auto !important; padding: 0 var(--faq-gutter) !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; align-items: start !important; justify-content: normal !important; gap: 24px !important; overflow: visible !important; }  #brx-content .faq-section.witsee-faq .faq-intro { width: 100% !important; max-width: none !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 0 !important; font-family: inherit !important; text-align: left !important; } #brx-content .faq-section.witsee-faq .faq-heading { width: var(--faq-five-columns) !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; font-family: inherit !important; font-size: var(--faq-heading-size) !important; font-weight: 500 !important; line-height: 1.1 !important; letter-spacing: -.0005em !important; color: #fff !important; text-align: left !important; text-wrap: normal !important; } #brx-content .faq-section.witsee-faq .faq-lede { width: var(--faq-four-columns) !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; margin: 64px 0 0 !important; padding: 0 !important; font-family: inherit !important; font-size: var(--faq-body-size) !important; font-weight: 400 !important; line-height: var(--faq-body-leading) !important; letter-spacing: 0 !important; color: rgba(255, 255, 255, .6) !important; text-align: left !important; }  #brx-content .faq-section.witsee-faq .faq-actions { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 16px !important; width: 100% !important; margin: 64px 0 0 !important; padding: 0 !important; } #brx-content .faq-section.witsee-faq .faq-actions > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-height: 56px !important; margin: 0 !important; padding: 14px 20px !important; border: 2px solid #a3cafd !important; border-radius: 999px !important; background: #a3cafd !important; color: #0a121b !important; font: 400 14px/21px "FH Dfaalt", sans-serif !important; text-decoration: none !important; transition: background-color .2s ease, color .2s ease, transform .2s ease; } #brx-content .faq-section.witsee-faq .faq-actions > a + a { background: transparent !important; color: #d3e9ff !important; } #brx-content .faq-section.witsee-faq .faq-actions > a:hover { background: #d3e9ff !important; color: #0a121b !important; transform: translateY(-2px); }  #brx-content .faq-section.witsee-faq :is(.faq-list, .faq-accordion) { min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; padding: 0 !important; border: 0 !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; gap: 32px !important; overflow-anchor: none; } #brx-content .faq-section.witsee-faq .faq-list { width: var(--faq-five-columns) !important; max-width: none !important; margin: 117px 0 0 !important; justify-self: start !important; } #brx-content .faq-section.witsee-faq .faq-list .faq-accordion { width: 100% !important; max-width: 100% !important; margin: 0 !important; } #brx-content .faq-section.witsee-faq :is(.faq-list, .faq-accordion) > :is(.brxw-accordion-02__item, .accordion-item) { width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 0 32px !important; border: 0 !important; border-bottom: 1px solid #163358 !important; background: transparent !important; gap: 0 !important; }  #brx-content .faq-section.witsee-faq .accordion-title-wrapper { width: 100% !important; min-height: 44px !important; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: var(--faq-icon-size) minmax(0, 1fr) !important; column-gap: var(--faq-icon-gap) !important; row-gap: 0 !important; align-items: start !important; border: 0 !important; background: transparent !important; color: #fff !important; text-align: left !important; cursor: pointer; transform: none !important; } #brx-content .faq-section.witsee-faq .accordion-title-wrapper::before { content: "" !important; display: block !important; grid-column: 1 !important; grid-row: 1 !important; width: var(--faq-icon-size) !important; height: 44px !important; margin: 0 !important; padding: 0 !important; background: linear-gradient(#d3e9ff, #d3e9ff) center / 14px 1.5px no-repeat, linear-gradient(#d3e9ff, #d3e9ff) center / 1.5px 14px no-repeat !important; pointer-events: none; } #brx-content .faq-section.witsee-faq .accordion-title-wrapper[aria-expanded="true"]::before, #brx-content .faq-section.witsee-faq .brx-open > .accordion-title-wrapper::before { background: linear-gradient(#d3e9ff, #d3e9ff) center / 14px 1.5px no-repeat !important; } #brx-content .faq-section.witsee-faq .accordion-title-wrapper::after, #brx-content .faq-section.witsee-faq .accordion-title-wrapper > :is(i, svg, .icon, .accordion-icon, .brxe-icon) { display: none !important; } #brx-content .faq-section.witsee-faq .brxw-accordion-02__title-wrapper { grid-column: 2 !important; grid-row: 1 !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } #brx-content .faq-section.witsee-faq :is(.brxw-accordion-02__title, .accordion-title) { grid-column: 2 !important; grid-row: 1 !important; display: flex !important; align-items: center !important; width: 100% !important; max-width: none !important; min-width: 0 !important; min-height: 44px !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; font-family: "FH Dfaalt", sans-serif !important; font-size: 20px !important; font-weight: 500 !important; line-height: 1.1 !important; letter-spacing: 0 !important; color: #fff !important; white-space: normal !important; overflow-wrap: break-word; text-align: left !important; }  #brx-content .faq-section.witsee-faq :is(.accordion-content-wrapper, .brxw-accordion-02__content) { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; overflow: hidden !important; } #brx-content .faq-section.witsee-faq :is(.brxw-accordion-02__text, .accordion-content) { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 24px 0 0 var(--faq-answer-indent) !important; font-family: "FH Dfaalt", sans-serif !important; font-size: var(--faq-body-size) !important; font-weight: 400 !important; line-height: var(--faq-body-leading) !important; letter-spacing: 0 !important; color: rgba(255, 255, 255, .6) !important; text-align: left !important; } #brx-content .faq-section.witsee-faq .accordion-content .brxw-accordion-02__text { padding: 0 !important; } #brx-content .faq-section.witsee-faq :is(.brxw-accordion-02__text, .accordion-content) p { margin: 0 !important; padding: 0 !important; font: inherit !important; color: inherit !important; } #brx-content .faq-section.witsee-faq :is(.brxw-accordion-02__text, .accordion-content) p + p { margin-top: 16px !important; } #brx-content .faq-section.witsee-faq :is(.brxw-accordion-02__text, .accordion-content) a { color: #d3e9ff; text-decoration: underline; text-underline-offset: 3px; } #brx-content .faq-section.witsee-faq :is(.accordion-title-wrapper, .faq-actions > a):focus-visible { outline: 2px solid #a3cafd !important; outline-offset: 6px; }  @media (min-width: 768px) and (max-width: 1180px) { #brx-content .faq-section.witsee-faq { --faq-gutter: 32px; --faq-heading-size: 42px; --faq-body-size: 17px; --faq-body-leading: 26px; --faq-icon-size: 32px; --faq-icon-gap: 20px; padding: 160px 0 96px !important; } #brx-content .faq-section.witsee-faq .faq-heading, #brx-content .faq-section.witsee-faq .faq-list { width: 100% !important; } #brx-content .faq-section.witsee-faq .faq-lede { width: 100% !important; max-width: 432px !important; } }  @media (min-width: 768px) and (max-width: 1180px) and (orientation: portrait) { #brx-content .faq-section.witsee-faq .faq-container { grid-template-columns: minmax(0, 1fr) !important; gap: 56px !important; } #brx-content .faq-section.witsee-faq .faq-list { margin: 0 !important; } #brx-content .faq-section.witsee-faq .faq-lede { max-width: 600px !important; margin-top: 40px !important; } }  @media (max-width: 767px) { #brx-content .faq-section.witsee-faq { --faq-gutter: 24px; --faq-heading-size: 36px; --faq-body-size: 16px; --faq-body-leading: 24px; --faq-icon-size: 32px; --faq-icon-gap: 20px; } #brx-content .faq-section.witsee-faq .faq-container { grid-template-columns: minmax(0, 1fr) !important; gap: 80px !important; } #brx-content .faq-section.witsee-faq .faq-container:has(.faq-actions) { row-gap: 96px !important; } #brx-content .faq-section.witsee-faq .faq-heading, #brx-content .faq-section.witsee-faq .faq-list { width: 100% !important; margin: 0 !important; } #brx-content .faq-section.witsee-faq .faq-lede { width: 100% !important; max-width: none !important; } }  @media (max-width: 359px) { #brx-content .faq-section.witsee-faq { --faq-gutter: 16px; --faq-heading-size: 32px; } }  @media (max-width: 1024px) and (max-height: 600px) and (orientation: landscape) { #brx-content .faq-section.witsee-faq { --faq-gutter: 24px; --faq-heading-size: 32px; --faq-body-size: 16px; --faq-body-leading: 24px; --faq-icon-size: 32px; --faq-icon-gap: 20px; padding: 80px 0 !important; } #brx-content .faq-section.witsee-faq .faq-container { grid-template-columns: minmax(0, 1fr) !important; gap: 48px !important; } #brx-content .faq-section.witsee-faq .faq-heading, #brx-content .faq-section.witsee-faq .faq-list { width: 100% !important; margin: 0 !important; } #brx-content .faq-section.witsee-faq .faq-lede { width: 100% !important; max-width: 600px !important; margin-top: 32px !important; } #brx-content .faq-section.witsee-faq .faq-actions { margin-top: 32px !important; } }  @media (prefers-reduced-motion: reduce) { #brx-content .faq-section.witsee-faq .faq-actions > a { transition: none; transform: none; } }