html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: sans-serif } .thrive-uses_clip { padding: 70px 100px 10px 100px; } .thrive-flow_ui-bkg.t-mod-h { z-index: 10; margin-bottom: -5rem !important; margin-left: 0.75rem; position: absolute; } p.t-text-medium.t-util-text-center { display: none; } .left-img-sec { width: 552px !important; object-fit: cover; height: 343px; } .right-img-sec { width: 208px !important; object-fit: cover; height: 427px; } .best-for-tags { display: flex; flex-wrap: wrap; gap: 12px 9px !important; align-items: center; margin-top: 12px; } .best-for-tags span { position: relative; padding-left: 14px; font-size: 16px !important; line-height: 1.5; color: #4b5563 !important; font-weight: 400; } .best-for-tags span::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #5B5B5B; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } /* Mobile */ @media (max-width: 767px) { .best-for-tags { gap: 10px 14px; } .best-for-tags span { font-size: 14px; } } body { margin: 0 } menu, section { display: block } video { vertical-align: baseline; display: inline-block } [hidden] { display: none } a { background-color: #0000 } a:active, a:hover { outline: 0 } strong { font-weight: 700 } h1 { margin: .67em 0; font-size: 2em } mark { color: #000; background: #ff0 } img { border: 0 } svg:not(:root) { overflow: hidden } button { color: inherit; font: inherit; margin: 0 } button { overflow: visible } button { text-transform: none } button { -webkit-appearance: button; cursor: pointer } button::-moz-focus-inner { border: 0; padding: 0 } table { border-collapse: collapse; border-spacing: 0 } @font-face { font-family: webflow-icons; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)format("truetype"); font-weight: 400; font-style: normal } * { box-sizing: border-box } html { height: 100%; overflow-x: clip; } body { overflow-x: clip; color: #333; background-color: #fff; min-height: 100%; margin: 0; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px } img { vertical-align: middle; max-width: 100%; display: inline-block } .w-inline-block { max-width: 100%; display: inline-block } h1, h2, h3 { margin-bottom: 10px; font-weight: 700 } h1 { margin-top: 20px; font-size: 38px; line-height: 44px } h2 { margin-top: 20px; font-size: 32px; line-height: 36px } h3 { margin-top: 20px; font-size: 24px; line-height: 30px } p { margin-top: 0; margin-bottom: 10px } button, [type=button], [type=reset] { cursor: pointer; -webkit-appearance: button; border: 0 } @keyframes spin { 0% { transform: rotate(0) } to { transform: rotate(360deg) } } :root { --loam---web-library_swatches---neutrals--black: var(--loam---web-library_swatches---oat--500); --loam---web-library---colors--text: var(--loam---web-library_swatches---neutrals--black); --fonts--body-font: var(--fonts--primary-font-family); --paragraph--default: 1rem; --fonts--heading-font: var(--fonts--primary-font-family); --heading-–-h1--line-height: 1em; --heading-–-h1--font-size: 3.75rem; --heading-–-h2--font-size: 2.75rem; --heading-–-h2--line-height: 1.1em; --heading-–-h3--font-size: 2rem; --heading-–-h3--line-height: 1.1em; --color--blue-500\: #038ff7; --_swatches---color--black: #000; --_swatches---color--white: white; --loam---web-library_swatches---oat--200: #f4f3f0; --_typography---paragraph-regular--font-size: var(--loam---web-library_typography--restart---paragraph-regular--font-size); --_swatches---color--grey-900: #282c35; --loam---web-library_terra-swatches---oat--oat-200: #f4f3f0; --_swatches---color--oat-400: #dad4c8; --_swatches---color--ube-600: #7934f0; --loam---web-library_swatches---lime--300: #cbd810; --_theme--terra-card---foreground: var(--loam---web-library_terra-swatches---oat--oat-400); --_theme--terra-card---button-light: white; --_theme--terra-card---text-primary: var(--loam---web-library_terra-swatches---oat--oat-500); --_typography---paragraph-medium--font-size: var(--loam---web-library_typography--restart---paragraph-medium--font-size); --loam---web-library_terra-swatches---lime--lime-200: #eef773; --spacing--4rem: 4rem; --spacing--3rem: 3rem; --spacing--1-5rem: 1.5rem; --loam---web-library_swatches---oat--500: #000; --layout--section-padding-lg: var(--spacing--6rem); --layout--section-padding-md: var(--spacing--4rem); --layout--section-padding-sm: var(--spacing--3rem); --spacing--6rem: 6rem; --layout--row-col-gap: 1.5rem; --form--gap: var(--spacing--1-5rem); --loam---web-library_terra-swatches---oat--oat-400: #7b7974; --_layout---card--large: var(--loam---web-library_layout--restart---card--large); --_typography---paragraph-medium--line-height: var(--loam---web-library_typography--restart---paragraph-medium--line-height); --_typography---paragraph-medium--letter-spacing: var(--loam---web-library_typography--restart---paragraph-medium--letter-spacing); --_layout---radius--large: var(--loam---web-library_layout--restart---radius--large); --_theme--terra-card---background-one: var(--loam---web-library_terra-swatches---oat--oat-200); --_layout---card--regular: var(--loam---web-library_layout--restart---card--regular); --_layout---radius--regular: var(--loam---web-library_layout--restart---radius--regular); --_layout---gap--small: var(--loam---web-library_layout--restart---gap--small); --_typography---h2--font-size: var(--loam---web-library_typography--restart---h2--font-size); --_typography---h2--line-height: var(--loam---web-library_typography--restart---h2--line-height); --_typography---h2--font-weight: var(--loam---web-library_typography--restart---h2--font-weight); --_typography---h2--letter-spacing: var(--loam---web-library_typography--restart---h2--letter-spacing); --_layout---gap--regular: var(--loam---web-library_layout--restart---gap--regular); --_theme--terra-card---text-secondary: var(--loam---web-library_terra-swatches---oat--oat-200); --_theme--terra-card---background-three: white; --_theme--terra-card---background-two: var(--loam---web-library_terra-swatches---oat--oat-300); --_typography---paragraph-regular--line-height: var(--loam---web-library_typography--restart---paragraph-regular--line-height); --_typography---paragraph-regular--letter-spacing: var(--loam---web-library_typography--restart---paragraph-regular--letter-spacing); --loam---web-library_terra-swatches---slushie--slushie-300: #3bd3fd; --loam---web-library_terra-swatches---ube--ube-200: #c8bbfb; --_typography---h3--font: var(--_typography---fonts--primary-font); --_typography---h3--font-size: var(--loam---web-library_typography--restart---h3--font-size); --_typography---h3--line-height: var(--loam---web-library_typography--restart---h3--line-height); --_typography---h3--font-weight: var(--loam---web-library_typography--restart---h3--font-weight); --_typography---h3--letter-spacing: var(--loam---web-library_typography---h3--letter-spacing); --loam---web-library_layout--restart---card--large: 3rem; --loam---web-library_layout--restart---card--regular: 1.5rem; --_layout---section-vertical--regular: var(--loam---web-library_layout--restart---section-vertical--regular); --_layout---section-vertical--small: var(--loam---web-library_layout--restart---section-vertical--small); --_layout---gap--large: var(--loam---web-library_layout--restart---gap--large); --loam---web-library_terra-swatches---slushie--slushie-400: #008bad; --loam---web-library_terra-swatches---oat--oat-300: #d1cdc7; --loam---web-library_terra-swatches---oat--oat-500: #1b1a18; --_typography---paragraph-small--font-size: var(--loam---web-library_typography--restart---paragraph-small--font-size); --_typography---paragraph-small--line-height: var(--loam---web-library_typography--restart---paragraph-small--line-height); --_typography---paragraph-small--letter-spacing: var(--loam---web-library_typography--restart---paragraph-small--letter-spacing); --_layout---radius--small: var(--loam---web-library_layout--restart---radius--small); --_layout---gap--medium: var(--loam---web-library_layout--restart---gap--medium); --loam---web-library_terra-swatches---lime--lime-300: #cbd810; --_theme--terra-card---button-dark: white; --loam---web-library_layout--restart---gap--medium: 1.5rem; --loam---web-library_layout--restart---gap--regular: 1.25rem; --loam---web-library_layout--restart---gap--small: 1rem; --loam---web-library_terra-swatches---lime--lime-100: #fcfee2; --loam---web-library_terra-swatches---lime--lime-400: olive; --loam---web-library_terra-swatches---blueberry--blueberry-400: #395afa; --loam---web-library_terra-swatches---lime--lime-500: #102b03; --loam---web-library_terra-swatches---pomegranate--pomegranate-500: #3a0308; --loam---web-library_terra-swatches---pomegranate--pomegranate-300: #fb4450; --loam---web-library_terra-swatches---ube--ube-300: #a17bf9; --loam---web-library_terra-swatches---slushie--slushie-500: #002833; --loam---web-library_terra-swatches---tangerine--tangerine-400: #b53d0a; --loam---web-library_terra-swatches---dragonfruit--dragonfruit-400: #cc089e; --loam---web-library_terra-swatches---blueberry--blueberry-100: aliceblue; --loam---web-library_layout--restart---section-vertical--small: 3rem; --fonts--primary-font-family: Roobertvf, Arial, sans-serif; --_typography---fonts--primary-font: Roobertvf, Arial, sans-serif; --loam---web-library_terra-swatches---blueberry--blueberry-500: #001433; --loam---web-library_terra-swatches---blueberry--blueberry-300: #429eff; --loam---web-library_terra-swatches---blueberry--blueberry-200: #bedffe; --loam---web-library_layout--restart---section-vertical--regular: 4rem; --loam---web-library_terra-swatches---slushie--slushie-200: #aaebfd; --loam---web-library_layout--restart---gap--large: 2rem; --loam---web-library_layout--restart---radius--large: 3rem; --loam---web-library_layout--restart---radius--regular: 1.5rem; --loam---web-library_layout--restart---radius--small: .75rem; --loam---web-library_terra-swatches---tangerine--tangerine-500: #381005; --loam---web-library_terra-swatches---tangerine--tangerine-300: #ff7714; --loam---web-library_terra-swatches---tangerine--tangerine-200: #fcc9ab; --loam---web-library_terra-swatches---tangerine--tangerine-100: #fff3ed; --loam---web-library_terra-swatches---pomegranate--pomegranate-400: #c22e3d; --loam---web-library_terra-swatches---pomegranate--pomegranate-200: #fcbabe; --loam---web-library_terra-swatches---dragonfruit--dragonfruit-500: #46022f; --loam---web-library_terra-swatches---dragonfruit--dragonfruit-300: #ff70d2; --loam---web-library_terra-swatches---dragonfruit--dragonfruit-200: #f8b9e4; --loam---web-library_terra-swatches---dragonfruit--dragonfruit-100: #fff0fa; --loam---web-library_terra-swatches---ube--ube-500: #160038; --loam---web-library_terra-swatches---ube--ube-400: #6d4cd6; --loam---web-library_terra-swatches---ube--ube-100: #f5f3ff; --_swatches---color--pomegranate-200: #fecdd3; --loam---web-library_typography---h3--letter-spacing: -.04em; --loam---web-library_typography--restart---h2--font-size: 4.5rem; --loam---web-library_typography--restart---h2--font-weight: 500; --loam---web-library_typography--restart---h2--line-height: 1; --loam---web-library_typography--restart---h2--letter-spacing: -.03em; --loam---web-library_typography--restart---h3--font-size: 3rem; --loam---web-library_typography--restart---h3--font-weight: 500; --loam---web-library_typography--restart---h3--line-height: 1; --loam---web-library_typography--restart---paragraph-medium--font-size: 1.25rem; --loam---web-library_typography--restart---paragraph-medium--line-height: 1.25; --loam---web-library_typography--restart---paragraph-medium--letter-spacing: 0em; --loam---web-library_typography--restart---paragraph-regular--font-size: 1rem; --loam---web-library_typography--restart---paragraph-regular--line-height: 1.4; --loam---web-library_typography--restart---paragraph-regular--letter-spacing: 0em; --loam---web-library_typography--restart---paragraph-small--font-size: .875rem; --loam---web-library_typography--restart---paragraph-small--line-height: 1.3; --loam---web-library_typography--restart---paragraph-small--letter-spacing: 0em } body { font-family: var(--fonts--body-font); color: var(--loam---web-library---colors--text); font-size: var(--paragraph--default); line-height: 1.5 } h1 { font-family: var(--fonts--heading-font); font-size: 3.6em; line-height: var(--heading-–-h1--line-height); font-variation-settings: "wght" 575; letter-spacing: -.04em; margin-top: 0; margin-bottom: .25em; font-weight: 600 } h2 { font-family: var(--fonts--heading-font); font-size: var(--heading-–-h2--font-size); line-height: var(--heading-–-h2--line-height); font-variation-settings: "wght" 530; letter-spacing: -.02em; margin-top: 0; margin-bottom: .4em; font-weight: 500 } h3 { font-family: var(--fonts--heading-font); font-size: var(--heading-–-h3--font-size); line-height: var(--heading-–-h3--line-height); font-variation-settings: "wght" 530; letter-spacing: -.02em; margin-top: 0; margin-bottom: .5em; font-weight: 600 } p { margin-bottom: 1em; line-height: 1.4 } a { cursor: pointer; color: inherit; text-underline-offset: .04em; text-underline-position: under; text-decoration: none; text-decoration-thickness: .1em } a:focus-visible { outline-color: var(--color--blue-500\); outline-offset: 0px; outline-width: 2px; outline-style: dashed } img { object-fit: cover; display: inline-block } strong { font-weight: 700 } .overflow-hidden { overflow: hidden } .hide { margin-bottom: 0; display: none } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0 } .text-center { text-align: center } .h1 { font-family: var(--fonts--heading-font); font-size: var(--heading-–-h1--font-size); line-height: var(--heading-–-h1--line-height); font-variation-settings: "wght" 575; letter-spacing: -.04em; margin-bottom: .3em; font-weight: 600 } .h2 { font-family: var(--fonts--heading-font); font-size: var(--heading-–-h2--font-size); line-height: var(--heading-–-h2--line-height); font-variation-settings: "wght" 530; letter-spacing: -.03em; margin-bottom: .3em; font-weight: 500 } .btn.t-mod-white { border-color: #fff; font-weight: 500 } .btn.t-mod-ube { background-color: var(--_swatches---color--ube-600); color: var(--_swatches---color--white); border-style: none; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr } .t-container-regular .btn { padding: 11px 16px; border-radius: 12px; font-size: 13.92px !important; color: #fff; font-family: 'Inter'; } .btn.t-mod-lime { background-color: var(--loam---web-library_swatches---lime--300); color: var(--_swatches---color--black) } .btn.t-mod-card-dark { background-color: var(--_theme--terra-card---foreground) } .btn.t-mod-card-light { background-color: var(--_theme--terra-card---button-light); color: var(--_theme--terra-card---text-primary) } .container { width: 90%; max-width: 75rem; margin-left: auto; margin-right: auto } .section { padding-top: var(--layout--section-padding-lg); padding-bottom: var(--layout--section-padding-lg); flex-flow: column; position: relative; overflow: clip } .row { margin-right: calc(calc(var(--layout--row-col-gap)/2)*-1); margin-left: calc(calc(var(--layout--row-col-gap)/2)*-1); flex-flow: wrap; grid-template-rows: auto auto; align-content: stretch; display: flex } .row.workflows { justify-content: flex-start; align-items: flex-start } .row.hide { display: none } .h3 { font-family: var(--fonts--heading-font); font-size: var(--heading-–-h3--font-size); line-height: var(--heading-–-h3--line-height); letter-spacing: -.02em; margin-top: 0; margin-bottom: .5em; font-weight: 500 } .form { grid-column-gap: var(--form--gap); grid-row-gap: 2rem; flex-flow: wrap; justify-content: flex-start; align-items: flex-start; width: 100%; font-size: .875rem; display: flex; position: relative } .btn-icon { flex: none; line-height: 1; transition: transform .4s cubic-bezier(.165, .84, .44, 1); transform: translateY(-100%) } .btn-icon.t-util-position-absolute { height: 100%; inset: 100% 0% 0% } .t-util-text-center { text-align: center; flex-flow: column; margin-left: auto; margin-right: auto; display: block } .t-util-position-relative { z-index: 99; position: relative } .t-util-position-relative.center { justify-content: center; align-items: flex-start; display: flex } .grid { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto auto auto auto auto auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 100%; margin-bottom: 0; padding: 0; display: grid; overflow: hidden } .t-util-position-absolute { position: absolute } .btn_icon-track { flex-flow: column; flex: none; justify-content: center; align-items: center; width: 1rem; display: flex } .t-util-text-balance { text-wrap: balance; padding-left: 0 } .list { list-style-type: decimal } .video { aspect-ratio: 16/9; border-radius: 17px; overflow: hidden } .slide { height: auto } .mask { height: auto; overflow: hidden } .div { justify-content: center; align-items: center; display: flex } .icon_ph { width: 1em; height: 1em; padding: 0; font-size: 1em } .t-text-medium { font-size: var(--_typography---paragraph-medium--font-size); line-height: var(--_typography---paragraph-medium--line-height); letter-spacing: var(--_typography---paragraph-medium--letter-spacing); margin-bottom: 0 } .t-text-medium.t-mod-first { opacity: 0 } .button-group { grid-column-gap: .625rem; grid-row-gap: .625rem; flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex } .thrive-feature_item { z-index: 1; grid-column-gap: 0px; grid-row-gap: 0px; border-radius: 3rem; background-color: var(--_theme--terra-card---background-one); color: var(--_theme--terra-card---text-primary); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; margin-bottom: -3rem; padding-bottom: 3rem; display: grid; position: relative } .thrive-feature_left { padding-top: var(--_layout---card--large); padding-right: 0; padding-left: var(--_layout---card--large); grid-column-gap: 2rem; grid-row-gap: 2rem; padding-bottom: calc(var(--_layout---card--large) + 1rem); flex-flow: column; /* justify-content: space-between; */ display: flex } .thrive-feature_left.t-mod-end { padding-bottom: calc(var(--_layout---card--large)) } .thrive-feature_right { padding: var(--_layout---card--regular) } .thrive-feature_img { border-radius: var(--_layout---radius--regular); background-color: var(--_theme--terra-card---button-light); opacity: 1; min-height: 100%; height: 413px; position: relative; overflow: hidden } .thrive-feature_spacer { height: 75vh; max-height: 45rem; overflow: hidden } .t-util-stack-sm { grid-column-gap: var(--_layout---gap--small); grid-row-gap: var(--_layout---gap--small); flex-flow: column; justify-content: flex-start; align-items: stretch; display: flex } .t-heading-h2 { font-size: var(--_typography---h2--font-size); line-height: var(--_typography---h2--line-height); font-variation-settings: "wght" 530; font-weight: var(--_typography---h2--font-weight); letter-spacing: var(--_typography---h2--letter-spacing); margin-bottom: 0 } .t-util-stack-rg { grid-column-gap: var(--_layout---gap--regular); grid-row-gap: var(--_layout---gap--regular); flex-flow: column; justify-content: flex-start; align-items: stretch; display: flex } .thrive-feature_span { color: var(--_theme--terra-card---text-secondary); } .thrive-feature_tag { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: auto auto; grid-auto-columns: auto; grid-auto-flow: column; margin-right: auto; display: grid } .thrive-feature_pill { z-index: 2; border: 1px solid #F0F8FF; background-color: var(--_theme--terra-card---background-three); letter-spacing: .25em; text-transform: uppercase; border-radius: 100rem; justify-content: center; align-items: center; width: 4.25rem; height: 2rem; margin-right: -3.3rem; padding-left: .75rem; padding-right: .75rem; font-size: .75rem; font-weight: 600; display: flex; position: relative } .thrive-feature_pill.t-mod-active { z-index: 10; background-color: var(--_theme--terra-card---foreground); width: auto; color: var(--_theme--terra-card---button-light); position: relative } .thrive-feature_btm { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex } .t-call-out { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: column; display: flex } .t-call-out-top { margin-left: -2px; display: flex } .t-call-out-logo { border: 2px none var(--_theme--terra-card---background-one); background-color: var(--_theme--terra-card---button-light); width: 2.7rem; height: 2.7rem; box-shadow: inset 0 0 0 2px var(--_theme--terra-card---background-one); color: var(--_theme--terra-card---background-two); border-radius: .875rem; flex: none; justify-content: center; align-items: center; margin-right: -.7rem; display: flex; position: relative; overflow: hidden } .t-call-out-quote { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: flex; position: relative } .t-text-regular { font-size: var(--_typography---paragraph-regular--font-size); line-height: var(--_typography---paragraph-regular--line-height); letter-spacing: var(--_typography---paragraph-regular--letter-spacing); margin-bottom: 0; color: #444444; } .thrive-feature_nav { background-color: var(--loam---web-library_swatches---oat--200); border-top-left-radius: 3rem; border-top-right-radius: 3rem; margin-bottom: -3rem; padding: 0 3rem 3rem } .thrive-feature_nav-intro { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; padding-top: 3rem; padding-bottom: 3rem; display: flex } .thrive-feature_nav-list { grid-column-gap: .25rem; grid-row-gap: .25rem; flex-flow: row; justify-content: flex-start; align-items: center; display: flex } .thrive-feature_link { grid-column-gap: .75rem; grid-row-gap: .75rem; background-color: var(--_swatches---color--oat-400); border-radius: 1rem; justify-content: flex-start; align-items: center; padding: .6rem 1.1rem .6rem .6rem; font-weight: 500; display: flex } .thrive-feature_nav-img { height: 2rem } .thrive-feature_theme { --_theme--terra-card---foreground: var(--loam---web-library_terra-swatches---blueberry--blueberry-400); --_theme--terra-card---button-light: white; --_theme--terra-card---text-primary: var(--loam---web-library_terra-swatches---blueberry--blueberry-500); --_theme--terra-card---background-one: linear-gradient(270deg, #17AEE8 0%, #D1EFFA 100%) !important; --_theme--terra-card---text-secondary: var(--loam---web-library_terra-swatches---blueberry--blueberry-400); --_theme--terra-card---background-three: var(--loam---web-library_terra-swatches---blueberry--blueberry-200); --_theme--terra-card---background-two: var(--loam---web-library_terra-swatches---blueberry--blueberry-300); --_theme--terra-card---button-dark: var(--loam---web-library_terra-swatches---blueberry--blueberry-200); /* margin-bottom: -3rem; */ position: sticky; top: 5rem; z-index: 1 } .thrive-feature_theme.t-mod-end { border-bottom-left-radius: var(--_layout---radius--large); border-bottom-right-radius: var(--_layout---radius--large); overflow: hidden } .thrive-feature_theme.t-mod-tangerine { background: linear-gradient(270deg, #FE9901 0%, #FFEFD6 100%); border-radius: 50px; } .thrive-feature_theme.t-mod-lime { background: linear-gradient(270deg, #F00F73 0%, #FCCFE3 100%); border-radius: 50px; } .thrive-feature_theme.t-mod-dragonfruit.t-mod-end { background: linear-gradient(270deg, #DDE51A 0%, #F8FAD1 100%); border-radius: 50px; } .thrive-feature_theme.t-mod-tangerine { --_theme--terra-card---foreground: #FEA344; --_theme--terra-card---button-light: white; --_theme--terra-card---text-primary: var(--loam---web-library_terra-swatches---tangerine--tangerine-500); --_theme--terra-card---background-one: #FFDAB3; --_theme--terra-card---text-secondary: #FEA344; --_theme--terra-card---background-three: #FFDAB3; --_theme--terra-card---background-two: var(--loam---web-library_terra-swatches---tangerine--tangerine-300); --_theme--terra-card---button-dark: FEA344; z-index: 2 } .thrive-feature_theme.t-mod-lime { --_theme--terra-card---foreground: #F00F73; --_theme--terra-card---button-light: white; --_theme--terra-card---text-primary: var(--loam---web-library_terra-swatches---lime--lime-500); --_theme--terra-card---background-one: #FCCFE3; --_theme--terra-card---text-secondary: #F00F73; --_theme--terra-card---background-three: #FCCFE3; --_theme--terra-card---background-two: var(--loam---web-library_terra-swatches---lime--lime-300); --_theme--terra-card---button-dark: var(--loam---web-library_terra-swatches---lime--lime-200); z-index: 3 } .thrive-feature_theme.t-mod-dragonfruit { --_theme--terra-card---foreground: #808000; --_theme--terra-card---button-light: white; --_theme--terra-card---text-primary: var(--loam---web-library_terra-swatches---dragonfruit--dragonfruit-500); --_theme--terra-card---background-one: #FCFEE2; --_theme--terra-card---text-secondary: #808000; --_theme--terra-card---background-three: #EEF773; --_theme--terra-card---background-two: var(--loam---web-library_terra-swatches---dragonfruit--dragonfruit-300); --_theme--terra-card---button-dark: var(--loam---web-library_terra-swatches---dragonfruit--dragonfruit-200); z-index: 4 } .thrive-feature_theme.t-mod-dragonfruit.t-mod-end { margin-bottom: 0 } .thrive-feature_theme.t-mod-top { border-top-left-radius: 3rem; border-top-right-radius: 3rem; z-index: 1; background: linear-gradient(270deg, #17AEE8 0%, #D1EFFA 100%) !important; border-radius: 50px; } .t-mod-tangerine .best-for-tags { width: 300px; } .t-mod-lime .best-for-tags { width: 437px; } .thrive-flow_base { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; width: 100%; margin-left: auto; margin-right: auto; display: flex } .thrive-flow_tab-bkg { border-radius: var(--_layout---radius--large); background-color: var(--_theme--terra-card---background-two); border: 1px #000; width: 100%; position: absolute; inset: auto 0% 0%; overflow: hidden } .thrive-flow_tab-bkg.t-mod-200 { background-color: var(--_theme--terra-card---background-three) } .thrive-flow_title { grid-column-gap: .3rem; grid-row-gap: .3rem; text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; max-width: 40rem; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; display: flex } .t-heading-h3 { font-size: 36px; line-height: 41px; font-variation-settings: "wght" 530; font-weight: var(--_typography---h3--font-weight); letter-spacing: var(--_typography---h3--letter-spacing); margin-bottom: 0 } .section-thrive-home-features { padding-bottom: var(--_layout---section-vertical--small) } .t-util-stack-lg { grid-column-gap: var(--_layout---gap--large); grid-row-gap: var(--_layout---gap--large); flex-flow: column; justify-content: flex-start; align-items: stretch; display: flex; overflow: visible } .t-util-stack-lg.t-util-position-relative { z-index: 2 } .t-eyebrow-text { letter-spacing: .25em; text-transform: uppercase; font-size: .75rem; font-weight: 600 } .t-text-small { font-size: var(--_typography---paragraph-small--font-size); line-height: var(--_typography---paragraph-small--line-height); letter-spacing: var(--_typography---paragraph-small--letter-spacing); margin-bottom: 0 } .thrive-feature_companies { max-width: 25rem } .t-call-out-mark { z-index: 3; width: 1.5rem; min-width: 1.5rem; max-width: 1.5rem; height: 1.5rem; min-height: 1.5rem; max-height: 1.5rem; position: relative } .image-cover { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0% } .image-cover.t-mod-top { object-position: 50% 0% } .t-frame-line.t-mod-bottom { inset: auto 0% 0% } .t-frame-line.t-util-position-relative { position: relative } .t-container-regular { width: 95%; max-width: 80rem; margin-left: auto; margin-right: auto } .t-frame-gradient { background-image: linear-gradient(90deg, #fff, #fff0); width: 5rem; display: block; position: absolute; inset: 0% auto 0% 0% } .t-frame-gradient.t-mod-right { background-image: linear-gradient(90deg, #fff0, #fff); inset: 0% 0% 0% auto } .section-thrive-home-flow { z-index: 2; padding-bottom: var(--_layout---section-vertical--regular); position: relative } .video-bg { z-index: 1; pointer-events: auto; color: #efeeec; isolation: isolate; justify-content: center; align-items: center; width: 100%; height: 100%; margin-left: auto; margin-right: auto; display: flex; position: absolute; top: 0; left: 0; overflow: hidden; transform: translate(0) } .video-bg__iframe-wrapper { justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: absolute; inset: 0% } .t-mod-top video.video-bg__video { background: #f0f8ff; } .t-mod-tangerine .video-bg__video { background: #F4F3F0; } .t-mod-lime .video-bg__video { background: #FFF3ED; } .t-mod-end .video-bg__video { background: #FCFEE2; } .video-bg__video { z-index: 1; width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0%; } .video-bg_poster { z-index: 10; object-fit: cover; object-position: 50% 50%; min-width: 100%; height: 100%; margin-left: auto; margin-right: auto; transition: opacity .2s linear; display: flex; position: absolute } .t-texture-noise { z-index: 4; mix-blend-mode: overlay; background-position: 0 0; background-size: 60px 60px; display: block; position: absolute; inset: 0% } .t-texture-fingers { z-index: 3; opacity: .85; mix-blend-mode: overlay; background-position: 50%; background-size: cover; display: block; position: absolute; inset: 0% } .t-texture-fingers.t-mod-under { z-index: 2; mix-blend-mode: hard-light; display: block } .t-textures { margin: -2px; position: absolute; inset: 0% } .thrive-flow_tab-base { flex-flow: column; justify-content: flex-end; align-items: center; display: flex; position: relative; overflow: visible } .t-util-stack-md { flex-flow: column; justify-content: flex-start; align-items: stretch; display: flex } .thrive-flow_text { text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; max-width: 37rem; display: flex; position: relative } .thrive-flow_stack { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; justify-content: center; place-items: start center; width: 100%; display: grid; overflow: visible } .thrive-uses_text { justify-content: center; align-items: center; margin-left: auto; margin-right: auto; display: flex } .thrive-uses_text.t-mod-7 { max-width: 28rem } .thrive-uses_text.t-mod-4 { max-width: 31rem } .thrive-uses_text.t-mod-3 { max-width: 34rem } .thrive-uses_text.t-mod-1 { max-width: 30rem } .thrive-uses_text.t-mod-2 { max-width: 25rem } .thrive-uses_text.t-mod-5 { max-width: 30rem } .thrive-uses_text.t-mod-6 { max-width: 32rem } .thrive-flow_tab-list { z-index: 2; grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: row; flex: 1; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: column; justify-content: center; align-items: center; min-height: 2rem; padding-right: .5rem; display: flex; position: relative } .thrive-flow_tab-wrap { width: calc(100% - (var(--_layout---card--large)*2) - 2px); flex-flow: row; justify-content: center; align-items: center; display: flex; position: relative; overflow: hidden } .thrive-flow_shade { z-index: 10; background-image: linear-gradient(270deg, #fff0, var(--_swatches---color--white)); pointer-events: none; width: 25%; position: absolute; inset: 0% auto 0% 0% } .thrive-flow_shade.t-mod-right { background-image: linear-gradient(270deg, var(--_swatches---color--white), #fff0); inset: 0% 0% 0% auto } .t-tab-btn { border-radius: var(--_layout---radius--small); background-color: var(--loam---web-library_terra-swatches---oat--oat-200); color: var(--loam---web-library_terra-swatches---oat--oat-500); white-space: nowrap; --_theme--terra-card---foreground: var(--loam---web-library_terra-swatches---slushie--slushie-400); --_theme--terra-card---button-light: white; --_theme--terra-card---text-primary: var(--loam---web-library_terra-swatches---slushie--slushie-500); --_theme--terra-card---background-one: var(--loam---web-library_terra-swatches---slushie--slushie-200); --_theme--terra-card---text-secondary: var(--loam---web-library_terra-swatches---slushie--slushie-400); --_theme--terra-card---background-three: var(--loam---web-library_terra-swatches---slushie--slushie-200); --_theme--terra-card---background-two: var(--loam---web-library_terra-swatches---slushie--slushie-300); --_theme--terra-card---button-dark: var(--loam---web-library_terra-swatches---slushie--slushie-200); border: 1px #000; padding: .625rem 1rem; font-weight: 500 } .t-tab-btn.t-mod-active { background-color: var(--_theme--terra-card---button-dark) } .t-tab-btn.t-mod-tangerine { --_theme--terra-card---foreground: var(--loam---web-library_terra-swatches---tangerine--tangerine-400); --_theme--terra-card---button-light: white; --_theme--terra-card---text-primary: var(--loam---web-library_terra-swatches---tangerine--tangerine-500); --_theme--terra-card---background-one: var(--loam---web-library_terra-swatches---tangerine--tangerine-100); --_theme--terra-card---text-secondary: var(--loam---web-library_terra-swatches---tangerine--tangerine-400); --_theme--terra-card---background-three: var(--loam---web-library_terra-swatches---tangerine--tangerine-200); --_theme--terra-card---background-two: var(--loam---web-library_terra-swatches---tangerine--tangerine-300); --_theme--terra-card---button-dark: var(--loam---web-library_terra-swatches---tangerine--tangerine-200) } .t-tab-btn.t-mod-lime { --_theme--terra-card---foreground: var(--loam---web-library_terra-swatches---lime--lime-400); --_theme--terra-card---button-light: white; --_theme--terra-card---text-primary: var(--loam---web-library_terra-swatches---lime--lime-500); --_theme--terra-card---background-one: var(--loam---web-library_terra-swatches---lime--lime-100); --_theme--terra-card---text-secondary: var(--loam---web-library_terra-swatches---lime--lime-400); --_theme--terra-card---background-three: var(--loam---web-library_terra-swatches---lime--lime-200); --_theme--terra-card---background-two: var(--loam---web-library_terra-swatches---lime--lime-300); --_theme--terra-card---button-dark: var(--loam---web-library_terra-swatches---lime--lime-200) } .t-tab-btn.t-mod-blueberry { --_theme--terra-card---foreground: var(--loam---web-library_terra-swatches---blueberry--blueberry-400); --_theme--terra-card---button-light: white; --_theme--terra-card---text-primary: var(--loam---web-library_terra-swatches---blueberry--blueberry-500); --_theme--terra-card---background-one: var(--loam---web-library_terra-swatches---blueberry--blueberry-100); --_theme--terra-card---text-secondary: var(--loam---web-library_terra-swatches---blueberry--blueberry-400); --_theme--terra-card---background-three: var(--loam---web-library_terra-swatches---blueberry--blueberry-200); --_theme--terra-card---background-two: var(--loam---web-library_terra-swatches---blueberry--blueberry-300); --_theme--terra-card---button-dark: var(--loam---web-library_terra-swatches---blueberry--blueberry-200) } .t-tab-btn.t-mod-dragnfruit { --_theme--terra-card---foreground: var(--loam---web-library_terra-swatches---dragonfruit--dragonfruit-400); --_theme--terra-card---button-light: white; --_theme--terra-card---text-primary: var(--loam---web-library_terra-swatches---dragonfruit--dragonfruit-500); --_theme--terra-card---background-one: var(--loam---web-library_terra-swatches---dragonfruit--dragonfruit-100); --_theme--terra-card---text-secondary: var(--loam---web-library_terra-swatches---dragonfruit--dragonfruit-400); --_theme--terra-card---background-three: var(--loam---web-library_terra-swatches---dragonfruit--dragonfruit-200); --_theme--terra-card---background-two: var(--loam---web-library_terra-swatches---dragonfruit--dragonfruit-300); --_theme--terra-card---button-dark: var(--loam---web-library_terra-swatches---dragonfruit--dragonfruit-200) } .t-tab-btn.t-mod-ube { --_theme--terra-card---foreground: var(--loam---web-library_terra-swatches---ube--ube-400); --_theme--terra-card---button-light: white; --_theme--terra-card---text-primary: var(--loam---web-library_terra-swatches---ube--ube-500); --_theme--terra-card---background-one: var(--loam---web-library_terra-swatches---ube--ube-100); --_theme--terra-card---text-secondary: var(--loam---web-library_terra-swatches---ube--ube-400); --_theme--terra-card---background-three: var(--loam---web-library_terra-swatches---ube--ube-200); --_theme--terra-card---background-two: var(--loam---web-library_terra-swatches---ube--ube-300); --_theme--terra-card---button-dark: var(--loam---web-library_terra-swatches---ube--ube-200) } .t-tab-btn.t-mod-pomegranate { --_theme--terra-card---foreground: var(--loam---web-library_terra-swatches---pomegranate--pomegranate-400); --_theme--terra-card---button-light: white; --_theme--terra-card---text-primary: var(--loam---web-library_terra-swatches---pomegranate--pomegranate-500); --_theme--terra-card---background-one: var(--loam---web-library_terra-swatches---pomegranate--pomegranate-200); --_theme--terra-card---text-secondary: var(--loam---web-library_terra-swatches---pomegranate--pomegranate-400); --_theme--terra-card---background-three: var(--_swatches---color--pomegranate-200); --_theme--terra-card---background-two: var(--loam---web-library_terra-swatches---pomegranate--pomegranate-300); --_theme--terra-card---button-dark: var(--loam---web-library_terra-swatches---pomegranate--pomegranate-200) } .thrive-feature_inside { padding-top: 120% } .thrive-feature_list { border-radius: var(--_layout---radius--large); overflow: visible } .thrive-flow_bkg-list { grid-column-gap: 5rem; grid-row-gap: 5rem; border-radius: 3rem; flex-flow: column; width: 100%; display: flex; position: relative; inset: 0%; overflow: visible } .thrive-uses_spacer { z-index: 10; grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; width: 100%; padding: 0; display: grid; position: relative; overflow: visible } .thrive-flow_card { --_theme--terra-card---foreground: var(--loam---web-library_terra-swatches---slushie--slushie-400); --_theme--terra-card---button-light: white; --_theme--terra-card---text-primary: var(--loam---web-library_terra-swatches---slushie--slushie-500); --_theme--terra-card---background-one: var(--loam---web-library_terra-swatches---slushie--slushie-200); --_theme--terra-card---text-secondary: var(--loam---web-library_terra-swatches---slushie--slushie-400); --_theme--terra-card---background-three: var(--loam---web-library_terra-swatches---slushie--slushie-200); --_theme--terra-card---background-two: #429eff73; --_theme--terra-card---button-dark: var(--loam---web-library_terra-swatches---slushie--slushie-200); flex-flow: column; justify-content: flex-end; align-items: center; display: flex; position: relative; overflow: visible } .thrive-flow_card.t-mod-tangerine { --_theme--terra-card---foreground: var(--loam---web-library_terra-swatches---tangerine--tangerine-400); --_theme--terra-card---button-light: white; --_theme--terra-card---text-primary: var(--loam---web-library_terra-swatches---tangerine--tangerine-500); --_theme--terra-card---background-one: var(--loam---web-library_terra-swatches---tangerine--tangerine-100); --_theme--terra-card---text-secondary: var(--loam---web-library_terra-swatches---tangerine--tangerine-400); --_theme--terra-card---background-three: var(--loam---web-library_terra-swatches---tangerine--tangerine-200); --_theme--terra-card---background-two: var(--loam---web-library_terra-swatches---tangerine--tangerine-300); --_theme--terra-card---button-dark: var(--loam---web-library_terra-swatches---tangerine--tangerine-200) } .thrive-flow_card.t-mod-lime { --_theme--terra-card---foreground: var(--loam---web-library_terra-swatches---lime--lime-400); --_theme--terra-card---button-light: white; --_theme--terra-card---text-primary: var(--loam---web-library_terra-swatches---lime--lime-500); --_theme--terra-card---background-one: var(--loam---web-library_terra-swatches---lime--lime-100); --_theme--terra-card---text-secondary: var(--loam---web-library_terra-swatches---lime--lime-400); --_theme--terra-card---background-three: var(--loam---web-library_terra-swatches---lime--lime-200); --_theme--terra-card---background-two: var(--loam---web-library_terra-swatches---lime--lime-300); --_theme--terra-card---button-dark: var(--loam---web-library_terra-swatches---lime--lime-200) } .thrive-flow_card.t-mod-ube { --_theme--terra-card---foreground: var(--loam---web-library_terra-swatches---ube--ube-400); --_theme--terra-card---button-light: white; --_theme--terra-card---text-primary: var(--loam---web-library_terra-swatches---ube--ube-500); --_theme--terra-card---background-one: var(--loam---web-library_terra-swatches---ube--ube-100); --_theme--terra-card---text-secondary: var(--loam---web-library_terra-swatches---ube--ube-400); --_theme--terra-card---background-three: var(--loam---web-library_terra-swatches---ube--ube-200); --_theme--terra-card---background-two: var(--loam---web-library_terra-swatches---ube--ube-300); --_theme--terra-card---button-dark: var(--loam---web-library_terra-swatches---ube--ube-200) } .thrive-flow_card.t-mod-blueberry { --_theme--terra-card---foreground: var(--loam---web-library_terra-swatches---blueberry--blueberry-400); --_theme--terra-card---button-light: white; --_theme--terra-card---text-primary: var(--loam---web-library_terra-swatches---blueberry--blueberry-500); --_theme--terra-card---background-one: var(--loam---web-library_terra-swatches---blueberry--blueberry-100); --_theme--terra-card---text-secondary: var(--loam---web-library_terra-swatches---blueberry--blueberry-400); --_theme--terra-card---background-three: var(--loam---web-library_terra-swatches---blueberry--blueberry-200); --_theme--terra-card---background-two: #429eff91; --_theme--terra-card---button-dark: var(--loam---web-library_terra-swatches---blueberry--blueberry-200) } .thrive-flow_card.t-mod-dragonfruit { --_theme--terra-card---foreground: var(--loam---web-library_terra-swatches---dragonfruit--dragonfruit-400); --_theme--terra-card---button-light: white; --_theme--terra-card---text-primary: var(--loam---web-library_terra-swatches---dragonfruit--dragonfruit-500); --_theme--terra-card---background-one: var(--loam---web-library_terra-swatches---dragonfruit--dragonfruit-100); --_theme--terra-card---text-secondary: var(--loam---web-library_terra-swatches---dragonfruit--dragonfruit-400); --_theme--terra-card---background-three: var(--loam---web-library_terra-swatches---dragonfruit--dragonfruit-200); --_theme--terra-card---background-two: var(--loam---web-library_terra-swatches---dragonfruit--dragonfruit-300); --_theme--terra-card---button-dark: var(--loam---web-library_terra-swatches---dragonfruit--dragonfruit-200) } .thrive-flow_card.t-mod-pomegranate { --_theme--terra-card---foreground: var(--loam---web-library_terra-swatches---pomegranate--pomegranate-400); --_theme--terra-card---button-light: white; --_theme--terra-card---text-primary: var(--loam---web-library_terra-swatches---pomegranate--pomegranate-500); --_theme--terra-card---background-one: var(--loam---web-library_terra-swatches---pomegranate--pomegranate-200); --_theme--terra-card---text-secondary: var(--loam---web-library_terra-swatches---pomegranate--pomegranate-400); --_theme--terra-card---background-three: var(--_swatches---color--pomegranate-200); --_theme--terra-card---background-two: var(--loam---web-library_terra-swatches---pomegranate--pomegranate-300); --_theme--terra-card---button-dark: var(--loam---web-library_terra-swatches---pomegranate--pomegranate-200) } .thrive-flow_bkg-spacer { padding-top: 32.25% } .thrive-uses_fade { z-index: 3; height: 45%; position: absolute; inset: auto 0% 0%; overflow: hidden } .thrive-uses_shade { z-index: 2; background-image: linear-gradient(180deg, #fff0, var(--_theme--terra-card---background-two)); opacity: .3; border-bottom-left-radius: calc(var(--_layout---radius--large) - 2px); border-bottom-right-radius: calc(var(--_layout---radius--large) - 2px); position: absolute; inset: 0% } .thrive-uses_shade.t-mod-white { z-index: 1; opacity: 1; background-image: linear-gradient(#fff0, #fff) } .thrive-feature_description { max-width: 28rem } .thrive-feature_description.t-mod-two, .thrive-feature_title { max-width: 30rem } .thrive-feature_title.t-mod-three { max-width: 34rem } .thrive-feature_title.t-mod-one { max-width: none } .thrive-flow_ui-bkg { width: 100% } .thrive-flow_ui-bkg.t-mod-a { z-index: 10; position: absolute } .thrive-flow_ui-bkg.t-mod-c { z-index: 10; margin-bottom: -4rem; margin-left: -2.25rem; position: absolute } .thrive-flow_ui-bkg.t-mod-d { z-index: 10; margin-bottom: -3.75rem; margin-right: -2.25rem; position: absolute } .thrive-flow_ui-bkg.t-mod-e { z-index: 10; margin-right: 3.5%; position: absolute } .thrive-flow_ui-bkg.t-mod-f { z-index: 10; margin-top: 5.2rem; margin-bottom: -5.2rem; margin-left: -2.25rem; position: absolute } .thrive-flow_ui-bkg.t-mod-g { z-index: 10; margin-bottom: -.5rem; margin-right: -2.25rem; position: absolute } .thrive-flow_ui-bkg.t-mod-h { z-index: 10; margin-bottom: 2rem; margin-left: -2.25rem; position: absolute } .thrive-flow_ui-bkg.t-mod-i { z-index: 10; margin-bottom: -1rem; margin-right: -2.25rem; position: absolute } .thrive-flow_ui-bkg.t-mod-j { z-index: 10; margin-bottom: 1.5rem; margin-left: -2.25rem; position: relative } .thrive-flow_ui-bkg.t-mod-k { z-index: 10; margin-right: -2.25rem; position: relative } .thrive-flow_ui-bkg.t-mod-l { z-index: 10; margin-bottom: -15%; margin-left: -2.25rem; position: relative } .thrive-flow_ui-bkg.t-mod-m { z-index: 10; margin-right: -2.25rem; position: relative } .thrive-uses_clip { overflow: hidden } .t-call-out-shade { background-color: var(--_theme--terra-card---background-three); opacity: 1; display: none; position: absolute; inset: 0% } .thrive-uses_mobile { display: none } .t-util-hide-live { z-index: 100; flex-flow: column; justify-content: center; align-items: center; display: flex; position: relative } .t-util-helper { opacity: .5; pointer-events: none; margin: 1rem auto .5rem; display: none } .source { display: none } @media screen and (max-width:991px) { body { --loam---web-library_layout--restart---card--large: 2.5rem; --loam---web-library_layout--restart---card--regular: 1.25rem; --loam---web-library_layout--restart---gap--medium: 1.5rem; --loam---web-library_layout--restart---gap--regular: 1.25rem; --loam---web-library_layout--restart---gap--small: 1rem; --loam---web-library_layout--restart---section-vertical--small: 2rem; --loam---web-library_layout--restart---section-vertical--regular: 3rem; --loam---web-library_layout--restart---gap--large: 2rem; --loam---web-library_layout--restart---radius--large: 2.5rem; --loam---web-library_layout--restart---radius--regular: 1rem; --loam---web-library_layout--restart---radius--small: .75rem; --loam---web-library_typography--restart---h2--font-size: 3.5rem; --loam---web-library_typography--restart---h2--font-weight: 500; --loam---web-library_typography--restart---h2--line-height: 1; --loam---web-library_typography--restart---h2--letter-spacing: -.03em; --loam---web-library_typography--restart---h3--font-size: 2.25rem; --loam---web-library_typography--restart---h3--font-weight: 500; --loam---web-library_typography--restart---h3--line-height: 1; --loam---web-library_typography--restart---paragraph-medium--font-size: 1.25rem; --loam---web-library_typography--restart---paragraph-medium--line-height: 1.25; --loam---web-library_typography--restart---paragraph-medium--letter-spacing: 0em; --loam---web-library_typography--restart---paragraph-regular--font-size: 1rem; --loam---web-library_typography--restart---paragraph-regular--line-height: 1.4; --loam---web-library_typography--restart---paragraph-regular--letter-spacing: 0em; --loam---web-library_typography--restart---paragraph-small--font-size: .875rem; --loam---web-library_typography--restart---paragraph-small--line-height: 1.3; --loam---web-library_typography--restart---paragraph-small--letter-spacing: 0em } body { --fonts--body-font: var(--fonts--primary-font-family); --paragraph--default: 1rem; --fonts--heading-font: var(--fonts--primary-font-family); --heading-–-h1--line-height: 1em; --heading-–-h1--font-size: 3rem; --heading-–-h2--font-size: 2.25rem; --heading-–-h2--line-height: 1.1em; --heading-–-h3--font-size: 1.75rem; --heading-–-h3--line-height: 1.1em; --layout--row-col-gap: 1.5rem; --fonts--primary-font-family: Roobertvf, Arial, sans-serif; --_layout---card--large: var(--loam---web-library_layout--restart---card--large); --_layout---radius--large: var(--loam---web-library_layout--restart---radius--large); --_layout---card--regular: var(--loam---web-library_layout--restart---card--regular); --_layout---radius--regular: var(--loam---web-library_layout--restart---radius--regular); --_layout---gap--small: var(--loam---web-library_layout--restart---gap--small); --_layout---gap--regular: var(--loam---web-library_layout--restart---gap--regular); --_layout---section-vertical--regular: var(--loam---web-library_layout--restart---section-vertical--regular); --_layout---section-vertical--small: var(--loam---web-library_layout--restart---section-vertical--small); --_layout---gap--large: var(--loam---web-library_layout--restart---gap--large); --_layout---radius--small: var(--loam---web-library_layout--restart---radius--small); --_layout---gap--medium: var(--loam---web-library_layout--restart---gap--medium); --_typography---paragraph-regular--font-size: var(--loam---web-library_typography--restart---paragraph-regular--font-size); --_typography---paragraph-medium--font-size: var(--loam---web-library_typography--restart---paragraph-medium--font-size); --_typography---paragraph-medium--line-height: var(--loam---web-library_typography--restart---paragraph-medium--line-height); --_typography---paragraph-medium--letter-spacing: var(--loam---web-library_typography--restart---paragraph-medium--letter-spacing); --_typography---h2--font-size: var(--loam---web-library_typography--restart---h2--font-size); --_typography---h2--line-height: var(--loam---web-library_typography--restart---h2--line-height); --_typography---h2--font-weight: var(--loam---web-library_typography--restart---h2--font-weight); --_typography---h2--letter-spacing: var(--loam---web-library_typography--restart---h2--letter-spacing); --_typography---paragraph-regular--line-height: var(--loam---web-library_typography--restart---paragraph-regular--line-height); --_typography---paragraph-regular--letter-spacing: var(--loam---web-library_typography--restart---paragraph-regular--letter-spacing); --_typography---h3--font: var(--_typography---fonts--primary-font); --_typography---h3--font-size: var(--loam---web-library_typography--restart---h3--font-size); --_typography---h3--line-height: var(--loam---web-library_typography--restart---h3--line-height); --_typography---h3--font-weight: var(--loam---web-library_typography--restart---h3--font-weight); --_typography---h3--letter-spacing: var(--loam---web-library_typography---h3--letter-spacing); --_typography---paragraph-small--font-size: var(--loam---web-library_typography--restart---paragraph-small--font-size); --_typography---paragraph-small--line-height: var(--loam---web-library_typography--restart---paragraph-small--line-height); --_typography---paragraph-small--letter-spacing: var(--loam---web-library_typography--restart---paragraph-small--letter-spacing); --_typography---fonts--primary-font: Roobertvf, Arial, sans-serif } h1 { font-size: var(--heading-–-h1--font-size) } h3 { font-size: var(--heading-–-h3--font-size); line-height: var(--heading-–-h3--line-height) } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0 } .h2 { margin-bottom: .4em } .container { width: 100% } .section { padding-top: var(--layout--section-padding-md); padding-bottom: var(--layout--section-padding-md) } .thrive-feature_item { grid-template-columns: 1fr } .thrive-feature_left { padding-right: var(--_layout---card--large); grid-column-gap: 4rem; grid-row-gap: 4rem } .thrive-feature_left.t-mod-end { grid-column-gap: 3rem; grid-row-gap: 3rem } .thrive-feature_right { padding-top: 0 } .thrive-feature_spacer { height: auto } .thrive-feature_theme { position: relative; top: 0 } .thrive-flow_title { max-width: 30rem } .video-bg__video { height: 110% } .thrive-flow_text { max-width: 30rem } .thrive-flow_stack { margin-bottom: 0 } .thrive-uses_text.t-mod-1, .thrive-uses_text.t-mod-2 { max-width: 25rem } .thrive-feature_inside { padding-top: 90% } .thrive-feature_title { max-width: 32rem } .thrive-feature_title.t-mod-three { max-width: 27rem } .thrive-feature_title.t-mod-one { max-width: 30rem } .thrive-flow_ui-bkg.t-mod-c { margin-bottom: -2rem; margin-left: -1.25rem } .thrive-flow_ui-bkg.t-mod-d { margin-bottom: -2rem; margin-right: -1.25rem } .thrive-flow_ui-bkg.t-mod-f { margin-top: 2rem; margin-bottom: -2rem; margin-left: -1.25rem } .thrive-flow_ui-bkg.t-mod-g { margin-right: -1.25rem } .thrive-flow_ui-bkg.t-mod-h { margin-left: -1.25rem } .thrive-flow_ui-bkg.t-mod-i { margin-right: -1.25rem } .thrive-flow_ui-bkg.t-mod-j { margin-left: -1.25rem } .thrive-flow_ui-bkg.t-mod-k { margin-right: -1.25rem } .thrive-flow_ui-bkg.t-mod-l { margin-left: -1.25rem } .thrive-flow_ui-bkg.t-mod-m { margin-right: -1.25rem } /* Adjust desktop images for tablet overlapping */ .thrive-uses_mobile { display: none !important; /* Hide the different mobile images */ } .thrive-uses_spacer { position: relative; padding: 1.5rem 1rem; display: flex; justify-content: flex-start; align-items: center; overflow: hidden; } img.thrive-flow_ui-bkg.left-img-sec { width: 90% !important; max-width: 600px !important; min-width: 0 !important; height: auto !important; position: relative !important; margin: 0 !important; object-fit: contain; z-index: 1 !important; left: 0 !important; right: auto !important; bottom: auto !important; top: auto !important; } img.thrive-flow_ui-bkg.right-img-sec { width: 25% !important; max-width: 200px !important; min-width: 0 !important; height: auto !important; position: absolute !important; right: 2% !important; bottom: 5% !important; margin: 0 !important; object-fit: contain; z-index: 10 !important; box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.15); left: auto !important; top: auto !important; } .thrive-uses_clip { display: none !important; /* Hide the third image so only two are shown */ } } @media screen and (max-width:767px) { body { --loam---web-library_layout--restart---card--large: 1.75rem; --loam---web-library_layout--restart---card--regular: 1.25rem; --loam---web-library_layout--restart---gap--medium: 1.5rem; --loam---web-library_layout--restart---gap--regular: 1.25rem; --loam---web-library_layout--restart---gap--small: 1rem; --loam---web-library_layout--restart---section-vertical--small: 2rem; --loam---web-library_layout--restart---section-vertical--regular: 2.5rem; --loam---web-library_layout--restart---gap--large: 1.5rem; --loam---web-library_layout--restart---radius--large: 1.75rem; --loam---web-library_layout--restart---radius--regular: .875rem; --loam---web-library_layout--restart---radius--small: .75rem; --loam---web-library_typography--restart---h2--font-size: 2.5rem; --loam---web-library_typography--restart---h2--font-weight: 500; --loam---web-library_typography--restart---h2--line-height: 1; --loam---web-library_typography--restart---h2--letter-spacing: -.03em; --loam---web-library_typography--restart---h3--font-size: 2rem; --loam---web-library_typography--restart---h3--font-weight: 500; --loam---web-library_typography--restart---h3--line-height: 1; --loam---web-library_typography--restart---paragraph-medium--font-size: 1.25rem; --loam---web-library_typography--restart---paragraph-medium--line-height: 1.25; --loam---web-library_typography--restart---paragraph-medium--letter-spacing: 0em; --loam---web-library_typography--restart---paragraph-regular--font-size: 1rem; --loam---web-library_typography--restart---paragraph-regular--line-height: 1.4; --loam---web-library_typography--restart---paragraph-regular--letter-spacing: 0em; --loam---web-library_typography--restart---paragraph-small--font-size: .875rem; --loam---web-library_typography--restart---paragraph-small--line-height: 1.3; --loam---web-library_typography--restart---paragraph-small--letter-spacing: 0em } body { --fonts--body-font: var(--fonts--primary-font-family); --paragraph--default: .875rem; --fonts--heading-font: var(--fonts--primary-font-family); --heading-–-h1--line-height: 1em; --heading-–-h1--font-size: 2.5rem; --heading-–-h2--font-size: 2rem; --heading-–-h2--line-height: 1.2em; --heading-–-h3--font-size: 1.25rem; --heading-–-h3--line-height: 1.25em; --layout--row-col-gap: 1rem; --fonts--primary-font-family: Roobertvf, Arial, sans-serif; --_layout---card--large: var(--loam---web-library_layout--restart---card--large); --_layout---radius--large: var(--loam---web-library_layout--restart---radius--large); --_layout---card--regular: var(--loam---web-library_layout--restart---card--regular); --_layout---radius--regular: var(--loam---web-library_layout--restart---radius--regular); --_layout---gap--small: var(--loam---web-library_layout--restart---gap--small); --_layout---gap--regular: var(--loam---web-library_layout--restart---gap--regular); --_layout---section-vertical--regular: var(--loam---web-library_layout--restart---section-vertical--regular); --_layout---section-vertical--small: var(--loam---web-library_layout--restart---section-vertical--small); --_layout---gap--large: var(--loam---web-library_layout--restart---gap--large); --_layout---radius--small: var(--loam---web-library_layout--restart---radius--small); --_layout---gap--medium: var(--loam---web-library_layout--restart---gap--medium); --_typography---paragraph-regular--font-size: var(--loam---web-library_typography--restart---paragraph-regular--font-size); --_typography---paragraph-medium--font-size: var(--loam---web-library_typography--restart---paragraph-medium--font-size); --_typography---paragraph-medium--line-height: var(--loam---web-library_typography--restart---paragraph-medium--line-height); --_typography---paragraph-medium--letter-spacing: var(--loam---web-library_typography--restart---paragraph-medium--letter-spacing); --_typography---h2--font-size: var(--loam---web-library_typography--restart---h2--font-size); --_typography---h2--line-height: var(--loam---web-library_typography--restart---h2--line-height); --_typography---h2--font-weight: var(--loam---web-library_typography--restart---h2--font-weight); --_typography---h2--letter-spacing: var(--loam---web-library_typography--restart---h2--letter-spacing); --_typography---paragraph-regular--line-height: var(--loam---web-library_typography--restart---paragraph-regular--line-height); --_typography---paragraph-regular--letter-spacing: var(--loam---web-library_typography--restart---paragraph-regular--letter-spacing); --_typography---h3--font: var(--_typography---fonts--primary-font); --_typography---h3--font-size: var(--loam---web-library_typography--restart---h3--font-size); --_typography---h3--line-height: var(--loam---web-library_typography--restart---h3--line-height); --_typography---h3--font-weight: var(--loam---web-library_typography--restart---h3--font-weight); --_typography---h3--letter-spacing: var(--loam---web-library_typography---h3--letter-spacing); --_typography---paragraph-small--font-size: var(--loam---web-library_typography--restart---paragraph-small--font-size); --_typography---paragraph-small--line-height: var(--loam---web-library_typography--restart---paragraph-small--line-height); --_typography---paragraph-small--letter-spacing: var(--loam---web-library_typography--restart---paragraph-small--letter-spacing); --_typography---fonts--primary-font: Roobertvf, Arial, sans-serif } h1 { font-size: var(--heading-–-h1--font-size) } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0 } .container { width: 100% } .section { padding-top: var(--layout--section-padding-sm); padding-bottom: var(--layout--section-padding-sm) } .row.hide { display: none } .form { grid-row-gap: 1.5rem; flex-flow: column } .video { width: 100% } .button-group { justify-content: flex-start; align-items: flex-start } .thrive-feature_item { grid-template-columns: 1fr } .thrive-feature_left { padding-top: var(--_layout---card--regular); padding-right: var(--_layout---card--regular); padding-left: var(--_layout---card--regular); grid-column-gap: 3rem; grid-row-gap: 3rem } .thrive-feature_theme { position: relative; top: auto } .thrive-flow_tab-bkg { inset: 0% } .thrive-flow_title { max-width: 20rem; padding-left: 1.2rem; padding-right: 1.2rem } .video-bg__video { height: 100% } .thrive-flow_text { max-width: 30rem; padding-left: 1.2rem; padding-right: 1.2rem } .thrive-flow_stack { margin-bottom: 2rem } .thrive-uses_text.t-mod-1, .thrive-uses_text.t-mod-2 { max-width: 24rem } .thrive-flow_bkg-list { width: 100% } .thrive-uses_spacer { border-radius: var(--_layout---radius--large); overflow: hidden } .thrive-uses_fade, .thrive-uses_shade { display: none } .thrive-flow_ui-bkg { /* display: none; Removed so desktop images show on mobile */ } .thrive-uses_mobile { display: none !important; /* Hide the different mobile images */ } /* Adjust desktop images for mobile overlapping */ .thrive-uses_spacer { position: relative; padding: 1.5rem 1rem; display: flex; justify-content: flex-start; align-items: center; overflow: hidden; } img.thrive-flow_ui-bkg.left-img-sec { width: 90% !important; max-width: 600px !important; min-width: 0 !important; height: auto !important; position: relative !important; margin: 0 !important; object-fit: contain; z-index: 1 !important; left: 0 !important; right: auto !important; bottom: auto !important; top: auto !important; } img.thrive-flow_ui-bkg.right-img-sec { width: 25% !important; /* Slightly increased so it looks balanced */ max-width: 200px !important; min-width: 0 !important; height: auto !important; position: absolute !important; right: 2% !important; bottom: 5% !important; margin: 0 !important; object-fit: contain; z-index: 10 !important; box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.15); left: auto !important; top: auto !important; } .thrive-uses_clip { display: none !important; /* Hide the third image so only two are shown */ } } @media screen and (max-width:479px) { body { --loam---web-library_layout--restart---card--large: 1.75rem; --loam---web-library_layout--restart---card--regular: 1.25rem; --loam---web-library_layout--restart---gap--medium: 1.5rem; --loam---web-library_layout--restart---gap--regular: 1.25rem; --loam---web-library_layout--restart---gap--small: 1rem; --loam---web-library_layout--restart---section-vertical--small: 2rem; --loam---web-library_layout--restart---section-vertical--regular: 2.5rem; --loam---web-library_layout--restart---gap--large: 1.5rem; --loam---web-library_layout--restart---radius--large: 1.75rem; --loam---web-library_layout--restart---radius--regular: .875rem; --loam---web-library_layout--restart---radius--small: .75rem; --loam---web-library_typography--restart---h2--font-size: 2.5rem; --loam---web-library_typography--restart---h2--font-weight: 500; --loam---web-library_typography--restart---h2--line-height: 1; --loam---web-library_typography--restart---h2--letter-spacing: -.03em; --loam---web-library_typography--restart---h3--font-size: 2rem; --loam---web-library_typography--restart---h3--font-weight: 500; --loam---web-library_typography--restart---h3--line-height: 1; --loam---web-library_typography--restart---paragraph-medium--font-size: 1.125rem; --loam---web-library_typography--restart---paragraph-medium--line-height: 1.25; --loam---web-library_typography--restart---paragraph-medium--letter-spacing: 0em; --loam---web-library_typography--restart---paragraph-regular--font-size: 1rem; --loam---web-library_typography--restart---paragraph-regular--line-height: 1.4; --loam---web-library_typography--restart---paragraph-regular--letter-spacing: 0em; --loam---web-library_typography--restart---paragraph-small--font-size: .875rem; --loam---web-library_typography--restart---paragraph-small--line-height: 1.3; --loam---web-library_typography--restart---paragraph-small--letter-spacing: 0em } body { --fonts--body-font: var(--fonts--primary-font-family); --paragraph--default: .87rem; --fonts--heading-font: var(--fonts--primary-font-family); --heading-–-h1--line-height: 1em; --heading-–-h1--font-size: 2.5rem; --heading-–-h2--font-size: 2rem; --heading-–-h2--line-height: 1.2em; --heading-–-h3--font-size: 1.25rem; --heading-–-h3--line-height: 1.2em; --layout--row-col-gap: 1rem; --fonts--primary-font-family: Roobertvf, Arial, sans-serif; --_layout---card--large: var(--loam---web-library_layout--restart---card--large); --_layout---radius--large: var(--loam---web-library_layout--restart---radius--large); --_layout---card--regular: var(--loam---web-library_layout--restart---card--regular); --_layout---radius--regular: var(--loam---web-library_layout--restart---radius--regular); --_layout---gap--small: var(--loam---web-library_layout--restart---gap--small); --_layout---gap--regular: var(--loam---web-library_layout--restart---gap--regular); --_layout---section-vertical--regular: var(--loam---web-library_layout--restart---section-vertical--regular); --_layout---section-vertical--small: var(--loam---web-library_layout--restart---section-vertical--small); --_layout---gap--large: var(--loam---web-library_layout--restart---gap--large); --_layout---radius--small: var(--loam---web-library_layout--restart---radius--small); --_layout---gap--medium: var(--loam---web-library_layout--restart---gap--medium) } h2 { line-height: var(--heading-–-h2--line-height) } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0 } .center { text-align: center; justify-content: center; display: flex } .h1 { font-size: 1.8rem } .h2 { font-size: 1.7rem } .h3 { font-size: 1.3rem } .t-util-text-center { text-align: center } .div { flex-flow: column } .video-bg_poster { object-position: 80% 0% } .thrive-flow_text { max-width: 22rem } .thrive-flow_stack { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem } .thrive-uses_text.t-mod-7, .thrive-uses_text.t-mod-4, .thrive-uses_text.t-mod-3 { max-width: 20rem } .thrive-flow_tab-wrap { width: calc(100% - 2px) } .thrive-flow_ui-bkg.t-mod-a { min-width: 140%; margin-bottom: -27% } .thrive-flow_ui-bkg.t-mod-c { min-width: 140vw; margin-bottom: -10%; position: absolute } .thrive-flow_ui-bkg.t-mod-d { min-width: 130vw; margin-bottom: -15%; position: absolute } .thrive-flow_ui-bkg.t-mod-e { min-width: 120vw; position: absolute } .thrive-flow_ui-bkg.t-mod-f { min-width: 110vw; margin-bottom: -5%; position: absolute } .thrive-flow_ui-bkg.t-mod-g { z-index: 12; min-width: 125vw; margin-bottom: 2%; position: absolute } .thrive-flow_ui-bkg.t-mod-h { min-width: 140vw; margin-bottom: -7%; position: absolute } .thrive-flow_ui-bkg.t-mod-i { min-width: 140vw; margin-bottom: -3%; position: absolute } .thrive-flow_ui-bkg.t-mod-j { min-width: 130vw; position: absolute } .thrive-flow_ui-bkg.t-mod-k { min-width: 140vw; margin-bottom: -32%; position: absolute } .thrive-flow_ui-bkg.t-mod-l { min-width: 140vw; margin-bottom: -34%; position: absolute } .thrive-flow_ui-bkg.t-mod-m { min-width: 125vw; margin-bottom: -12%; position: absolute } } #w-node-e62aa86a-81ec-e069-5940-586544a31324-08f6d1bf { grid-area: 1/1/2/2 } #w-node-fc4b7b09-cde4-830f-75e5-fbb15ca7ffe0-08f6d1bf { grid-area: 1/1/2/2; align-self: end } #w-node-_177d1230-d7ce-51cb-e2e5-e0435223d8d4-08f6d1bf { grid-area: 1/1/2/2; place-self: end } #w-node-_177d1230-d7ce-51cb-e2e5-e0435223d8d5-08f6d1bf { grid-area: 1/1/2/2; place-self: end start } #w-node-_45a74e99-6cd9-eb1a-17cb-8960c5cf631e-08f6d1bf { grid-area: 1/1/2/2; align-self: end } #w-node-_23e1db63-ae09-8bd1-7b8b-4df505df07ac-08f6d1bf { grid-area: 1/1/2/2; place-self: end } #w-node-e77d6028-fdb2-1735-3741-6a9543b8ca9b-08f6d1bf { grid-area: 1/1/2/2; align-self: end } #w-node-ffc8b1be-e07d-7b80-91bd-05d4dd84fffd-08f6d1bf { grid-area: 1/1/2/2 } #w-node-d9d70663-3917-621a-9b18-0612f82a39d2-08f6d1bf { grid-area: 1/1/2/2; place-self: end } #w-node-d9d70663-3917-621a-9b18-0612f82a39d3-08f6d1bf { grid-area: 1/1/2/2; place-self: start } #w-node-_2a625458-1bc4-b10c-fc01-12cafdd53788-08f6d1bf { grid-area: 1/1/2/2 } #w-node-_7712bbcd-5996-9719-abe6-282cc3b8adc0-08f6d1bf { grid-area: 1/1/2/2; justify-self: end } #w-node-_7f85deb3-3fe1-28e5-909b-9a74610a2b8d-08f6d1bf { grid-area: 1/1/2/2 } #w-node-e4b1c35b-b01b-d4f5-1f3f-70527565bfdc-08f6d1bf { grid-area: 1/1/2/2; place-self: end } #w-node-e4b1c35b-b01b-d4f5-1f3f-70527565bfdd-08f6d1bf { grid-area: 1/1/2/2; place-self: end start } #w-node-c7b60096-6b0b-52a6-afd2-86aee6c5d4fd-08f6d1bf { grid-area: 1/1/2/2; align-self: end } #w-node-_8749e14b-fa03-597f-6734-1a05c125c63a-08f6d1bf { grid-area: 1/1/2/2; place-self: end } #w-node-_8749e14b-fa03-597f-6734-1a05c125c63b-08f6d1bf { grid-area: 1/1/2/2; place-self: end start } #w-node-_0f78b5cb-e35c-b3e6-9a0d-993546308fcb-08f6d1bf { grid-area: 1/1/2/2; align-self: end } #w-node-_91ee252c-9f83-608f-1190-870c924af845-08f6d1bf { grid-area: 1/3/2/4 } #w-node-_91ee252c-9f83-608f-1190-870c924af846-08f6d1bf { grid-area: 1/2/2/3 } #w-node-_5a3f52b9-6338-9323-b138-272ff803ae6a-08f6d1bf { grid-area: 1/4/2/5 } #w-node-_5a3f52b9-6338-9323-b138-272ff803ae69-08f6d1bf { grid-area: 1/3/2/4 } #w-node-_593a8070-a5bf-1aed-28c9-6c95a0f539c5-08f6d1bf { grid-area: 1/2/2/3 } #w-node-_593a8070-a5bf-1aed-28c9-6c95a0f539c6-08f6d1bf { grid-area: 1/4/2/5 } #w-node-_8b05044d-e4fe-d7e3-c680-bcabddf2fe02-08f6d1bf { grid-area: 1/2/2/3 } #w-node-_8b05044d-e4fe-d7e3-c680-bcabddf2fe01-08f6d1bf { grid-area: 1/3/2/4 } #w-node-f276fd59-0330-18ac-b34a-548c92db3361-92db335b, #w-node-f276fd59-0330-18ac-b34a-548c92db3364-92db335b, #w-node-f276fd59-0330-18ac-b34a-548c92db3367-92db335b { grid-area: 1/1/2/2 } @media screen and (max-width:991px) { #w-node-c7b60096-6b0b-52a6-afd2-86aee6c5d4fd-08f6d1bf { grid-area: 1/1/2/2; align-self: end } } @media screen and (max-width:767px) { #w-node-_51739851-1787-23cc-deed-b13db5957ac7-08f6d1bf, #w-node-_40e12def-4b6d-74e3-7971-6ef9d19e373c-08f6d1bf, #w-node-d7671d9f-91bd-285c-90a6-8712eb330b48-08f6d1bf, #w-node-eb9aef54-371b-b161-d930-661770146948-08f6d1bf, #w-node-b3d998e3-bf1c-5003-714f-6f77795ffd0e-08f6d1bf, #w-node-d7b5c049-7f43-afac-3e08-4d8c41eeeb8d-08f6d1bf, #w-node-c866be07-6462-6d6e-5c16-4577e4d3a07b-08f6d1bf { grid-area: 1/1/2/2 } .video-thumbnail-wrapper img.cover-img { height: 200px; } .t-mod-tangerine .best-for-tags { width: 100%; } .t-mod-lime .best-for-tags { width: 100%; } } @media screen and (max-width:479px) { #w-node-e62aa86a-81ec-e069-5940-586544a31324-08f6d1bf { place-self: end center } #w-node-_177d1230-d7ce-51cb-e2e5-e0435223d8d5-08f6d1bf { justify-self: start } #w-node-d9d70663-3917-621a-9b18-0612f82a39d3-08f6d1bf, #w-node-e4b1c35b-b01b-d4f5-1f3f-70527565bfdc-08f6d1bf, #w-node-_8749e14b-fa03-597f-6734-1a05c125c63a-08f6d1bf { align-self: end } }