34:I[868422,["/_next/static/chunks/1dlft7ht-6kzk.js","/_next/static/chunks/0arjeq20s-3qj.js","/_next/static/chunks/1xt6zdl-o7wg3.js","/_next/static/chunks/27v2vx76cztdw.js","/_next/static/chunks/0-dqqj6hfkr_n.js","/_next/static/chunks/2matreab0rub0.js"],"SiteProvider"] :HL["/styles/static.css","style"] :HL["/styles/notion.css","style"] :HL["/styles/super.css","style"] :HL["https://assets-v2.super.so/global/fonts/Poppins/poppins-v20-latin-ext_latin-regular.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Poppins/poppins-v20-latin-ext_latin-500.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Poppins/poppins-v20-latin-ext_latin-600.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Poppins/poppins-v20-latin-ext_latin-700.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] 11:[["$","link","/styles/static.css",{"rel":"stylesheet","href":"/styles/static.css","precedence":"default"}],["$","link","/styles/notion.css",{"rel":"stylesheet","href":"/styles/notion.css","precedence":"default"}],["$","link","/styles/super.css",{"rel":"stylesheet","href":"/styles/super.css","precedence":"default"}]] 12:["$","link","font-preload-Poppins-regular",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Poppins/poppins-v20-latin-ext_latin-regular.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 13:["$","link","font-preload-Poppins-500",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Poppins/poppins-v20-latin-ext_latin-500.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 14:["$","link","font-preload-Poppins-600",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Poppins/poppins-v20-latin-ext_latin-600.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 15:["$","link","font-preload-Poppins-700",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Poppins/poppins-v20-latin-ext_latin-700.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 16:["$","link","font-preload-Inter-regular",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 17:["$","link","font-preload-Inter-500",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 18:["$","link","font-preload-Inter-600",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 19:["$","link","font-preload-Inter-700",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 1a:["$","script","1",{"src":"https://analytics.ahrefs.com/analytics.js","data-key":"k99nqL+Sr/3DQUPlE7Nj8w","async":true,"children":null}] 1b:["$","script","5",{"src":"https://d7a97ajcmht8v.cloudfront.net/production/app.js","children":null}] 1c:["$","script","9",{"src":"https://app.lemonsqueezy.com/js/lemon.js","defer":true,"children":null}] 1d:["$","script","13",{"dangerouslySetInnerHTML":{"__html":"\n const tallyIframe = document.querySelector('iframe[src^=\"https://tally.so\"]');\n if (tallyIframe) {\n tallyIframe.src = `${tallyIframe.src}&page=${window.location.pathname}`;\n }\n"},"children":null}] 1e:["$","script","15",{"async":true,"src":"https://tally.so/widgets/embed.js","dangerouslySetInnerHTML":{"__html":"\n"},"children":null}] 1f:["$","script","19",{"type":"module","dangerouslySetInnerHTML":{"__html":" import Fouita from 'https://cdn.fouita.com/assets/fouita/fouita-v1.js'; Fouita({key: \"FT-0xc61ed-0xc61ee\", spa: true, prefix: '/'}) "},"children":null}] 20:["$","script","21",{"src":"https://cdn.fouita.com/widgets/0xe581a.js","children":null}] 21:["$","script","23",{"src":"https://cdn.fouita.com/widgets/0xe584b.js","children":null}] 22:["$","meta","25",{"name":"facebook-domain-verification","content":"fytvuts567j3p66yrw4sn6p0lnzd10","children":null}] 23:["$","script","29",{"dangerouslySetInnerHTML":{"__html":"\n!function(f,b,e,v,n,t,s)\n{if(f.fbq)return;n=f.fbq=function(){n.callMethod?\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};\nif(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\nn.queue=[];t=b.createElement(e);t.async=!0;\nt.src=v;s=b.getElementsByTagName(e)[0];\ns.parentNode.insertBefore(t,s)}(window, document,'script',\n'https://connect.facebook.net/en_US/fbevents.js');\nfbq('init', '348731970157899');\nfbq('track', 'PageView');\n"},"children":null}] 30:["$","img",null,{"height":"1","width":"1","style":{"display":"none"},"src":"https://www.facebook.com/tr?id=348731970157899&ev=PageView&noscript=1","children":null}] 24:["$","noscript","31",{"children":"$30"}] 25:["$","script","35",{"async":true,"src":"https://cdn.splitbee.io/sb.js","children":null}] 26:["$","script","39",{"dangerouslySetInnerHTML":{"__html":"\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n\n gtag('config', 'G-M6EJG30KEB');\n"},"children":null}] 27:["$","script","41",{"async":true,"src":"https://www.googletagmanager.com/gtag/js?id=G-M6EJG30KEB","children":null}] 28:["$","script","45",{"type":"text/javascript","dangerouslySetInnerHTML":{"__html":"\n (function(c,l,a,r,i,t,y){\n c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};\n t=l.createElement(r);t.async=1;t.src=\"https://www.clarity.ms/tag/\"+i;\n y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);\n })(window, document, \"clarity\", \"script\", \"c3i4j1rr0g\");\n"},"children":null}] 29:["$","script","49",{"dangerouslySetInnerHTML":{"__html":"(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n})(window,document,'script','dataLayer','GTM-P23MPB3');"},"children":null}] 2a:["$","meta","53",{"name":"p:domain_verify","content":"70b8e6dcc35608d81f1c2f84f769560b","children":null}] 31:T52a, let isObserving = false const config = { subtree: true, characterData: true }; const callback = function (mutationsList, observer) { for (const mutation of mutationsList) { if (mutation.type === 'characterData') { onPageLoad() } } }; const observer = new MutationObserver(callback); const setActiveTab = (options, currentTabContent) => { const active = Array.from(options).find(el => el.textContent === currentTabContent); active.classList.add('active-filter') options.forEach((option) => { option.addEventListener('click', () => { const activeFilter = document.querySelector('.active-filter') if (activeFilter) { activeFilter.classList.remove('active-filter') } option.classList.add('active-filter') }) }) } function onPageLoad() { const options = document.querySelectorAll('.notion-dropdown__option') const currentTab = document.querySelector('.notion-dropdown__button-title') if (options && currentTab) { setActiveTab(options, currentTab.textContent) } if (!isObserving) { const header = document.querySelector('.notion-header'); observer.observe(header, config); isObserving = true } } document.addEventListener("DOMContentLoaded", onPageLoad); 2b:["$","script","57",{"dangerouslySetInnerHTML":{"__html":"$31"},"children":null}] 2c:["$","script","61",{"dangerouslySetInnerHTML":{"__html":"\n function consultBadge() {\n \nlet badge = document.querySelector(\"img.badge\")\n\nif(!badge) {\n \n \nlet badgeDiv = document.createElement('img');\nbadgeDiv.classList.add(\"badge\")\nbadgeDiv.src=\"https://notionflows.b-cdn.net/super/certified-consultant.png\"\nbadgeDiv.alt=\"Cerfied Notion Consultant badge\"\n\n\n\nlet currentFooter = document.querySelector(\".super-footer__content\")\n\ncurrentFooter.appendChild(badgeDiv)\n\n}\n}\n"},"children":null}] 32:T713, function addArrows() { console.log("started arrows") let testimonialsContainer = document.querySelector('#block-9968846575c54e5f9a84a42a4791abee .notion-collection-gallery') let testimonials = document.querySelectorAll("#block-9968846575c54e5f9a84a42a4791abee .notion-collection-card") let currentIndex = 0; let totalTestimonials = testimonials.length; // Arrows let leftArrowDiv = document.createElement('div'); let rightArrowDiv = document.createElement('div'); // Addclass to Arrows rightArrowDiv.classList.add("right-arrow", "arrow") leftArrowDiv.classList.add("left-arrow", "arrow") testimonialsContainer.appendChild(rightArrowDiv) testimonialsContainer.appendChild(leftArrowDiv) let nextButton = document.querySelector(".right-arrow") let prevButton = document.querySelector(".left-arrow") // Prevent readding arrows // Event listeners for buttons nextButton.addEventListener("click", () => { console.log("clicked right: " + currentIndex) scrollToTestimonial(currentIndex + 1); }); prevButton.addEventListener("click", () => { console.log("clicked left: " + currentIndex) scrollToTestimonial(currentIndex - 1); }); testimonialsContainer.addEventListener("scroll", () => { let slideWidth = testimonials[0].clientWidth; let index = Math.round(testimonialsContainer.scrollLeft / slideWidth); currentIndex = index; }); // Scroll to testimonial let scrollToTestimonial = (index) => { if (index < 0) { index = totalTestimonials - 1; // Loop to last slide } else if (index >= totalTestimonials) { index = 0; // Loop to first slide } let slideWidth = testimonials[index].clientWidth; testimonialsContainer.scrollTo({ left: slideWidth * index, behavior: "smooth", }); currentIndex = index; }; } console.log("ended arrows func") 2d:["$","script","65",{"dangerouslySetInnerHTML":{"__html":"$32"},"children":null}] 33:T511, const runFunctions = () => { // console.log("Running functions to set up navigation."); consultBadge() addArrows() // console.log("RunFunctions completed."); }; const initializeRouteChangeHandler = () => { if (window.events && window.events.on) { window.events.on('routeChangeComplete', runFunctions); } else { // console.warn('Event system not available: window.events.on is undefined.'); window.addEventListener('popstate', runFunctions); // Fallback for route changes } }; const initialSetup = () => { // console.log("Initial setup started."); runFunctions(); // Handle initial load initializeRouteChangeHandler(); // Set up route change handling // console.log("Initial setup completed."); }; if (document.readyState === 'complete' || document.readyState === 'interactive') { // console.log("Document is ready or interactive. Running initial setup."); setTimeout(initialSetup, 50); // Delay initial setup to ensure readiness } else { // console.log("Waiting for document to be fully loaded."); document.addEventListener('DOMContentLoaded', initialSetup); // Perform setup after DOM is fully loaded } 2e:["$","script","69",{"dangerouslySetInnerHTML":{"__html":"$33"},"children":null}] 35:T1f3b, 36:T617, 37:Tb7bd,@charset "UTF-8"; :root { /*Colors ///////////////////////////////*/ --primary-color:#fcf09d ; --primary-light-color:#FFF8C4 ; --primary-dark-color:#D69E12; --secundary-color:#A1E6FC ; --secundary-light-color:#1DADE1; --secundary-dark-color:#047EAA; --accent-color:#FF7E78; --text-link-color:#FF7E78; --background-light-color:#FFFDF3; /* Main Notion colors */ --color-bg-gray: rgb(235, 236, 237); --color-bg-brown: #C8B7A6 !important; --color-bg-orange: #FFB482 !important; --color-bg-yellow:#FFF8C4!important; --color-bg-green: #A3DAD2 !important; --color-bg-blue: #A1E6FC !important; --color-bg-purple: #A8B4EB !important; --color-bg-pink: #FFC1E3 !important; --color-bg-red: #FFA8A8 !important; --color-text-gray: rgb(155, 154, 151); --color-text-brown: #6A3E12 !important; --color-text-orange: #C35105 !important; --color-text-yellow: #D69E12 !important; --color-text-green: #058D79 !important ; --color-text-blue: #278FB1 !important; --color-text-purple: #3E55BA !important; --color-text-pink: #D7383A !important; --color-text-red: #AB1215 !important; /* Color Pills */ --color-pill-default: rgba(206, 205, 202, 0.5); --color-pill-gray: var(--color-bg-gray) !important; --color-pill-brown: var(--color-bg-brown)!important; --color-pill-orange: var(--color-bg-orange) !important; --color-pill-yellow: var(--color-bg-yellow) !important; --color-pill-green: var(--color-bg-green) !important; --color-pill-blue: var(--color-bg-blue) !important; --color-pill-purple: var(--color-bg-purple) !important; --color-pill-pink: var(--color-bg-pink)!important; --color-pill-red: var(--color-bg-red)!important; /*Typography ///////////////////////////*/ --h1: 2.8em !important; --h2: 2.2em !important; --h3: 1.6em !important; --h4: 1.4em !important; --body: 1.2em !important; --caption:0.8em !important; --body-blog: 1.4em !important; --blog-quote: 1.5em !important; --h1-mobile: 2.6em; --h2-mobile: 2em; --h3-mobile: 1.6em; /* Space /////////////////////////////////*/ --space: 3rem; --space-2: 6rem; --space-3: 12rem; /* DB view buttons code /////////////////*/ /* Active colors */ --picker-active-bg-color: rgb(233, 233, 233) !important; --picker-active-text-color: rgb(70, 70, 70) !important; /* Default colors */ --picker-border-color: rgb(233, 233, 233) !important; --picker-text-color: rgb(70, 70, 70) !important; --picker-border-radius: 8px !important; /* Hover colors */ --picker-hover-bg-color: rgb(233, 233, 233) !important; --picker-hover-text-color: rgb(70, 70, 70) !important; --picker-hover-border-color: rgb(233, 233, 233) !important; /* Others ////////////*/ --border-radius:0px; --border-yellow: 2px solid #fcf09d; --border-black: 2px solid black; --btn-padding: 16px 24px; --transition-in: all 0.2s ease-in-out !important; --transition-out:all 0.4s ease-in-out !important; --transform:scale(1.1); --box-shadow:0 10px 20px -10px #f0bd66 !important; --box-shadow-primary-color:0 10px 20px -10px #f0bd66 !important; --animation-duration: 40s; /* adjust slider speed lower → faster */ --slide-amounts: 12; /* change to amount of images in callout */ /* image slider animation */ --animation-duration-testi: 25s; --slide-amounts-testi: 4; } /* || Navigation ////////////////////////*/ /*Temp Navbar issue*/ .super-navbar__viewport.single-column { margin-top: -5px !important; } .super-navbar__list-content.single-column { padding: 0; } .super-navbar__list-arrow-wrapper { padding: 0; margin: unset; height: 0; } .super-navbar__logo, .super-navbar__actions { padding: 0 20px; } .super-navbar { background: white; } .notion-header__cover.no-cover { height: 240px !important; } .super-navbar__content { padding: 0px !important; -webkit-animation: fadeInDown 1.5s !important; -moz-animation: fadeInDown 1.5s !important; -ms-animation: fadeInDown 1.5s !important; -o-animation: fadeInDown 1.5s !important; animation: fadeInDown 1.5s !important; } .super-navbar__cta { border-radius: var(--border-radius); padding: var(--btn-padding); font-weight: 600; text-transform: uppercase; transition: all 0.3s ease; border: var(--border-yellow); } .super-navbar__menu { background: white !important; } .super-navbar__cta:hover { background: #ffffff !important; transform: scale(1.02) !important; transition: all 0.3s ease !important; border: var(--border-black) !important; } .super-navbar__content li a.active { text-decoration: underline 3px var(--primary-color); } .notion-collection-board__column-header { display: none !important; } .notion-collection__header { display: none !important; } .super-navbar__item, .super-navbar__list { font-weight: 600 !important; } .super-navbar__item:hover, .super-navbar__list:hover { transform: scale(1.08) !important; transition: all 0.3s ease !important; text-decoration: underline 3px var(--primary-color); transition: color 0.2s ease-in-out !important; } /* mobile menu */ .super-navbar__menu { background: var(--primary-color) !important; } .notion-link.super-navigation-menu__item { border-radius: 0; } /* active list menu on mobile */ .notion-link.super-navigation-menu__item.active { color: var(--primary-dark-color); background: transparent; } /* hidden blocks */ .notion-toggle.bg-gray { display: none !important; } .notion-caption.notion-semantic-string { display: none !important; } .notion-caption .highlighted-color.color-yellow { display: none !important; } iframe { background-color: transparent !important; background: transparent !important; } iframe src { background-color: transparent !important; background: transparent !important; } html { background-image: var(--preloader) !important; background-repeat: no-repeat !important; background-size: 4rem 4rem !important; background-position: center center !important; height: 100% !important; opacity: 1 !important; background-color: var(--primary-bg) !important; } /* Works on Firefox */ * { scrollbar-width: thin; scrollbar-color: white white; } /* Works on Chrome, Edge, and Safari */ *::-webkit-scrollbar { width: 12px; } *::-webkit-scrollbar-track { background: white; } *::-webkit-scrollbar-thumb { background-color: white !important; border-radius: 20px; border: 3px solid white; } .super-content.max-width { max-width: 1200px; margin: auto; } /* Fonts */ @font-face { font-family: avant-normal; src: url(https://res.cloudinary.com/dep1i65jt/raw/upload/v1715343951/NotionFlows/ITCAvantGardeW1G-Bk_ko298s.otf); } @font-face { font-family: avant-bold; src: url(https://res.cloudinary.com/dep1i65jt/raw/upload/v1715343914/NotionFlows/AvantGarde-Bold_mg1uka.otf); } @font-face { font-family: avant-book; src: url(https://res.cloudinary.com/dep1i65jt/raw/upload/v1715343935/NotionFlows/AvantGardeCE-Book_z9ezus.otf); } @font-face { font-family: avant-demi; src: url(https://res.cloudinary.com/dep1i65jt/raw/upload/v1715343920/NotionFlows/AvantGarde-Demi_frfomw.otf); } @font-face { font-family: avant-medium; src: url(https://res.cloudinary.com/dep1i65jt/raw/upload/v1715343941/NotionFlows/AvantGarde-Medium_ncep34.otf); } @font-face { font-family: roceta-black; src: url(https://res.cloudinary.com/dep1i65jt/raw/upload/v1767202352/NotionFlows/font%20recoleta/Recoleta-Black_aq9kam.woff2); } /*----homepage hidden page ----- */ #block-0dc6fa9bb317452e91ad5f8ca6dc00ff { display: none; } /* || Global Styles /////////////////////*/ /* typography */ h1.notion-heading { font-size: var(--h1) !important; white-space: pre-wrap; word-break: break-word; font-family: avant-bold !important; } h1.notion-heading a { opacity: 1 !important; border-bottom: var(--border-yellow) !important; } h1.notion-heading a:hover { color: var(--primary-color) !important; opacity: 1 !important; } h1.notion-heading u { text-decoration: none; -webkit-text-stroke: 1px black; -webkit-text-fill-color: #ffffff; text-shadow: -3px 5px #fcf09d; font-family: roceta-black; } h2.notion-heading { font-size: var(--h2); letter-spacing: -1px !important; line-height: 1.3em !important; font-family: avant-bold !important; } h2.notion-heading a { opacity: 1 !important; border-bottom: var(--boder-yellow) !important; } h2.notion-heading a:hover { color: var(--primary-color) !important; opacity: 1 !important; } h2.notion-heading u { text-decoration: none; -webkit-text-stroke: 1px black; -webkit-text-fill-color: #ffffff; text-shadow: -3px 5px #fcf09d; font-family: roceta-black; } h3.notion-heading { font-size: var(--h3); line-height: 1.3 !important; font-family: avant-bold !important; } h3.notion-heading a { opacity: 1 !important; border-bottom: var(--border-yellow) !important; } h3.notion-heading a:hover { color: var(--primary-color) !important; opacity: 1 !important; } h3.notion-heading u { text-decoration: none; -webkit-text-stroke: 0.8px black; -webkit-text-fill-color: #ffffff; text-shadow: -3px 5px #fcf09d; position: absolute; font-family: avant-bold !important; } h4.notion-heading { font-size: var(--h4); font-family: avant-medium !important; } h4.notion-heading a { opacity: 1 !important; border-bottom: var(--border-yellow) !important; } h4.notion-heading a:hover { color: var(--primary-color) !important; opacity: 1 !important; } h4.notion-heading u { text-decoration: none; -webkit-text-stroke: 0.8px black; -webkit-text-fill-color: #ffffff; text-shadow: -3px 5px #fcf09d; position: absolute; font-family: avant-medium !important; } p { line-height: 1.6 !important; font-size: var(--body) !important; font-family: avant-normal !important; } p a { color: #d69e12 !important; opacity: 1 !important; font-family: avant-medium !important; text-decoration: underline !important; } strong { font-family: avant-medium !important; } .notion-heading strong { font-family: avant-bold !important; } .notion-list-item.notion-semantic-string { font-size: var(--body) !important; } ::selection { color: black !important; background: #fcf6cd !important; } /* used for quote blocks on website*/ .highlighted-color.color-blue { color: black; font-size: 1.2em; } /* purple*/ .highlighted-color.color-purple { display: table; margin: 0px auto 0px auto; font-size: 16px !important; color: #D69E12 !important; padding-top: 40px !important; margin-bottom: -140px; font-weight: 900 !important; text-transform: uppercase; } /* green*/ .highlighted-color.color-purple { display: table; margin: 0px auto 0px auto; font-size: 16px !important; color: !important; padding-top: 50px !important; margin-bottom: -140px; font-weight: 900 !important; text-transform: uppercase !important; } /* brown*/ .highlighted-color.color-brown { display: table; margin: 0px auto 0px auto; font-size: 16px !important; color: #D69E12 !important; margin-bottom: -14px; font-weight: 900 !important; text-transform: uppercase; } /* hihgligt grey - for links small font*/ .highlighted-background.bg-gray { background: transparent !important; font-size: 0.8em; font-weight: 100; } .highlighted-background.bg-gray a { color: black !important; text-decoration: none !important; opacity: 50% !important; } .highlighted-background.bg-gray a:hover { opacity: 100% !important; } .notion-header.page { display: none !important; } .notion-divider { border: 1.6px solid var(--primary-color); } /* || buttons - quotes //////////////////*/ /* Quote blue - center btn*/ .notion-quote.bg-blue { border: none !important; background-color: unset; margin: auto; width: fit-content; transition: var(--transition-out) !important; } .notion-quote.bg-blue a { text-transform: capitalize; font-weight: 600; opacity: 1; background: var(--primary-color); padding: var(--btn-padding); transition: var(--transition); box-shadow: var(--box-shadow); text-decoration: none; } .notion-quote.bg-blue:hover { transform: var(--transform); transition: var(--transition-in) !important; } .notion-quote.bg-blue a:hover { border: var(--border-black); background: #ffffff; box-shadow: var(--box-shadow-primary-color); } /* Quote purple - left aling btn*/ .notion-quote.bg-purple { padding: 0; border-radius: 0px !important; border: unset !important; background: unset !important; transition: all 0.3s ease !important; align-self: flex-start; } .notion-quote.bg-purple a { text-transform: capitalize; font-weight: 600; opacity: 1; background: var(--primary-color); padding: var(--btn-padding); transition: var(--transition); box-shadow: var(--box-shadow); text-decoration: none; } .notion-quote.bg-purple:hover { transform: var(--transform); transition: var(--transition-in) !important; } .notion-quote.bg-purple a:hover { border: var(--border-black); background: #ffffff; box-shadow: var(--box-shadow-primary-color); } /* || Call outs ////////////////////*/ .notion-callout.color-default { background: white; border: none; } .notion-callout__content { overflow: visible !important; } /* Orange Callout- CTA section */ .notion-callout.bg-orange-light { background-color: #ffffff; background-image: linear-gradient(#FFF8C4 1px, transparent 1px), linear-gradient(to right, #FFF8C4 1px, #ffffff 1px); background-size: 20px 20px; border: var(--border-yellow) !important; overflow: visible !important; } /* Purple Callout- Yellow blocks - 30% yellow */ .notion-callout.bg-purple-light { background: #fefae2; border: transparent; } /* Green Callout- Quote blocks */ .notion-callout.bg-green-light { background: white; border: 3px solid black !important; text-align: center; box-shadow: 20px 20px var(--primary-color); padding-bottom: 70px; } /* Pink call out block - center elements */ .notion-callout.bg-pink-light { background: transparent !important; text-align: center; padding: 0px; border: 0px; overflow: visible !important; } .notion-callout.bg-pink-light .notion-callout__content { overflow: visible !important; } /* Gray call out full width-yellow*/ .notion-root > div[class^="notion-callout bg-gray"] { border-radius: 0px !important; width: 100vw !important; max-width: 100vw !important; position: relative !important; margin: 0 !important; margin-left: -50vw !important; left: 50% !important; padding: 50px 0px !important; display: flex !important; justify-content: flex-start !important; flex-direction: column !important; border: 0 !important; background: var(--primary-color) !important; } .notion-root > div[class^="notion-callout bg-gray"] > .notion-callout__icon { display: none !important; } .notion-root > div[class^="notion-callout bg-gray"] > .notion-callout__icon { width: var(--layout-max-width) !important; max-width: var(--layout-max-width) !important; padding-left: var(--padding-left) !important; padding-right: var(--padding-right) !important; margin: 0 auto !important; } .notion-root > div[class^="notion-callout bg-gray"] > .notion-callout__content { margin-inline-start: 0 !important; max-width: var(--layout-max-width) !important; padding-left: var(--padding-left) !important; padding-right: var(--padding-right) !important; margin: 0 auto !important; } .notion-callout.bg-gray-light .highlighted-background.bg-yellow { background: #f9f5e8 !important; } /* Brown call out full width - cta footer*/ .notion-root > div[class^="notion-callout bg-brown"] { border-radius: 0px !important; width: 100vw !important; max-width: 100vw !important; position: relative !important; margin: 0 !important; margin-left: -50vw !important; left: 50% !important; padding: 50px 0px !important; display: flex !important; justify-content: flex-start !important; flex-direction: column !important; border: 0 !important; background: var(--primary-color); text-align: center; margin-bottom: -55px !important; } .notion-root > div[class^="notion-callout bg-brown"] > .notion-callout__icon { display: none !important; } .notion-root > div[class^="notion-callout bg-brown"] > .notion-callout__icon { width: var(--layout-max-width) !important; max-width: var(--layout-max-width) !important; padding-left: var(--padding-left) !important; padding-right: var(--padding-right) !important; margin: 0 auto !important; } .notion-root > div[class^="notion-callout bg-brown"] > .notion-callout__content { margin-inline-start: 0 !important; max-width: var(--layout-max-width) !important; padding-left: var(--padding-left) !important; padding-right: var(--padding-right) !important; margin: 0 auto !important; } /* Orange callout inside brown one */ .notion-callout.bg-brown-light .notion-quote.bg-blue a { box-shadow: 0 15px 20px -15px #f0bd66 !important; border: 2px solid #000 !important; box-shadow: 0 15px 20px -15px #f0bd66 !important; transition: all 0.13s ease !important; width: fit-content; background: white; } .notion-text.bg-red { background: none !important; } /* Blue Callout- Image slider */ .notion-callout.bg-blue-light { background-color: unset; border: unset; } .notion-callout.bg-blue-light > .notion-callout__content { flex-direction: row; width: 100%; margin-inline: auto; position: relative; height: 350px; gap: 1rem; overflow: hidden; /* mask-image: linear-gradient( to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 5%, rgba(0, 0, 0, 1) 95%, rgba(0, 0, 0, 0)); */ } @keyframes scrollLeftTesti { to { left: -600px; } } .notion-callout.bg-blue-light > .notion-callout__content .notion-callout.color-default { border: unset; width: 100%; max-width: 500px; position: absolute; left: max(350px * var(--slide-amounts-testi), 100%); animation-name: scrollLeftTesti; animation-duration: var(--animation-duration-testi); animation-timing-function: linear; animation-iteration-count: infinite; } .notion-callout.bg-blue-light > .notion-callout__content:hover .notion-callout.color-default { animation-play-state: paused; /* Pause the animation on hover */ } /* Starts at 2 and total iamges - 1 */ .notion-callout.bg-blue-light > .notion-callout__content .notion-callout.color-default:nth-child(2) { animation-delay: calc(var(--animation-duration-testi) / var(--slide-amounts-testi) * (var(--slide-amounts-testi) - 1) * -1); } .notion-callout.bg-blue-light > .notion-callout__content .notion-callout.color-default:nth-child(3) { animation-delay: calc(var(--animation-duration-testi) / var(--slide-amounts-testi) * (var(--slide-amounts-testi) - 2) * -1); } .notion-callout.bg-blue-light > .notion-callout__content .notion-callout.color-default:nth-child(4) { animation-delay: calc(var(--animation-duration-testi) / var(--slide-amounts-testi) * (var(--slide-amounts-testi) - 3) * -1); } .notion-callout.bg-blue-light > .notion-callout__content .notion-callout.color-default:nth-child(5) { animation-delay: calc(var(--animation-duration-testi) / var(--slide-amounts-testi) * (var(--slide-amounts-testi) - 4) * -1); } .notion-callout.bg-blue-light > .notion-callout__content .notion-callout.color-default:nth-child(6) { animation-delay: calc(var(--animation-duration-testi) / var(--slide-amounts-testi) * (var(--slide-amounts-testi) - 5) * -1); } /* || logo slider */ /*Trusted by block*/ #block-1da6d3d30f9780a7916cee8050754394 { margin-bottom: 12px !important; } .notion-callout.bg-red-light { position: relative; background: var(--background-light-color) !important; border: 0px; width: 100vw; max-width: 100vw; left: 50%; margin-left: -50vw; } .notion-callout.bg-red-light > .notion-callout__content { width: 100%; margin-inline: auto; position: relative; height: 50px; overflow: hidden; mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0) 20%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0)); } .notion-callout.bg-red-light > .notion-callout__content .notion-semantic-string:first-of-type { display: none !important; } @keyframes scrollLeft { to { left: -200px; } } .notion-callout.bg-red-light > .notion-callout__content .notion-image { width: 160px; position: absolute; left: max(200px * var(--slide-amounts), 100%); animation-name: scrollLeft; animation-duration: var(--animation-duration); animation-timing-function: linear; animation-iteration-count: infinite; opacity: 0.7; } /* Starts at 2 and total iamges 1 */ .notion-callout.bg-red-light > .notion-callout__content .notion-image:nth-child(2) { animation-delay: calc(var(--animation-duration) / var(--slide-amounts) * (var(--slide-amounts) - 1) * -1); } .notion-callout.bg-red-light > .notion-callout__content .notion-image:nth-child(3) { animation-delay: calc(var(--animation-duration) / var(--slide-amounts) * (var(--slide-amounts) - 2) * -1); } .notion-callout.bg-red-light > .notion-callout__content .notion-image:nth-child(4) { animation-delay: calc(var(--animation-duration) / var(--slide-amounts) * (var(--slide-amounts) - 3) * -1); } .notion-callout.bg-red-light > .notion-callout__content .notion-image:nth-child(5) { animation-delay: calc(var(--animation-duration) / var(--slide-amounts) * (var(--slide-amounts) - 4) * -1); } .notion-callout.bg-red-light > .notion-callout__content .notion-image:nth-child(6) { animation-delay: calc(var(--animation-duration) / var(--slide-amounts) * (var(--slide-amounts) - 5) * -1); } .notion-callout.bg-red-light > .notion-callout__content .notion-image:nth-child(7) { animation-delay: calc(var(--animation-duration) / var(--slide-amounts) * (var(--slide-amounts) - 6) * -1); } .notion-callout.bg-red-light > .notion-callout__content .notion-image:nth-child(8) { animation-delay: calc(var(--animation-duration) / var(--slide-amounts) * (var(--slide-amounts) - 7) * -1); } .notion-callout.bg-red-light > .notion-callout__content .notion-image:nth-child(9) { animation-delay: calc(var(--animation-duration) / var(--slide-amounts) * (var(--slide-amounts) - 8) * -1); } .notion-callout.bg-red-light > .notion-callout__content .notion-image:nth-child(10) { animation-delay: calc(var(--animation-duration) / var(--slide-amounts) * (var(--slide-amounts) - 9) * -1); } .notion-callout.bg-red-light > .notion-callout__content .notion-image:nth-child(11) { animation-delay: calc(var(--animation-duration) / var(--slide-amounts) * (var(--slide-amounts) - 10) * -1); } .notion-callout.bg-red-light > .notion-callout__content .notion-image:nth-child(12) { animation-delay: calc(var(--animation-duration) / var(--slide-amounts) * (var(--slide-amounts) - 11) * -1); } /* || To do ////////////////////*/ .notion-to-do__content { margin: 0px 0px 3px 0px !important; padding: 2px 2px !important; font-size: var(--body); } .notion-to-do__icon { margin-right: 6px !important; } .notion-checkbox { width: 1.2em !important; height: 1.2em !important; border-radius: 999px !important; border: var(--border-yellow); } .notion-checkbox svg { display: none !important; } .notion-checkbox.checked { width: 1.2em !important; height: 1.2em !important; border-radius: 999px !important; background: var(--primary-color) !important; } .notion-checkbox.checked svg { display: inline !important; fill: var(--primary-dark-color); } .notion-to-do__title { opacity: 1 !important; text-align: left !important; } .notion-to-do__title.checked { opacity: 1 !important; text-align: left !important; } .notion-to-do__title.checked del { text-decoration: none !important; text-align: left !important; } /* || Toggles ////////////////////////*/ .notion-toggle .notion-toggle__summary .notion-semantic-string { font-size: var(--body); } .notion-toggle .notion-toggle__content { padding: 12px !important; } .notion-toggle.bg-yellow .notion-toggle__trigger_icon { display: none; } /* Toggle -Primary FAQ */ /* Toggle -yellow */ .notion-toggle.bg-yellow { background: #FEFDF5; padding: 5px 8px; width: 100%; margin-bottom: 12px; border: 2px solid black; } .notion-toggle.bg-yellow:hover { border: var(--border-yellow); background: #FEF9D9; border: 2px solid black; } .notion-toggle.bg-yellow:open { border: var(--border-yellow) !important; background: var(--primary-color); border: 2px solid black; color: red !important; } .notion-toggle.closed.bg-yellow > div > .notion-toggle__trigger::before { content: "+" !important; } .notion-toggle.open.bg-yellow > div > .notion-toggle__trigger::before { content: "x" !important; } .notion-toggle.bg-yellow .notion-toggle__content { padding: 0; padding-right: 24px; } .notion-toggle.bg-yellow .notion-toggle__summary { justify-content: space-between; align-items: center; flex-direction: row-reverse; margin-top: 0; } .notion-toggle.bg-yellow .notion-toggle__summary .notion-toggle__trigger { color: black; } .notion-toggle.bg-yellow .notion-toggle__summary .notion-toggle__trigger::before { content: "+"; font-size: 30px; } .notion-toggle.bg-yellow .notion-toggle__summary .notion-semantic-string { font-size: var(--body); } .notion-toggle.bg-yellow .notion-toggle__trigger { margin: 0px; height: auto; } .notion-toggle.bg-yellow .notion-toggle__trigger_icon { display: none; } /* + -> - On toggle click */ .notion-toggle.bg-yellow.open .notion-toggle__trigger::before { content: "-"; } /* Mobile toggle Yellow */ @media only screen and (max-width: 480px) { .notion-toggle .notion-toggle__content { padding: 4px !important; } } /* || Gallery code ////////////// */ #block-root-divider { display: none !important; } /* Gdabtase pills */ .notion-pill { padding: 2px 10px !important; border-radius: 4px; background: white; font-size: 12px; } .pill-blue { border: 2px solid var(--color-text-blue); color: var(--color-text-blue); } .pill-green { border: 2px solid var(--color-text-green); color: var(--color-text-green); } .pill-pink { border: 2px solid var(--color-text-pink); color: var(--color-text-pink); } .pill-red { border: 2px solid var(--color-text-red); color: var(--color-text-red); } .pill-purple { border: 2px solid var(--color-text-purple); color: var(--color-text-purple); } .pill-yellow { border: 2px solid var(--color-text-yellow); color: var(--color-text-yellow); } .pill-orange { border: 2px solid var(--color-text-orange); color: var(--color-text-orange); } .pill-gray { border: 2px solid var(--color-text-gray); color: var(--color-text-gray); } /* Dbs line top */ .notion-collection-gallery, .notion-collection-list, .notion-collection-board { border-top: unset; } .notion-collection-table { border-top: var(--border-yellow); } /* Dbs cards*/ .notion-collection-card { box-shadow: none !important; border: var(--border-black); color: var(--card-content-color); border-radius: var(--border-radius); transition: all 0.3s ease !important; } .notion-collection-gallery .notion-collection-card.gallery { align-self: flex-start !important; justify-self: flex-start !important; } .notion-collection-card:hover { background: #ffffff !important; box-shadow: 0 15px 20px -15px #f0bd66 !important; transform: scale(1.025) !important; transition: all 0.3s ease !important; } .notion-collection-gallery.small { grid-template-columns: none !important; } /* || Drop down - DB view //////////////////*/ @-webkit-keyframes dropdown-animation-in { 0% { opacity: 0; transform: translateY(-5%) scale(0.95); } to { opacity: 1; transform: translateY(0) scale(1); } } @keyframes dropdown-animation-in { 0% { opacity: 0; transform: translateY(-5%) scale(0.95); } to { opacity: 1; transform: translateY(0) scale(1); } } @-webkit-keyframes dropdown-animation-out { 0% { opacity: 1; transform: translateY(0) scale(1); } to { z-index: -1; opacity: 0; transform: translateY(-5%) scale(0.95); } } @keyframes dropdown-animation-out { 0% { opacity: 1; transform: translateY(0) scale(1); } to { z-index: -1; opacity: 0; transform: translateY(-5%) scale(0.95); } } .notion-dropdown__menu-header, .notion-dropdown__option-icon, .notion-dropdown__button svg:first-of-type { display: none !important; } .notion-dropdown { width: 100% !important; } .notion-dropdown__button { justify-content: space-between !important; width: 100% !important; border: var(--border-black); padding: 14px !important; border-radius: var(--border-radius) !important; background: var(--primary-color); } .notion-dropdown__menu-wrapper { margin-bottom: 16px !important; } .notion-dropdown__menu { width: 100% !important; border-radius: 0px !important; transform: none !important; left: auto !important; top: auto !important; border: var(--border-black); box-shadow: var(--box-shadow-primary-color); margin-top: -2px !important; } .notion-dropdown__option-list { padding-top: 10px !important; flex-wrap: wrap !important; } .notion-dropdown__option { padding: 5px 16px !important; height: 50px !important; } .notion-dropdown__option:hover { color: black; background: var(--primary-light-color); } .notion-dropdown__option p, .notion-dropdown__button-title { font-size: var(--body) !important; } /* Desktop styles */ @media all and (min-width: 624px) { /* Hide default dropdown */ .notion-dropdown__button, .notion-dropdown__menu-header, .notion-dropdown__option-icon { display: none !important; } /* Dropdown Initial State */ .notion-dropdown__menu.initial-state { z-index: 1 !important; opacity: 1 !important; transform: none !important; } /* Remove animations */ .notion-dropdown__menu.animate-in.animate-out, .notion-dropdown__menu.animate-in, .notion-dropdown__menu.animate-out { animation: none !important; } /* Restyle menu */ .notion-dropdown__menu { box-shadow: unset !important; transform: none !important; left: auto !important; top: auto !important; position: relative !important; border: 0px; overflow: visible !important; } /* Menu wrapper */ .notion-dropdown__menu-wrapper { position: relative !important; } /* Item hover */ .notion-dropdown__option:hover { background: #ffffff !important; box-shadow: var(--box-shadow-primary-color); transform: scale(1.05) !important; transition: all 0.3s ease !important; border: var(--border-black) !important; } /* Text hover style*/ /* Item margin*/ .notion-dropdown__option { margin: 0px 8px; border: var(--border-black); /*border-radius: 100px!important;*/ transition: var(--transition) !important; min-width: 100px; text-align: center !important; justify-content: center !important; } /* Item text */ .notion-dropdown__option p { transition: color 0.2s ease-in-out !important; font-size: 16px !important; } .notion-dropdown__option-list { display: flex !important; margin-left: -10px !important; } .notion-dropdown__option.active-filter, .notion-dropdown__option.active { background: var(--primary-color) !important; color: black !important; border: var(--border-yellow) !important; } .notion-dropdown__option.active-filter p { color: black !important; } } /* animations */ .reveal-loaded .reveal [class*=reveal-] { opacity: 0 !important; animation: none !important; transition: 0s !important; } .reveal-loaded [class*=reveal-] { animation: revealAnimation 1s cubic-bezier(0.5, 0, 0, 1) both; } .reveal-loaded .reveal-2 { animation-delay: 0.1s; } .reveal-loaded .reveal-3 { animation-delay: 0.2s; } .reveal-loaded .reveal-4 { animation-delay: 0.3s; } @media (prefers-reduced-motion: reduce) { .reveal-loaded [class*=reveal-] { animation: none !important; } } @keyframes revealAnimation { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0px); } } /* Custom Tabs at home page */ .tabs { display: flex; justify-content: space-between; padding: 0 20px; flex-direction: column; max-width: 1200px; margin: 0 auto; margin-top: 3rem; } .tabs ul { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; justify-content: center; gap: 1rem; } /* ??? idk wat this is */ .tabs ul li { display: flex; flex-wrap: nowrap; gap: 4px; justify-content: center; align-items: center; padding: 4px 18px; border-radius: 12px; font-size: 0.8rem; font-weight: 600; opacity: 0.85; } .tabs ul li:hover { cursor: pointer; background-color: #fdfae6; border-radius: 4px; } .tabs ul li.active { background-color: #fdfae6; cursor: pointer; text-decoration: none; } .tabs ul li img { max-width: 20px; opacity: 0.85; } .tabs ul li p { margin: 0; } .content-wrapper img { width: 100%; } #content { display: none; } #content.active { display: block; } #content div h3 { font-size: 2rem; margin-bottom: 0.5rem; font-weight: 500; } #content div p { padding-bottom: 1.5rem; font-size: 1rem !important; font-weight: 600; } #content div h3, #content div p { max-width: 800px; text-align: center; } #content div { display: flex; flex-direction: column; align-items: center; } /* ||| Notion updates /////////////////*/ .parent-page__notion-product-update.super-content { max-width: 950px !important; margin: auto; width: 50%; } .parent-page__notion-product-update .notion-header__title { font-size: 3.8em; text-align: center; line-height: 1.1em; } .parent-page__notion-product-update .notion-quote.bg-orange { font-size: 1.7em; color: black !important; text-align: center; border-inline-start: none !important; padding: 0; background: var(--background-light-color); } .parent-page__notion-product-update .notion-header__cover.no-cover { height: 40px !important; } .parent-page__blog-post p { font-size: var(--body-blog) !important; } .parent-page__notion-product-update .notion-page__properties-layout { display: block !important; margin-left: auto !important; margin-right: auto !important; } .notion-page__property { grid-template-columns: 50px 1fr; } .parent-page__notion-product-update .notion-page__property-name { font-weight: 800; color: black !important; opacity: 1 !important; } .parent-page__notion-product-update .notion-page__properties-layout .notion-page__properties, .notion-root .notion-page__properties-layout .notion-page__layout-property, .notion-root .notion-page__properties-layout .notion-page__title-properties { border-bottom: none; } /* ||| Blog page /////////////////*/ .parent-page__blog-post .notion-header.page { display: inline-block !important; } .parent-page__blog-post.super-content { max-width: 950px !important; margin: auto; width: 50%; } .parent-page__blog-post .notion-header__title { font-size: 3.8em; text-align: center; line-height: 1.1em; } .parent-page__blog-post .notion-quote.bg-orange { font-size: 1.7em; color: black !important; text-align: center; border-inline-start: none !important; padding: 0; background: var(--background-light-color); } .parent-page__blog-post .notion-header__cover.no-cover { height: 40px !important; } .parent-page__blog-post p { font-size: var(--body-blog) !important; } .notion-quote.bg-green { font-size: var(--blog-quote) !important; background: white !important; border-inline-start: 5px solid var(--primary-color) !important; } .notion-caption { text-align: right !important; margin-left: auto; margin-top: -20px; background: white; padding: 10px 10px !important; border-radius: var(--border-radius); } /* blog post author name */ #block-1696d3d30f9780e38e42e0346d774b75 { font-size: var(--body) !important; } #block-1696d3d30f9780e38e42e0346d774b75 a { color: black !important; text-decoration: none !important; } #block-1696d3d30f9780e38e42e0346d774b75 a:hover { color: var(--primary-dark-color) !important; text-decoration: none !important; } /* blog post author img */ #block-1696d3d30f9780e38e42e0346d774b75.notion-semantic-string .custom-emoji > img { width: 2.8em !important; height: 2.8em !important; } /* blog post author divider */ #block-1696d3d30f9780289851ccaaeca061fc { border: 1px solid #EFEFEF !important; } .notion-code .language-css { background: #FEFCEB !important; text-wrap: wrap !important; } .notion-code__copy-button { border: var(--border-black); border-radius: 0px; opacity: 1; font-size: 1em; background: #FEFCEB; padding: 4px 20px; box-shadow: -6px 5px 0px var(--primary-color); transition: var(--transition-out) !important; } .notion-code__copy-button:hover { background: var(--primary-color); } .notion-code__copy-button > svg { display: none; } /* ||| case study page /////////////////*/ .parent-page__case-study .notion-root { max-width: 950px !important; margin: auto; } .parent-page__case-study .notion-header__cover-image { width: 110vw !important; max-width: 110vw !important; position: relative !important; margin: 0 !important; margin-left: -50vw !important; left: 50% !important; } .parent-page__case-study .notion-header__cover { max-height: 50vh !important; height: 50vh !important; } .parent-page__case-study .notion-header { display: block !important; } .parent-page__case-study .notion-header__title { background: var(--background-light-color); margin-top: -120px; font-size: 4em; padding: 60px; text-align: center; line-height: 1em; } /* ||| Break point - mobile /////////////////*/ @media all and (max-width: 546px) { .notion-root > div[class^="notion-callout bg-gray"] > .notion-callout__content { padding-left: var(--padding-left-mobile) !important; padding-right: var(--padding-right-mobile) !important; } .notion-root > div[class^="notion-callout bg-gray"] > .notion-callout__icon { padding-left: var(--padding-left-mobile) !important; padding-right: var(--padding-right-mobile) !important; } /* brown call out full width - cta footer*/ .notion-root > div[class^="notion-callout bg-brown"] { text-align: left; margin-bottom: -55px !important; padding-right: -30px !important; } .notion-root > div[class^="notion-callout bg-brown"] > .notion-callout__content { padding: 30px !important; } /* Pink call out block - center elements */ .notion-callout.bg-pink-light { text-align: left; } /* Page - blog post /////////////// */ .parent-page__blog-post .notion-header__title { font-size: var(--h1-mobile); text-align: left; } .parent-page__blog-post .notion-quote.bg-red { font-size: 1.6em; color: black !important; text-align: left; border-inline-start: none !important; padding: 0; background: var(--background-light-color) !important; } .parent-page__blog-post .notion-quote.bg-orange { font-size: 1.7em; text-align: left; background: var(--background-light-color) !important; } /* Page -case study /////////////// */ .parent-page__case-study .notion-header__title { font-size: var(--h1-mobile); text-align: left; } /* foother */ .super-footer__list { padding: 2px 0px !important; } .super-navbar__logo, .super-navbar__actions { padding: 0 10px; } h1.notion-heading { margin-top: 54px !important; font-size: var(--h1-mobile) !important; font-weight: 900 !important; white-space: pre-wrap; word-break: break-word; } /* Gallery - small */ .notion-collection-card__cover.small { height: 210px; } /* mobile space */ .notion-text.bg-red { display: none !important; } /* mobile img slider */ .notion-callout.bg-blue-light > .notion-callout__content .notion-callout.color-default { left: max(150px * var(--slide-amounts-testi), 100%); } } /* ///// End of mobile breakpoint ///// */ /* ||| Break point - tablet ////////////////*/ @media only screen and (min-width: 768px) { .notion-collection-gallery.small { display: block !important; border: 0 !important; } .notion-collection-gallery.small .notion-collection-card.gallery { grid-template-columns: min-content !important; align-items: center !important; grid-gap: 20px !important; margin: 0px 0px 24px 0px; display: grid !important; } .notion-collection-gallery.small .notion-collection-card.gallery:hover { transform: translateX(12px) !important; background: white !important; opacity: 1 !important; } .notion-collection-gallery.small .notion-collection-card__cover.small, .notion-collection-gallery.small .notion-collection-card__cover.small div, .notion-collection-gallery.small .notion-collection-card__cover.small img { min-height: 160px !important; max-height: 160px !important; height: 160px !important; width: 260px !important; object-fit: cover; } .notion-collection-gallery.small .notion-property__title, .notion-collection-gallery.small .notion-collection-card__content { padding: 5px !important; } .notion-collection-gallery.small .notion-property__title { font-family: var(--font) !important; font-size: 1.5em !important; color: black !important; white-space: normal !important; } .notion-collection-gallery.small .notion-collection-card__content { align-items: flex-end !important; grid-column-start: 2 !important; grid-row-start: 1 !important; /*opacity: 0.6 !important;*/ } .notion-collection-gallery.small .pill-brown { position: absolute; right: 2%; bottom: 22%; border: 2px solid black; box-shadow: 5px 5px 0 var(--primary-color); } } /* ////// End of tablet breakpoint ////// */ /* || Footer ////////////////////////*/ .super-footer { padding-top: 60px !important; border-top: 12px solid var(--primary-color); } /*New consultant Badge adjustments*/ .badge { display: flex; width: 100%; max-width: 200px; height: auto; margin-left: auto; margin-right: 2rem; } .super-footer.corners .super-footer__content, .super-footer.floating .super-footer__content { grid-template-areas: "logo logo icons" "links links links" "divider divider divider" "footnote footnote badge" !important; } @media (width <= 790px) { .badge { padding-top: 0.5rem; margin: auto; } p.super-footer__footnote { display: flex; justify-content: center; } } .super-footer.corners .super-footer__footnote, .super-footer.floating .super-footer__footnote { align-content: center; } .super-footer__icons { gap: 24px; } .super-footer__footnote { opacity: 1; font-size: 1em !important; opacity: 50%; } .super-footer__divider { border-top: var(--border-yellow); opacity: 1; } .super-footer__list-heading { font-size: var(--body); } .super-footer__list-links { font-size: 0.9em !important; opacity: 0.8; } .super-footer__list-links :hover { opacity: 1 !important; } .notion-link.super-footer__link:hover { opacity: 1 !important; color: black; transform: scale(1.08) !important; transition: all 0.3s ease !important; text-decoration: underline 3px var(--primary-color); transition: color 0.2s ease-in-out !important; } .super-footer__list { padding: 10px 0px; margin: 0px 0px; } .super-footer__logo { height: 100px !important; } .super-footer__logo-image, .super-footer__logo img { height: 100px !important; width: 290px; } /*tool kit .super-footer__list:nth-of-type(2) .super-footer__list-links a:nth-of-type(1) { position: relative; cursor: default; } .super-footer__list:nth-of-type(2) .super-footer__list-links a:nth-of-type(1)::after { content: "This is for marketing teams!"; position: absolute; bottom: 125%; left: 50%; transform: translateX(-50%); background-color: #333; color: #fff; padding: 6px 10px; border-radius: 4px; white-space: nowrap; opacity: 0; pointer-events: none !important; transition: opacity 0.3s ease; z-index: 1000; } .super-footer__list:nth-of-type(2) .super-footer__list-links a:nth-of-type(1):hover::after { opacity: 1; } */ #block-ID { cursor: crosshair !important; pointer-events: none !important; } body { cursor: url(https://res.cloudinary.com/dep1i65jt/image/upload/v1735066650/NotionFlows/arrow-click_nb0nxl.png), auto !important; background: var(--background-light-color); } /*Carousel for new homepage*/ .word-slider-inner { display: flex; transition: transform 0.5s ease-in-out; padding: 12px; } /* Hide tooltip */ span.tooltiptext { visibility: hidden; opacity: 0; position: absolute; background: #333; color: white; padding: 8px 12px; border-radius: 4px; font-size: 0.9em; z-index: 1000; max-width: 500px; min-width: 250px; bottom: 100%; left: 50%; transform: translateX(-50%); transition: opacity 300ms, visibility 0.3s; } .word-slider a:hover span.tooltiptext { visibility: visible; opacity: 1; transition: opacity 300ms ease-in-out; } .word-slider a { position: relative; border-radius: 8px; text-decoration: none; color: #333; line-height: 2rem; font-size: 1.2em; transition: background-color 300ms ease-in-out; } .word-slider a :is(span) { transition: background-color 200ms ease-in-out; } .word-slider a :is(span.linkText:hover) { background-color: var(--color-ui-hover-bg); transition: background-color 200ms ease-in-out; } /*.word-slider a span.linkText::after,*/ /*.word-slider a + a span.linkText::after {*/ /* content: "•";*/ /* padding: 0 .2rem 0 .5rem*/ /*}*/ .word-slider span { padding: 0.5rem; } @media (max-width: 760px) { .word-slider a.tooltipText { display: none; } .word-slider { display: block; margin: 20px auto; max-width: 90%; position: relative; height: 120px; } .word-slider-inner { display: flex; transition: transform 0.5s ease-in-out; padding: 0; } .word-slider a { margin: 0; min-width: 100%; box-sizing: border-box; text-align: center; } .slider-nav-btn, .slider-dots { display: block; margin-top: 2px; } .slider-nav-btn { position: absolute; top: 50%; transform: translateY(-50%); color: black; border: none; cursor: pointer; font-size: 1.5em; z-index: 10; border-radius: 50%; line-height: 1; background-color: unset; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; } .slider-nav-btn.prev { left: 0; } .slider-nav-btn.next { right: 0; } .slider-dots { text-align: center; } .dot { height: 10px; width: 10px; margin: 0 5px; background-color: #bbb; border-radius: 50%; display: inline-block; cursor: pointer; transition: background-color 0.3s ease; } .dot.active { background-color: #717171; } }2f:["$","body",null,{"children":[["$","$L34",null,{"settings":{"siteId":"2ca6a37a-1935-497f-af8c-ca054ead4d37","userId":"a7732594-bf6a-4cf9-84e8-aa59cad94451","domainName":"notionflows.com","name":"NotionFlows | Notion Solutions Partner","active":true,"free":false,"tier":"personal","favicon":"https://s3.amazonaws.com/super-notion/images/90a2719c-fd1d-410a-99d1-f3dcc77b3784.png","fontFamily":"Poppins","legacyTheme":null,"language":"en","languages":[],"notionPage":"eb3aaf820f2e4a3f88d0447a33a010ce","indexPageId":"2ca6a37a-1935-497f-af8c-ca054ead4d37:::d7afcb8b-3118-4c34-9a31-b0e0b088efac","pageProperties":true,"hidePageProperties":false,"disablePageProperties":false,"pageSyncing":true,"viewSwitcher":true,"layoutSidePanel":true,"siteSearch":false,"advancedSearch":false,"themeToggle":false,"mondayFirst":true,"loadLimits":false,"hidePersonInfo":false,"showPropertyIcons":false,"filterRedirectsFromSearch":false,"redirectSubdomain":null,"noIndex":false,"viewsExceeded":true,"cacheTTL":0,"manualSync":false,"syncStatus":"unsynced","publishedAt":null,"custom404Enabled":false,"membershipEnabled":false,"membershipConfigured":false,"suppressLoginEmail":false,"navbar":{"type":"balanced","style":{"height":72,"textColor":"var(--color-text-default)","backgroundColor":"rgba(255, 255, 255, 0.69)","ctaTextColor":"rgba(217, 115, 13, 1)","ctaBackgroundColor":"rgba(252, 240, 157, 1)","isSticky":true,"shadow":{"type":"small","color":"rgba(252, 240, 157, 1)","opacity":39}},"links":[{"id":"26c5dde2-5707-4f47-8fb5-e24c4a7e1d45","type":"page","label":"Home","link":"/","pageId":"2ca6a37a-1935-497f-af8c-ca054ead4d37:::d7afcb8b-3118-4c34-9a31-b0e0b088efac","list":[]},{"id":"2f3ac503-9409-4aa9-be7e-c1782470957e","type":"page","label":"Why Notion","link":"/why-notion-is-the-best-productivity-app","pageId":"2ca6a37a-1935-497f-af8c-ca054ead4d37:::154e99a1-0253-41b8-9a82-aaf79bf64bbc","icon":"","list":[]},{"id":"1309eecd-ec71-4a1c-b02c-17fc9ac6a44e","type":"list","label":"Services","icon":"","list":[{"id":"59c228db-4441-4d42-8d01-9ea2f9415f5e","type":"page","label":"Notion Websites","link":"/service/notion-website","pageId":"2ca6a37a-1935-497f-af8c-ca054ead4d37:::648063de-d320-4b0f-88f3-148d3ba44b1a","icon":"","description":"","list":[]},{"id":"211d525c-a4a9-4c38-ad0c-a8b39fa6c4f9","type":"page","label":"Automation solutions","link":"/service/automation","pageId":"2ca6a37a-1935-497f-af8c-ca054ead4d37:::315ad0d2-41d4-4ee2-b654-b98f430bd768","icon":"","description":"","list":[]},{"id":"295d019d-cf22-40e1-9ea2-dcdac711855b","type":"page","label":"Notion workspace","link":"/service/notion-build","pageId":"2ca6a37a-1935-497f-af8c-ca054ead4d37:::1ba16466-53bf-404f-a76b-4e4db96fe563","icon":"","description":"","list":[]}]},{"id":"de33f349-ac46-4e51-a8f8-5ab2c89eac6a","type":"page","label":"Case studies","link":"/case-studies","pageId":"2ca6a37a-1935-497f-af8c-ca054ead4d37:::d1873b46-be3d-480f-8298-6bb0e6ce29b2","icon":"","list":[]},{"id":"cd0d8e18-5a50-489a-b852-9a0c6c4fec35","type":"page","label":"Blog","link":"/posts","pageId":"2ca6a37a-1935-497f-af8c-ca054ead4d37:::a0e97c81-b4e5-436f-970e-9cd01042ba23","list":[]},{"id":"baadeb16-311e-4210-9bf8-95bf3f941d48","type":"page","label":"Our Why","link":"/about","pageId":"2ca6a37a-1935-497f-af8c-ca054ead4d37:::d8bb9c37-199b-4586-a4dc-6f73b76c3049","list":[]}],"logo":{"type":"image","width":169,"fontSize":16,"textContent":"NotionFlows | Roxana Rodriguez","imageContent":"https://assets.super.so/2ca6a37a-1935-497f-af8c-ca054ead4d37/uploads/logo/8312d118-f320-4584-bcf5-7be2913f3cfc.svg","imageContentDark":null,"disabled":false},"cta":{"type":"url","label":"Let’s Talk","link":"https://cal.com/roxana-rodriguez/discovery-call","pageId":""},"isSticky":true,"breadcrumbs":false},"footer":{"type":"corners","style":{"textColor":"#000000","backgroundColor":"#ffffff"},"links":[{"id":"bd919835-4f71-4d55-b8f4-633b9b7976cb","type":"list","label":"What we do","icon":"","list":[{"id":"9cbe603c-6c6d-4119-9d35-ff3ee9ab82fb","type":"page","label":"Notion Build","link":"/service/notion-build","pageId":"2ca6a37a-1935-497f-af8c-ca054ead4d37:::1ba16466-53bf-404f-a76b-4e4db96fe563","icon":"","description":"","list":[]},{"id":"1281a13c-959a-4227-aca8-9875a1fa0808","type":"page","label":"Notion Website","link":"/service/notion-website","pageId":"2ca6a37a-1935-497f-af8c-ca054ead4d37:::648063de-d320-4b0f-88f3-148d3ba44b1a","icon":"","description":"","list":[]},{"id":"7993a276-1a33-4bf5-8a76-23f04ce0bcb3","type":"page","label":"Notion Avatars","link":"/avatars","pageId":"2ca6a37a-1935-497f-af8c-ca054ead4d37:::613b245f-ccf1-4c40-9caa-a5846a1fab1e","icon":"","description":"","list":[]},{"id":"998a1c15-0cd5-4374-9640-bd3fd7013dcd","type":"page","label":"Automation","link":"/service/automation","pageId":"2ca6a37a-1935-497f-af8c-ca054ead4d37:::315ad0d2-41d4-4ee2-b654-b98f430bd768","icon":"","description":"","list":[]}]},{"id":"e195a065-a23f-4946-b596-9ef8c60f9c40","type":"list","label":"Teams","icon":"","list":[{"id":"316c7bd7-8f6d-4e5f-85b6-04bcc8f8a4dd","type":"page","label":"Marketing","link":"/notion-for-marketing","pageId":"2ca6a37a-1935-497f-af8c-ca054ead4d37:::bd4c5dca-05dc-4b6b-8c05-7a0c33063333","icon":"","description":"","list":[]},{"id":"d9d91df4-3a3b-43b1-9814-dfd276446adf","type":"page","label":"Product","link":"/product-teams","pageId":"2ca6a37a-1935-497f-af8c-ca054ead4d37:::997b1a97-9854-4587-8fcc-d473047531b0","icon":"","description":"","list":[]},{"id":"61394ef2-cae5-426f-acce-55953c5f1295","type":"page","label":"Operations","link":"/notion-for-operations","pageId":"2ca6a37a-1935-497f-af8c-ca054ead4d37:::8d237707-e2f9-4a00-bd6f-2e20b50c64c3","icon":"","description":"","list":[]}]},{"id":"4c02fb41-2f95-4655-8f53-e786068d93eb","type":"list","label":"Resources","icon":"","list":[{"id":"9df18ca0-f0e8-4dfc-bff0-ace2f91c9510","type":"page","label":"Blog","link":"/posts","pageId":"2ca6a37a-1935-497f-af8c-ca054ead4d37:::a0e97c81-b4e5-436f-970e-9cd01042ba23","icon":"","description":"","list":[]},{"id":"605e283a-05ea-4444-a69d-59e6b9bb4267","type":"page","label":"Templates","link":"/templates","pageId":"2ca6a37a-1935-497f-af8c-ca054ead4d37:::b4428e4f-31bd-40ca-8888-1d488dcc3d90","icon":"","description":"","list":[]},{"id":"8729c808-2483-4798-b96e-8a15326fe7c5","type":"page","label":"Newsletter","link":"/newsletter","pageId":"2ca6a37a-1935-497f-af8c-ca054ead4d37:::ab5bccdd-b508-4d76-ac26-bbc8fa4537f4","icon":"","description":"","list":[]}]},{"id":"3599ca67-1f1e-4200-b204-0e0477fb55c7","type":"list","label":"Customer wins","icon":"","list":[{"id":"3efc2816-b9f1-4295-a613-308d3a4817df","type":"page","label":"Case studies","link":"/case-studies","pageId":"2ca6a37a-1935-497f-af8c-ca054ead4d37:::d1873b46-be3d-480f-8298-6bb0e6ce29b2","icon":"","description":"","list":[]},{"id":"ab1bb653-cbef-4728-9f7f-230c92407228","type":"page","label":"Testimonials","link":"/testimonials","pageId":"2ca6a37a-1935-497f-af8c-ca054ead4d37:::a2f7b0da-3049-4d9a-abcc-5e0a9504153a","icon":"","description":"","list":[]}]},{"id":"d045950b-de42-46a1-a496-52d825d47418","type":"list","label":"Others","icon":"","list":[{"id":"ad9370bd-887e-454c-bee3-931ffd65f5c4","type":"page","label":"Privacy policy","link":"/privacy-policy","pageId":"2ca6a37a-1935-497f-af8c-ca054ead4d37:::988ddbaa-c70d-4119-ba64-b945fdb9c298","icon":"","description":"","list":[]},{"id":"b34dcea3-b3a1-4e68-ae18-ff9515daaf24","type":"page","label":"Terms & conditions","link":"/terms-and-conditions","pageId":"2ca6a37a-1935-497f-af8c-ca054ead4d37:::a4470550-d01d-43dd-b250-ff7fde9cd1c8","icon":"","description":"","list":[]}]}],"logo":{"type":"image","width":180,"fontSize":16,"textContent":"NotionFlows ","imageContent":"https://assets.super.so/2ca6a37a-1935-497f-af8c-ca054ead4d37/uploads/logo/40a4e686-3714-462b-8612-cdbe8b20337a.png","imageContentDark":null,"disabled":false},"socials":[{"type":"instagram","link":"https://www.instagram.com/notionflows/"},{"type":"linkedin","link":"https://www.linkedin.com/in/roxanarodriguezc/"},{"type":"twitter","link":"https://twitter.com/NotionFlows"},{"type":"youtube","link":"https://www.youtube.com/channel/UClQfl78E-ghCWtOC4aMFO0A"}],"footnote":"Design & Developed with Notion & Super in 🏖 Aruba :)","divider":true},"sidebar":{"enabled":false,"links":[],"cta":[],"logo":null,"searchEnabled":true},"theme":{"colorMode":"light","layout":{"paddingLayout":0.6,"layoutMaxWidth":1200,"columnSpacing":46,"borderThicknessLayout":1,"borderTypeLayout":"solid","borderRadiiLayout":5,"pageDisplay":"flex"},"header":{"coverHeight":30,"titleAlign":"center","iconAlign":"-112px 0 0 0","display":"block"},"collectionCard":{"gap":10,"shadow":"rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px","coverHeightLarge":200,"coverHeightMedium":200,"coverHeightSmall":128,"titleSize":0.875,"coverSizeSmall":172,"coverSizeMedium":260,"coverSizeLarge":320,"iconDisplay":"none"},"callout":{"iconDisplay":"none","shadow":"none"},"typography":{"primaryFont":"Poppins","secondaryFont":"Inter","fonts":[],"baseSize":16,"titleSize":2.5,"headingSize":1,"quoteSize":1.2,"quoteSizeLarge":1.4,"textWeight":400,"headingWeight":600},"scrollbar":{"width":15},"navbar":{"height":80,"shadow":"none"},"footer":{"height":0},"sidebar":{"width":280,"shadow":"none"},"colors":{"light":{"text":"#37352F","textLight":"#7d7c78","background":"#ffffff","borderColor":"#E9E9E7","checkboxBackground":"#2EAADC","hoverBackground":"#efefef","scrollbar":{"background":"#FAFAFA","handle":"#C1C1C1","border":"#E8E8E8"},"navbar":{"text":"#37352F","background":"#ffffff","buttonText":"#000000","buttonBackground":"#fcf09d","hoverBackground":null},"footer":{"text":"#37352F","background":"#ffffff","buttonText":"#ffffff","buttonBackground":"#37352F"},"sidebar":{"text":"#37352F","ctaText":"#37352F","background":"#ffffff","hoverBackground":"#efefef","ctaBackground":"#ffffff","border":"#E9E9E7"},"database":{"cardBackground":"#ffffff","cardHoverBackground":"#f9f9f8","calendarWeekendBackground":"#f7f6f3"},"default":[45,8,20],"gray":[36,2,46],"brown":[19,31,47],"orange":[30,87,45],"yellow":[38,62,49],"green":[149,31,39],"blue":[202,53,43],"purple":[274,32,54],"pink":[328,48,53],"red":[2,62,55],"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}}},"dark":{"text":"#e1e1e1","textLight":"#9b9b9b","background":"#191919","borderColor":"#373737","checkboxBackground":"#2EAADC","hoverBackground":"#262626","scrollbar":{"background":"#FAFAFA","handle":"#C1C1C1","border":"#E8E8E8"},"navbar":{"text":"#e1e1e1","background":"#191919","buttonText":"#191919","buttonBackground":"#e1e1e1","hoverBackground":null},"footer":{"text":"#e1e1e1","background":"#191919","buttonText":"#191919","buttonBackground":"#e1e1e1"},"sidebar":{"text":"#e1e1e1","ctaText":"#e1e1e1","background":"#191919","hoverBackground":"#292929","ctaBackground":"#191919","border":"#373737"},"database":{"cardBackground":"#262626","cardHoverBackground":"#2f2f2f","calendarWeekendBackground":"#202020"},"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}},"default":[45,8,20],"gray":[0,0,61],"brown":[18,35,58],"orange":[25,54,53],"yellow":[38,54,54],"green":[146,32,47],"blue":[217,50,58],"purple":[270,55,62],"pink":[329,57,58],"red":[1,69,60]}}},"code":{"global":[{"id":"2ca6a37a-1935-497f-af8c-ca054ead4d37:::2cc90b13-9316-43fb-988e-9357c8d58cdc","content":"$35"}],"head":[],"body":[{"id":"2ca6a37a-1935-497f-af8c-ca054ead4d37:::42ed0ac7-13bd-42da-a838-0e40addc084b","content":"$36"}],"style":[],"css":"$37"},"files":[]},"config":{"assetEndpoint":"https://assets.super.so","isPreview":false},"domainQueryParam":"$undefined","children":[null,"$L38","$L39","$L3a","$L3b"]}],"$L3c"]}]

The Whiteboard

Hi five 👋