/** TABLE OF CONTENTS
------------------------------------------------------------------------/


1.0 - Global Styles
  1.1 - General
  1.2 - Selection Highlight
  1.3 - Buttons
  1.4 - Typography
  1.5 - Custom Font Face
  1.6 - Hero Styles
  1.7 - Forms
  1.8 - Facets
  1.9 - Bootstrap Styling
  1.10 - Components

2.0 - Layout + Themer
  2.1 - Header
  2.2 - Navigation
  2.3 - Footer
  2.4 - Blog Singular
  2.5 - Landing Pages
  2.6 - Competitor Pages

3.0 - Page Specific CSS
  3.1 - Homepage
  3.2 - About
  3.3 - Careers
  3.4 - Contact
  3.5 - Press
  3.6 - Glossary
  3.7 - Agencies
  3.8 - Get Started
  3.9 - Plans
  3.10 - Blog
  3.11 - Resources

4.0 - Admin Branding
  4.1 - Admin Bar
  4.2 - Builder Styles

5.0 - Tablet Only Styles

6.0 - Tablet + Mobile Styles

7.0 - Mobile Only Styles

8.0 - Accessibility Styles


/// END TABLE OF CONTENTS
--------------------------------------------------------------------------*/

/** 1.0 - Global Settings
--------------------------------------------------------------------------*/
.fl-builder-global-styles #fl-field-colors .fl-builder-field-multiple .fl-field-label {
    display: none;
}
.fl-global-color-field {
    padding-top: 0;
}


/* =========================
   1.1 - General
   ========================= */

:root {
    --clr-primary: var(--clr-dark-purple);
    --clr-secondary: var(--clr-purple);
    --clr-accent: var(--clr-pink);

    --clr-dark-purple: #320f5e;
    --clr-dark-purple-rgb: 50 15 94;
    --clr-purple: #6c16c7;
    --clr-purple-rgb: 108 22 199;
    --clr-pink: #cf5589;
    --clr-pink-rgb: 207 85 137;

    --clr-purple-tint-1: #843dd0;
    --clr-purple-tint-2: #9d64da;
    --clr-purple-tint-3: #b58ae3;

    --clr-medium-purple: #a773dd;
    --clr-light-purple: #e2d0f4;
    --clr-super-light-purple: #efedfd;

    --clr-bright-purple: #9b78ff;
    --clr-bright-pink: #d478ff;
    --clr-bright-blue: #aaebff;

    --clr-neutral-100: #ffffff;
    --clr-neutral-900: var(--clr-dark-purple);

    --gradient: linear-gradient(90deg, var(--clr-pink), var(--clr-purple));
    --button-gradient: linear-gradient(
        90deg,
        var(--clr-pink),
        var(--clr-purple) 50%
    );

    --ff: "Gotham", system-ui, sans-serif;

    --fs-h1: clamp(30px, 2.65vw + 10px, 45px);
    --fs-h2: clamp(26px, 1.5vw + 15px, 35px);
    --fs-h3: clamp(23px, 1.2vw + 13px, 28px);
    --fs-h4: clamp(20px, 1vw + 12px, 24px);
    --fs-h5: clamp(16px, 0.75vw + 10px, 20px);
    --fs-h6: clamp(15px, 0.75vw + 10px, 18px);
    --fs-small: clamp(12px, 0.3vw + 10px, 14px);

    --tr: 0.2s ease-in-out;
    --tr-slow: 0.5s ease-in-out;
    --br: 24px;
    --br-large: var(--br);
    --br-medium-large: 18px;
    --br-medium: 12px;
    --br-small: 6px;
    --bs: 0 5px 10px rgba(0, 0, 0, 0.25);
    --card-shadow: 0px 80px 80px 0px rgb(200 200 208 / 0.2);

    interpolate-size: allow-keywords;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body{
    overflow-x: clip;
    scroll-margin-top: 200px;
    scroll-padding-top: 200px;
}

/* Utility Classes */

.wrapcenter {
    text-align: center !important;
}

.centeralign {
    margin-inline: auto !important;
}

.inlineblock {
    display: inline-block;
}

.flow,
.float {
    display: inline-block;
    position: relative;
}

.balance .fl-module-content *,
.fl-module-content .balance {
    text-wrap: balance !important;
}
.pretty .fl-module-content *,
.fl-module-content .pretty {
    text-wrap: pretty !important;
}

.br.fl-row .fl-row-content-wrap,
.br .fl-col-content,
.br.fl-module-box,
.br.fl-module-photo .fl-photo img,
.br-large .fl-col-content,
.br-large.fl-module-box,
.br-large.fl-module-photo .fl-photo img {
    border-radius: var(--br);
    overflow: clip;
}

.br-medium-large.fl-row .fl-row-content-wrap,
.br-medium-large .fl-col-content,
.br-medium-large.fl-module-box,
.br-medium-large.fl-module-photo .fl-photo img {
    border-radius: var(--br-medium-large);
    overflow: clip;
}

.br-medium.fl-row .fl-row-content-wrap,
.br-medium .fl-col-content,
.br-medium.fl-module-box,
.br-medium.fl-module-photo .fl-photo img {
    border-radius: var(--br-medium);
    overflow: clip;
}
.br-small.fl-row .fl-row-content-wrap,
.br-small .fl-col-content,
.br-small.fl-module-box,
.br-small.fl-module-photo .fl-photo img {
    border-radius: var(--br-small);
    overflow: clip;
}

.bs .fl-photo {
    filter: drop-shadow(var(--bs));
}

header,
#fl-main-content,
footer,
.fl-module-fl-post-content {
    container-type: inline-size;
}
/* #fl-main-content {
    margin-top: -22px;
} */

.bg-pattern > .fl-row-content-wrap {
    background-size: 100% 100%;
}

.fl-post-header {
    display: none;
}
body {
    padding-bottom: 0 !important;
}

/* Backgrounds */
[class*="bg-blur"] .fl-row-content-wrap,
[class*="bg-wave"] .fl-row-content-wrap {
    position: relative;
    /* 	isolation: isolate; */
}
[class*="bg-blur"] .fl-row-content,
[class*="bg-wave"] .fl-row-content,
[class*="bg-gradient"] .fl-row-content,
[class*="bg-gradient"] .fl-col-content,
[class*="bg-gradient"] .fl-module-box {
    z-index: 2;
}
[class*="bg-blur"].bg-blur-flip .fl-row-content-wrap::before {
    transform: scaleX(-1);
}
[class*="bg-blur"].bg-blur-top .fl-row-content-wrap::before {
    rotate: 180deg;
    top: 0;
    bottom: unset;
}
[class*="bg-blur"] .fl-row-content-wrap::before {
    content: '';
    position: absolute;
    width: 100%;
    z-index: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    pointer-events: none;
    aspect-ratio: 1.6 / 1;
    min-height: 500px;
    bottom: 0;
    display: block;
}
.bg-blur-1 .fl-row-content-wrap::before {
    background-image: url(/wp-content/uploads/2024/09/blur-1.svg);
}
.bg-blur-2 .fl-row-content-wrap::before {
    background-image: url(/wp-content/uploads/2024/09/blur-2.svg);
}
.bg-blur-3 .fl-row-content-wrap::before {
    background-image: url(/wp-content/uploads/2024/09/blur-3.svg);
}
.bg-blur-4 .fl-row-content-wrap::before {
    background-image: url(/wp-content/uploads/2024/09/blur-4.svg);
    aspect-ratio: 1.8 / 1;
}

.fl-row:has(+ [class*="bg-wave"]) {
    position: relative;
    z-index: 3;
}

[class*="bg-wave"] .fl-row-content-wrap::before {
    content: '';
    top: 50%;
    transform: translateY(-50%);
    width: 75%;
    height: 100%;
    position: absolute;
    z-index: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
    display: block;
}
.bg-wave-1 .fl-row-content-wrap::before {
    background-image: url(/wp-content/uploads/2024/09/bg-wave-1.png);
    height: 125%;
}
.bg-wave-2 .fl-row-content-wrap::before {
    background-image: url(/wp-content/uploads/2024/09/bg-wave-2.png);
    width: 50%;
}
.bg-wave-3 .fl-row-content-wrap::before {
    background-image: url(/wp-content/uploads/2024/09/bg-wave-3.png);
}
.bg-wave-4 .fl-row-content-wrap::before {
    background-image: url(/wp-content/uploads/2024/09/bg-wave-4.png);
    height: 150%;
    top: 50%;
}
.bg-wave-5 .fl-row-content-wrap::before {
    background-image: url(/wp-content/uploads/2024/09/bg-wave-5.png);
    height: 110%;
    margin-right: -5vw;
}
.bg-wave-left .fl-row-content-wrap::before {
    left: 0;
    right: unset;
}
.bg-wave-far-left .fl-row-content-wrap::before {
    left: -25vw;
    right: unset;
}
.bg-wave-right .fl-row-content-wrap::before {
    right: 0;
    left: unset;
}
.bg-wave-far-right .fl-row-content-wrap::before {
    right: -25vw;
    left: unset;
}

:where(.fl-row[class*=" bg-clr"]) .fl-row-content-wrap {
    padding-block: 100px;
}
:where(.fl-row[class*=" bg-clr"]) + .fl-row .fl-row-content-wrap {
    padding-top: 100px;
}

.bg-clr-dark-purple > .fl-row-content-wrap,
.bg-clr-dark-purple > .fl-col-content,
.bg-clr-dark-purple.fl-module-box {
    background-color: var(--clr-dark-purple);
}
.bg-clr-dark-purple [class*="heading"],
.bg-clr-dark-purple p,
.bg-clr-dark-purple .fl-callout-title-text,
.bg-clr-dark-purple div,
[class*="bg"] .fl-col.bg-dark-purple *:not(a) {
    color: var(--clr-neutral-100);
}
.bg-clr-dark-purple [class*="card"] * {
    color: var(--clr-neutral-900);
}

.bg-clr-pink > .fl-row-content-wrap,
.bg-clr-pink > .fl-col-content,
.bg-clr-pink.fl-module-box {
    background-color: var(--clr-pink);
}
.bg-clr-pink [class*="heading"],
.bg-clr-pink p,
.bg-clr-pink .fl-callout-title-text,
.bg-clr-pink div,
[class*="bg"] .fl-col.bg-pink *:not(a) {
    color: var(--clr-neutral-900);
}

.bg-clr-neutral-100 > .fl-row-content-wrap,
.bg-clr-neutral-100 > .fl-col-content,
.bg-clr-neutral-100.fl-module-box {
    background-color: var(--clr-neutral-100);
}

.bg-gradient > .fl-col-content,
.bg-gradient > .fl-row-content-wrap,
.bg-gradient-top > .fl-col-content,
.bg-gradient-top > .fl-row-content-wrap,
.bg-gradient-bottom > .fl-col-content,
.bg-gradient-bottom > .fl-row-content-wrap {
    position: relative;
}

.bg-gradient > .fl-col-content::after,
.bg-gradient > .fl-row-content-wrap::after {
    content: '';
    z-index: 0;
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgb(var(--clr-purple-rgb) / 0.9),
        rgb(var(--clr-purple-rgb) / 0.8) 35%,
        rgb(var(--clr-purple-rgb) / 0.7) 60%,
        rgb(var(--clr-pink-rgb) / 0.9)
    );
    pointer-events: none;
    display: block;
}

.bg-gradient [class*="heading"],
.bg-gradient p,
.bg-gradient .fl-callout-title-text,
.bg-gradient div,
[class*="bg"] .fl-col.bg-gradient *:not(a) {
    color: var(--clr-neutral-100);
}

.bg-gradient-top > .fl-col-content::after,
.bg-gradient-top > .fl-row-content-wrap::after,
.bg-gradient-bottom > .fl-col-content::after,
.bg-gradient-bottom > .fl-row-content-wrap::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(180deg, #efedfd, transparent);
    pointer-events: none;
    display: block;
}
.bg-gradient-bottom > .fl-col-content::after,
.bg-gradient-bottom > .fl-row-content-wrap::after {
    background: linear-gradient(
        0deg,
        var(--clr-super-light-purple),
        transparent
    );
}

/* Flexbox */

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.align-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
}

.align-flex-start,
.align-flex-start .fl-row-content-wrap,
.align-flex-start.fl-row-custom-height.fl-row-align-center
    .fl-row-content-wrap {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
}
.justify-flex-start,
.justify-flex-start .fl-row-content-wrap,
.justify-flex-start.fl-row-custom-height.fl-row-align-center
    .fl-row-content-wrap {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}
.align-flex-center,
.align-flex-center .fl-row-content-wrap,
.align-flex-center.fl-row-custom-height.fl-row-align-center
    .fl-row-content-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
}
.justify-flex-center,
.justify-flex-center .fl-row-content-wrap,
.justify-flex-center.fl-row-custom-height.fl-row-align-center
    .fl-row-content-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
}
.align-flex-end,
.align-flex-end .fl-row-content-wrap,
.align-flex-end.fl-row-custom-height.fl-row-align-center .fl-row-content-wrap {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-items: flex-end;
}
.justify-flex-end,
.justify-flex-end .fl-row-content-wrap,
.justify-flex-end.fl-row-custom-height.fl-row-align-center
    .fl-row-content-wrap {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

/* Sticky Column for Desktop */
@media (min-width: 993px) {
    .sticky-col {
        position: -webkit-sticky; /* Safari */
        position: sticky;
        top: 125px;
    }
}

/* BB Fixes */

/* Remove hover bg overlay */
.fl-block-overlay {
    -webkit-backdrop-filter: unset;
    backdrop-filter: unset;
}

/* Fix flexbox issue when using equal column heights set to center  */

.fl-col-group-equal-height.fl-col-group-align-center
    .fl-module:not(.fl-module-pp-video) {
    width: unset;
}
.fl-col-group-equal-height.fl-col-group-align-center
    > .fl-col
    > .fl-col-content
    > .fl-module {
    width: 100%;
}
.fl-col-group-equal-height .bb-flexbox .fl-col-content {
    flex-flow: unset;
}
.fl-col-group-equal-height.fl-col-group-align-center
    > .fl-col.bb-flexbox
    > .fl-col-content
    > .fl-module {
    width: unset;
}

/* Fixes margins for when modules pull content from another saved module. */
.fl-builder-module-template {
    margin: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
}

/* Fixes pixel shifting for row shape layers */
.fl-builder-shape-layer > svg {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-perspective: 1000;
    -webkit-perspective: 1000;
    perspective: 1000;
}

/* Remove default post module styling */
.fl-post-feed-post,
.fl-post-grid-post {
    border: none;
}
.fl-post-feed-post {
    margin-bottom: 0 !important;
}
.fl-module-post-grid .fl-post-grid-post,
.fl-post-feed-post {
    overflow: visible !important;
}

/* Middle Align Powerpack Infobox */
.pp-infobox-wrap .layout-3-wrapper {
    align-items: center;
}

/* New default module styling */
body .fl-post-feed-post {
    border: none;
}
.fl-post-feed .fl-post-feed-post {
    margin-bottom: 0;
}
.pp-video-play-icon {
    transition: all var(--tr);
}
.pp-infobox {
    padding: 0;
}
.pp-fit-aspect-ratio iframe {
    background-color: transparent;
}

.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body{
    background-color: transparent !important;
}

/* PP Video Embed */
.pp-video-wrapper {
    box-shadow: var(--bs-large);
    border-radius: var(--br);
}
.pp-video-wrapper img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center;
    width: 100%;
}
.pp-fit-aspect-ratio iframe {
    background-color: transparent;
}
.pp-modal-content .pp-video-wrapper {
    box-shadow: none;
}
.pp-video-play-icon svg {
    width: inherit !important;
    height: inherit !important;
    transition: transform var(--tr-slow);
    opacity: 0.9;
}
.pp-video-play-icon:hover svg {
    transform: translate(2px, -0px) scale(1.05);
}

/* Style Guide */
.page-styles header,
.page-styles footer,
.fl-builder-template-styles header,
.fl-builder-template-styles footer,
.fl-builder-template-components header {
    display: none !important;
}
.page-styles .fl-page,
.fl-builder-template-styles .fl-page,
.fl-builder-template-components .fl-page {
    padding-top: 0 !important;
}
.bg-primary,
.bg-secondary {
    color: unset !important;
    background-color: unset !important;
}
.fl-builder-template-styles .clr-primary .pp-icon {
    color: var(--clr-dark-purple);
}
.fl-builder-template-styles .clr-secondary .pp-icon {
    color: var(--clr-secondary);
}
.fl-builder-template-styles .clr-accent .pp-icon {
    color: var(--clr-accent);
}
.fl-builder-template-styles .clr-medium-purple .pp-icon {
    color: var(--clr-medium-purple);
}
.fl-builder-template-styles .clr-light-purple .pp-icon {
    color: var(--clr-light-purple);
}
.fl-builder-template-styles .clr-super-light-purple .pp-icon {
    color: var(--clr-super-light-purple);
}

.page-styles .fl-module-pp-infobox .pp-description-wrap *,
.page-styles .fl-module-pp-infobox .pp-infobox-title,
.fl-builder-template-styles .fl-module-pp-infobox .pp-description-wrap *,
.fl-builder-template-styles .fl-module-pp-infobox .pp-infobox-title {
    color: var(--clr-neutral-900) !important;
}

/* =========================
   1.2 - Selection Highlight
   ========================= */

::-moz-selection {
    background: var(--clr-dark-purple);
    color: white;
    -webkit-text-fill-color: white;
    text-shadow: none;
}

::selection {
    background: var(--clr-dark-purple);
    color: white;
    -webkit-text-fill-color: white;
    text-shadow: none;
}

.bg-clr-dark-purple ::-moz-selection {
    background: var(--clr-purple);
    color: white;
    -webkit-text-fill-color: white;
    text-shadow: none;
}
.bg-clr-dark-purple ::selection {
    background: var(--clr-purple);
    color: white;
    -webkit-text-fill-color: white;
    text-shadow: none;
}

/* =========================
   1.3 - Buttons
   ========================= */

button:active,
input[type="button"]:active,
input[type="submit"]:active,
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
.fl-builder-content .fl-button:active {
    top: inherit;
}

a.fl-button,
a.fl-button:visited,
a.fl-button:hover,
.fl-builder-content a.fl-button:hover {
    background: unset;
    color: unset;
}

/* Primary Button */
.fl-builder-content .fl-button-wrap a.fl-button,
.fl-builder-content .fl-button-wrap a.fl-button:visited,
.hs-form input[type="submit"] {
    background-image: var(--button-gradient);
    background-size: 200% 100%;
    background-position: 0% 0%;
    border: none;
    border-radius: 50px;
    padding: 0.9em 2em;
    transition: var(--tr-slow);
    text-decoration: none;
    outline: 1px solid transparent;
    outline-offset: 5px;
}

.fl-builder-content a.fl-button span,
.hs-form input[type="submit"] {
    color: white;
    transition: all var(--tr-slow);
    font-weight: 600;
    font-size: 16px;
}

.fl-builder-content a.fl-button:is(:hover, :focus-visible),
[class*="card"]:hover a.fl-button,
.hs-form input[type="submit"]:is(:hover, :focus-visible) {
    background-position: 100% 0%;
}

.fl-builder-content a.fl-button:focus-visible {
    outline-color: var(--clr-dark-purple);
}
.bg-dark-purple a.fl-button:focus-visible {
    outline-width: 1px;
    outline-color: white;
}

/* Outline Button */
.fl-builder-content .btn-outline .fl-button-wrap a.fl-button {
    background-image: none;
    background: rgb(255 255 255 / 0.2);
    outline-style: solid;
    outline-width: 1px;
    outline-color: var(--clr-purple);
    outline-offset: -1px;
    color: var(--clr-purple);
    transition: var(--tr);
}
.fl-builder-content .btn-outline .fl-button-wrap a.fl-button span {
    color: currentColor;
    transition: var(--tr);
}
.fl-builder-content
    .btn-outline
    .fl-button-wrap
    a.fl-button:is(:hover, :focus-visible) {
    background: var(--clr-purple);
}
.fl-builder-content
    .btn-outline
    .fl-button-wrap
    a.fl-button:is(:hover, :focus-visible)
    span {
    color: white;
}

.fl-builder-content .btn-outline .fl-button-wrap a.fl-button:focus-visible {
    outline-offset: 5px;
}

/* Arrow Button */
.fl-builder-content .btn-arrow a.fl-button,
.fl-builder-content .btn-arrow a.fl-button:visited {
    padding: 0.25em 2px;
    padding-right: 40px;
    padding-left: 10px;
    margin-left: -9px;
    background: transparent;
    border: none;
    border-radius: 100vw;
    outline-offset: 3px;
    color: var(--clr-purple);
}
.fl-builder-content .btn-arrow.clr-dark-purple a.fl-button,
.fl-builder-content .btn-arrow.clr-dark-purple a.fl-button:visited {
	color: var(--clr-dark-purple);
}
.fl-builder-content .btn-arrow a.fl-button span.fl-button-text {
    color: currentColor;
    border: none;
}
.fl-builder-content .btn-arrow a.fl-button span.fl-button-text {
    position: relative;
    display: grid;
}
.fl-builder-content .btn-arrow a.fl-button span.fl-button-text::after {
    content: '';
    -webkit-mask: url(/wp-content/uploads/2024/09/arrow.svg) no-repeat 50% 50%;
    mask: url(/wp-content/uploads/2024/09/arrow.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
    transition: right var(--tr);
    display: block;
}

.fl-builder-content .btn-arrow a.fl-button:is(:hover, :focus-visible) span.fl-button-text::after {
    right: -35px;
    outline: none !important;
}
.fl-builder-content .btn-arrow a.fl-button:focus-visible {
    outline-color: currentColor;
}

/* Outline Button on Primary Bg */

.bg-clr-dark-purple .btn-outline a.fl-button {
    background: transparent;
    outline-color: white;
    outline-offset: -1px;
}
.bg-clr-dark-purple .btn-outline a.fl-button span {
    color: white;
}

.bg-clr-dark-purple .btn-outline a.fl-button:is(:hover, :focus-visible) {
    background: white;
}
.bg-clr-dark-purple .btn-outline a.fl-button:is(:hover, :focus-visible) span {
    color: var(--clr-dark-purple);
}

/* Button on Gradient Bg */

.bg-gradient .fl-module .fl-button-wrap a.fl-button,
.bg-gradient .hs-form input[type="submit"] {
    background: white !important;
    outline-style: solid;
    outline-width: 1px;
    outline-color: transparent;
    outline-offset: -1px;
    transition: var(--tr) !important;
}
.bg-gradient .fl-module .fl-button-wrap a.fl-button span,
.bg-gradient .hs-form input[type="submit"] {
    color: var(--clr-purple) !important;
    transition: var(--tr) !important;
}
.bg-gradient .fl-module .fl-button-wrap a.fl-button:hover,
.bg-gradient .hs-form input[type="submit"]:hover{
    background: rgb(var(--clr-dark-purple-rgb) / 0.75) !important;
    outline-color: transparent !important;
}
.bg-gradient .fl-module .fl-button-wrap a.fl-button:focus-visible,
.bg-gradient .hs-form input[type="submit"]:focus-visible {
    background: rgb(var(--clr-dark-purple-rgb) / 0.75) !important;
    outline-color: var(--clr-dark-purple) !important;
}
.bg-gradient .fl-module .fl-button-wrap a.fl-button:focus-visible,
.bg-gradient .hs-form input[type="submit"]:focus-visible {
    outline-offset: 5px;
    outline-color: white;
}

.bg-gradient .fl-module .fl-button-wrap a.fl-button:is(:hover, :focus-visible) span,
.bg-gradient .hs-form input[type="submit"]:is(:hover, :focus-visible) {
    color: white !important;
}

/* Outline Button on Gradient Bg */

.bg-gradient .fl-module.btn-outline .fl-button-wrap a.fl-button {
    outline-color: white !important;
    outline-offset: -1px;
    backdrop-filter: blur(2px);
    background-color: rgb(255 255 255 / 0.15);
}
.bg-gradient .fl-module.btn-outline .fl-button-wrap a.fl-button span {
    color: white;
}
.bg-gradient
    .fl-module.btn-outline
    .fl-button-wrap
    a.fl-button:is(:hover, :focus-visible) {
    background: white;
}

.bg-gradient
    .fl-module.btn-outline
    .fl-button-wrap
    a.fl-button:is(:hover, :focus-visible)
    span {
    color: var(--clr-purple);
}

.bg-gradient .fl-module.btn-outline .fl-button-wrap a.fl-button:focus-visible {
    outline-offset: 5px;
}

/* Arrow button on Primary Background */
.bg-clr-dark-purple .btn-arrow a.fl-button {
    color: white;
}
.bg-clr-dark-purple [class*="card"] .btn-arrow a.fl-button {
    color: var(--clr-purple);
}

/* Arrow button on Gradient Background */
.bg-gradient .fl-module.btn-arrow a.fl-button {
    background: transparent;
    outline-color: transparent !important;
}

.bg-gradient .fl-module.btn-arrow a.fl-button:focus-visible {
    outline-color: white !important;
}
.bg-gradient .fl-module.btn-arrow a.fl-button span {
    color: white;
}

/* =========================
   1.4 - Typography
   ========================= */

/* Font Weight */
.fl-module-content .fw-400,
.fw-400 .fl-module-content * {
    font-weight: 400 !important;
}

.fl-module-content .fw-500,
.fw-500 .fl-module-content * {
    font-weight: 500 !important;
}

.fl-module-content .fw-700,
.fw-700 .fl-module-content * {
    font-weight: 700 !important;
}

/* Lists */

.fl-module-content ul {
    padding-left: 20px;
}

.fl-module-content li::marker {
    color: var(--clr-accent);
}

/* Links */
.fl-module-content p a {
    color: var(--clr-accent);
    text-decoration: underline;
    transition: all var(--tr);
}
.bg-gradient .fl-module-content p a {
    color: white;
}

.fl-module-content p a:is(:hover, :focus-visible) {
    color: var(--clr-purple);
}
.bg-dark-purple .fl-module-content p a:is(:hover, :focus-visible) {
    color: white;
}
.bg-gradient .fl-module-content p a:is(:hover, :focus-visible) {
    color: var(--clr-dark-purple);
}

.bg-dark-pruple p a {
    color: var(--neutral-100) !important;
}

.fl-module-box p,
.fl-module-content p {
    text-wrap: pretty;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-wrap: balance;
}

body h1,
body h1 span {
    font-size: var(--fs-h1);
    line-height: 1.1;
}

.fl-module-content .fs-h1,
.fl-module-content .fs-h1 span,
.fs-h1 .fl-module-content *,
.fs-h1 h2,
.fs-h1 h3,
.fs-h1 h4,
.fs-h1 h5,
.fs-h1 h6,
.fs-h1 p,
h2.fs-h1,
h3.fs-h1,
h4.fs-h1,
h5.fs-h1,
h6.fs-h1,
p.fs-h1 {
    font-size: var(--fs-h1) !important;
    font-weight: 700;
    line-height: 1.1 !important;
    margin-left: -1px;
}

body h2,
body h2 span {
    font-size: var(--fs-h2);
    line-height: 1.1;
}

.fl-module-content .fs-h2,
.fl-module-content .fs-h2 span,
.fs-h2 .fl-module-content *,
.fs-h2 h1,
.fs-h2 h2,
.fs-h2 h3,
.fs-h2 h4,
.fs-h2 h5,
.fs-h2 h6,
.fs-h2 p,
h1.fs-h2,
h2.fs-h2,
h3.fs-h2,
h4.fs-h2,
h5.fs-h2,
h6.fs-h2,
p.fs-h2 {
    font-size: var(--fs-h2) !important;
    font-weight: 700;
    line-height: 1.1 !important;
    margin-left: -1px;
}

body h3,
body h3 span {
    font-size: var(--fs-h3);
    line-height: 1.1;
}

.fl-module-content .fs-h3,
.fl-module-content .fs-h3 span,
.fs-h3 .fl-module-content *,
.fs-h3 h1,
.fs-h3 h2,
.fs-h3 h3,
.fs-h3 h4,
.fs-h3 h5,
.fs-h3 h6,
.fs-h3 p,
h1.fs-h3,
h2.fs-h3,
h3.fs-h3,
h4.fs-h3,
h5.fs-h3,
h6.fs-h3,
p.fs-h3,
.single-post h2 {
    font-size: var(--fs-h3) !important;
    font-weight: 700;
    line-height: 1.1 !important;
    margin-left: -1px;
}

body h4,
body h4 span {
    font-size: var(--fs-h4);
    line-height: 1.2;
}

.fl-module-content .fs-h4,
.fl-module-content .fs-h4 span,
.fs-h4 .fl-module-content *,
.fs-h4 h1,
.fs-h4 h2,
.fs-h4 h3,
.fs-h4 h4,
.fs-h4 h5,
.fs-h4 h6,
.fs-h4 p,
h1.fs-h4,
h2.fs-h4,
h3.fs-h4,
h4.fs-h4,
h5.fs-h4,
h6.fs-h4,
p.fs-h4,
.single-post h3 {
    font-size: var(--fs-h4) !important;
    font-weight: 700;
    line-height: 1.2 !important;
    margin-left: -1px;
}

body h5,
body h5 span {
    font-size: var(--fs-h5);
    line-height: 1.2;
}

.fl-module-content .fs-h5,
.fl-module-content .fs-h5 span,
.fs-h5 .fl-module-content *,
.fs-h5 h1,
.fs-h5 h2,
.fs-h5 h3,
.fs-h5 h4,
.fs-h5 h5,
.fs-h5 h6,
.fs-h5 p,
h1.fs-h5,
h2.fs-h5,
h3.fs-h5,
h4.fs-h5,
h5.fs-h5,
h6.fs-h5,
p.fs-h5,
.single-post h4 {
    font-size: var(--fs-h5) !important;
    font-weight: 700;
    line-height: 1.2 !important;
    margin-left: -1px;
}

body h6,
body h6 span {
    font-size: var(--fs-h6);
    line-height: 1.3;
}

.fl-module-content .fs-h6,
.fl-module-content .fs-h6 span,
.fs-h6 .fl-module-content *,
.fs-h6 h1,
.fs-h6 h2,
.fs-h6 h3,
.fs-h6 h4,
.fs-h6 h5,
.fs-h6 h6,
.fs-h6 p,
h1.fs-h6,
h2.fs-h6,
h3.fs-h6,
h4.fs-h6,
h5.fs-h6,
h6.fs-h6,
p.fs-h6,
.single-post h5 {
    font-size: var(--fs-h6) !important;
    font-weight: 700;
    line-height: 1.3 !important;
    margin-left: -1px;
}

.fl-module-content .fs-small,
.fl-module-content .fs-small span,
.fs-small .fl-module-content *,
.fs-small h1,
.fs-small h2,
.fs-small h3,
.fs-small h4,
.fs-small h5,
.fs-small h6,
.fs-small p,
h1.fs-small,
h2.fs-small,
h3.fs-small,
h4.fs-small,
h5.fs-small,
h6.fs-small,
p.fs-small {
    font-size: var(--fs-small) !important;
    line-height: 1.5 !important;
}

.fl-module-content .lead,
.fl-module-content .text-large,
.lead .fl-module-content *,
.text-large .fl-module-content *,
.fs-intro .fl-module-content *,
.fl-module-content .fs-intro {
    font-size: var(--fs-h5);
    font-weight: 400;
}
.eyebrow {
    width: max-content;
}
.eyebrow .fl-module-content *,
.label .fl-module-content *,
.fl-module-content .eyebrow,
.fl-module-content .label {
    font-weight: 700;
    text-transform: uppercase;
    font-size: var(--fs-small);
    letter-spacing: 0.05em;
    line-height: 1.3;
    color: var(--clr-purple);
}

.bg-clr-purple .eyebrow .fl-module-content *,
.bg-clr-purple .label .fl-module-content *,
.bg-clr-purple .fl-module-content .eyebrow,
.bg-clr-purple .fl-module-content .label {
    color: var(--clr-dark-purple);
}

.bg-clr-dark-purple .eyebrow .fl-module-content *,
.bg-clr-dark-purple .label .fl-module-content *,
.bg-clr-dark-purple .fl-module-content .eyebrow,
.bg-clr-dark-purple .fl-module-content .label {
    color: var(--clr-pink);
}

.eyebrow .fl-heading {
    line-height: 1;
}

.fl-rich-text p:last-child {
    margin-bottom: 0;
}

.two-col .fl-rich-text {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

/* Colors */

.fl-module-content .clr-dark-purple,
.clr-dark-purple .fl-module-content *,
.fl-module-content .clr-primary,
.clr-primary .fl-module-content * {
    color: var(--clr-dark-purple);
}
.fl-module-content .clr-purple,
.clr-purple .fl-module-content *,
.fl-module-content .clr-secondary,
.clr-secondary .fl-module-content * {
    color: var(--clr-purple);
}

.fl-module-content .clr-pink,
.clr-pink .fl-module-content *,
.fl-module-content .clr-accent,
.clr-accent .fl-module-content * {
    color: var(--clr-accent);
}

.fl-module-content .clr-medium-purple,
.clr-medium-purple .fl-module-content * {
    color: var(--clr-medium-purple);
}

.fl-module-content .clr-light-purple,
.clr-light-purple .fl-module-content * {
    color: var(--clr-light-purple);
}

.fl-module-content .clr-super-light-purple,
.clr-super-light-purple .fl-module-content * {
    color: var(--clr-super-light-purple);
}
.fl-module-content .clr-neutral-100,
.clr-neutral-100 .fl-module-content * {
    color: var(--clr-neutral-100);
}

/* =========================
   1.5 - Custom Font Face
   ========================= */

@font-face {
    font-family: "Gotham";
    src:
        url("/wp-content/themes/bb-theme-child/fonts/gotham-book.woff2")
            format("woff2"),
        url("/wp-content/themes/bb-theme-child/fonts/gotham-book.woff")
            format("woff");
    font-weight: 400;
}
@font-face {
    font-family: "Gotham";
    src:
        url("/wp-content/themes/bb-theme-child/fonts/gotham-medium.woff2")
            format("woff2"),
        url("/wp-content/themes/bb-theme-child/fonts/gotham-medium.woff")
            format("woff");
    font-weight: 500;
}
@font-face {
    font-family: "Gotham";
    src:
        url("/wp-content/themes/bb-theme-child/fonts/gotham-bold.woff2")
            format("woff2"),
        url("/wp-content/themes/bb-theme-child/fonts/gotham-bold.woff")
            format("woff");
    font-weight: 700;
}

/* =========================
   1.6 - Hero Styles
   ========================= */

body:not(.single-fl-builder-template) #fl-main-content {
    margin-top:-160px !important;
}

.hero:not(.home-hero):not(.blog-hero) .fl-row-content-wrap {
    padding-top: 200px;
}
.hero .fl-builder-shape-layer.fl-builder-bottom-edge-layer {
    z-index: 0;
}
.blog-hero .fl-builder-shape-layer.fl-builder-bottom-edge-layer {
    z-index: 10;
}
.blog-hero .fl-row-content-wrap {
    min-height: 60vh !important;
}

@media (min-width: 768px) and (max-width: 992px) {
    .hero:not(.home-hero) .fl-row-content-wrap {
        min-height: 250px;
    }
}

@media (max-width: 767px) {
    .hero:not(.home-hero):not(.blog-hero) .fl-row-content-wrap {
        padding-top: 200px !important;
        padding-bottom: 0px !important;
    }
    .hero:not(.home-hero) .fl-row-content-wrap {
        min-height: 200px;
    }
    .hero:not(.home-hero) .fl-builder-shape-layer svg {
        height: 20px !important;
    }
}

/* Blog Hero BG Position */
body.hero-bg-center-center .hero-bg-container img {
    object-position: center center;
}
body.hero-bg-bottom-center .hero-bg-container img {
    object-position: bottom center;
}
body.hero-bg-top-center .hero-bg-container img {
    object-position: top center;
}

/* =========================
   1.7 - Forms
   ========================= */

.grecaptcha-badge {
    visibility: hidden;
    height: 0 !important;
}

.terms {
    font-size: 0.65em;
    opacity: 0.75;
    margin-top: 10px;
}

/* Hubspot */
.hs-form label {
    font-weight: 400;
    font-size: 14px;
}
.hs-form input,
.hs-form select {
    border: 1px solid transparent;
    padding: 8px 10px;
    border-radius: var(--br);
    margin-bottom: 10px;
    width: 100%;
    max-width: 450px;
    background-color: rgb(var(--clr-dark-purple-rgb) / 0.05) !important;
}
.bg-gradient .hs-form input,
.bg-gradient .hs-form select {
    background-color: white !important;
}


.fl-builder-content:not(footer) .fl-row:not(.hero) .fl-module:not(#newsletter-subscribe) .hs-form input,
.fl-builder-content:not(footer) .fl-row:not(.hero) .hs-form select {
    background-color: rgb(var(--clr-dark-purple-rgb) / 0.05);
}

.hs-form input:focus-within {
    border-color: rgb(var(--clr-dark-purple-rgb) / 0.15);
}
footer .hs-form input {
    background-color: rgb(255 255 255 / 0.85) !important;
}
footer .hs-form input:focus-within {
    background-color: rgb(255 255 255 / 1) !important;
}

.hs-form input[type="submit"] {
    transition: var(--tr-slow) !important;
    width: inherit;
    margin-top: 20px;
}

.hs-error-msgs {
    padding-left: 0;
    list-style: none;
}
.hs-error-msg {
    font-size: 12px;
    color: var(--clr-pink);
}
.hs-form-required{
    color: var(--clr-pink);
}

.bg-gradient .hs-error-msg,
.bg-gradient .hs-form-required {
    color: white;
}

.bg-dark-purple .hs-form input,
.bg-dark-purple .hs-form select {
    background: white;
}
#newsletter-subscribe input {
    max-width: 350px;
    margin: 10px auto;
}
#newsletter-subscribe .hs-form label:not(.hs-error-msg) {
    opacity: 0;
    height: 0;
    position: absolute;
}
#newsletter-subscribe .hs-form input {
    text-align: center;
}




/* =========================
   1.8 - Facets
   ========================= */

.wpgb-facet {
    margin-top: 20px;
    min-width: 300px;
}

.wpgb-pagination .wpgb-facet {
    text-align: center;
}
.fl-module-wpgb_facet .wpgb-facet .wpgb-input,
.fl-module-wpgb_facet .wpgb-facet .wpgb-select {
    border-radius: var(--br) !important;
    /* 	box-shadow:0 0.5px 8px rgb(0 0 0 / 8%) !important; */
    background: white;
    border-color: white;
    transition: var(--tr);
}
.wpgb-input,
.wpgb-select{
    border-color: var(--wpgb-grey-700) !important;
}
.wpgb-input:is(:hover, :focus),
.wpgb-select:is(:hover, :focus-within) {
    border-color: var(--clr-dark-purple) !important;
}
.wpgb-facet > fieldset:last-child {
    margin-bottom: 0 !important;
}

.wpgb-select-value{
    font-weight: 600;
}

.wpgb-select-placeholder .wpgb-select-values > div.wpgb-select-value {
    background-color: transparent !important;
}
.wpgb-select-placeholder
    .wpgb-select-values
    > div.wpgb-select-value
    button:hover,
.wpgb-select-placeholder
    .wpgb-select-values
    > div.wpgb-select-value
    button:focus {
    background-color: var(--clr-dark-purple) !important;
}
.wpgb-select-remove path {
    fill: var(--clr-dark-purple);
}
.wpgb-select-placeholder
    .wpgb-select-values
    > div.wpgb-select-value
    button:hover
    path,
.wpgb-select-placeholder
    .wpgb-select-values
    > div.wpgb-select-value
    button:focus
    path {
    fill: white !important;
}
.wpgb-select .wpgb-select-controls .wpgb-select-separator {
    display: none;
}

.wpgb-facet .wpgb-reset {
    background-color: var(--clr-dark-purple) !important;
    padding: 10px 37px !important;
    font-size: 16px !important;
}
.wpgb-facet-9 {
    min-width: max-content;
}
.wpgb-select-clear,
.wpgb-clear-button {
    color: var(--clr-dark-purple) !important;
}

.fl-module-wpgb_facet .wpgb-facet .wpgb-pagination li a[aria-current] {
    color: var(--clr-purple);
}

/* =========================
   1.9 - Bootstrap Styling
   ========================= */

/* Modals */
.modal-dialog {
    max-width: 1200px;
}
.modal-content {
    border: 0;
    border-radius: var(--br);
    margin-inline: auto;
    max-width: 95vw;
    overflow: hidden;
}
.modal-header {
    border-bottom: 0;
    padding-bottom: 0;
}
body.fl-builder-edit .modal {
    display: none;
}
.modal-header .close {
    color: var(--clr-purple);
    background-color: transparent;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: grid;
    place-content: center;
    line-height: 10px;
    border: none;
    opacity: 1;
    position: absolute;
    top: 25px;
    right: 25px;
    font-size: 35px;
    transition: var(--tr);
}
.modal-header .close:hover {
    border: none;
    opacity: 1 !important;
    background-color: var(--clr-pink);
    color: white;
}

/* Tabs */
.dio-bs-tabs {
    justify-content: space-between;
    background-color: #f3eafb;
    border-bottom: none;
    border-radius: 10px;
}
.dio-bs-tabs .nav-link {
    color: #661dc1;
    font-size: 20px;
    font-weight: 600 !important;
    transition: all var(--tr);
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 12px;
    text-align: center;
    margin: 5px;
    height: calc(100% - 10px);
    display: grid;
    place-content: center;
    line-height: 1;
    text-wrap: balance;
}

.dio-bs-tabs .nav-link:hover,
.dio-bs-tabs .nav-link.active:hover,
.dio-bs-tabs .nav-link.active {
    background: #661dc1;
    border-color: var(--clr-dark-purple);
    color: white;
}
.dio-bs-tabs .nav-link:hover {
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.dio-bs-accordion {
    border-radius: 10px;
    overflow: clip;
}
.dio-bs-accordion .card {
    border: none;
    background: none;
    border-radius: 0;
}

.dio-bs-accordion .card .fl-col-content {
    box-shadow: unset;
    padding: unset;
    margin: unset;
    text-align: unset;
    background-color: unset;
    border-radius: unset;
}
.dio-bs-accordion .card[aria-expanded="true"] .card-header {
    border-bottom-color: var(--clr-dark-purple);
}
.dio-bs-accordion .card-header {
    background: #f3eafb;
    border-bottom: none;
    padding: 20px 15px;
    position: relative;
    border-radius: 0;
}
.dio-bs-accordion button {
    color: #661dc1;
    font-size: 18px;
    padding: 0;
    font-weight: 600;
}
.dio-bs-accordion .card-body {
    padding: 0;
    border: 1px solid rgb(0 0 0 / 0.05);
    border-top: none;
    border-bottom: none;
}
.dio-bs-accordion .card:last-child .card-body {
    border-bottom: 1px solid rgb(0 0 0 / 0.05);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.dio-bs-accordion .card .card-header:before,
.dio-bs-accordion .card .card-header:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 3px;
    background: #661dc1;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
}
.dio-bs-accordion .card .card-header:after {
    width: 3px;
    height: 15px;
    right: 26px;
}
.dio-bs-accordion .card-header[aria-expanded="true"]::after {
    display: none;
}

.dio-bs-accordion .card-body {
    padding: 20px;
}
.dio-bs-accordion .card-header * {
    text-align: left;
}
.dio-bs-accordion button {
    margin-right: 40px;
}
.dio-bs-accordion .btn-link:hover,
.dio-bs-accordion .btn-link:focus {
    background: none;
    border-color: transparent;
    text-decoration: none;
    color: inherit;
    outline: none;
    box-shadow: none;
}

.dio-bs-accordion .card:focus-within .card-header {
    background: #661dc1;
}
.dio-bs-accordion .card:focus-within .card-header button {
    color: white;
}

.dio-bs-accordion .card:focus-within .card-header:before,
.dio-bs-accordion .card:focus-within .card-header:after {
    background-color: white;
}

.dio-bs-accordion .card[aria-expanded="true"] .card-header:after {
    display: none;
}

body.fl-builder-edit .bb-tab-content {
    position: relative;
}
body.fl-builder-edit .bb-tab-content::before,
body.fl-builder-edit .bb-tab-content::after {
    position: absolute;

    left: 10px;
    z-index: 10;
    opacity: 0.25;
}
body.fl-builder-edit .bb-tab-content::before {
    content: "-- This row is tab content --";
    top: 0px;
}
body.fl-builder-edit .bb-tab-content::after {
    content: "Tab Name: " attr(data-tab-name);
    top: 20px;
}
body.fl-builder-edit .bb-tab-content {
    outline: 2px dashed lightgray;
}

@media(min-width: 993px) {
    .dio-bs-accordion {
        display: none !important;
    }
    .dio-bs-tabs {
        display: flex !important;
    }
    .dio-bs-tabs-content {
        display: block !important;
    }
}
@media (max-width: 992px) {
    .dio-bs-accordion {
        display: block !important;
    }
    .dio-bs-tabs,
    .dio-bs-tabs-content {
        display: none !important;
    }
}

.tabs-placeholder {
    display: none;
    font-style: italic;
    font-weight: 500;
}
body.fl-builder-edit .tabs-placeholder {
    display: block;
}

/* Bootstrap Utility Classes */
.fl-builder-content .mt-0,
.fl-builder-content .my-0 {
    margin-top: 0 !important;
}

.fl-builder-content .mr-0,
.fl-builder-content .mx-0 {
    margin-right: 0 !important;
}

.fl-builder-content .mb-0,
.fl-builder-content .my-0 {
    margin-bottom: 0 !important;
}

.fl-builder-content .ml-0,
.fl-builder-content .mx-0 {
    margin-left: 0 !important;
}

.fl-builder-content .m-auto {
    margin: auto !important;
}

.fl-builder-content .mt-auto,
.fl-builder-content .my-auto {
    margin-top: auto !important;
}

.fl-builder-content .mr-auto,
.fl-builder-content .mx-auto {
    margin-right: auto !important;
}

.fl-builder-content .mb-auto,
.fl-builder-content .my-auto {
    margin-bottom: auto !important;
}

.fl-builder-content .ml-auto,
.fl-builder-content .mx-auto {
    margin-left: auto !important;
}

.fl-builder-content .text-left {
    text-align: left !important;
}

.fl-builder-content .text-right {
    text-align: right !important;
}

.fl-builder-content .text-center {
    text-align: center !important;
}

/* Bootstrap Mobile */
@media (max-width: 767px) {
    .fl-builder-content .m-sm-0 {
        margin: 0 !important;
    }

    .fl-builder-content .mt-sm-0,
    .fl-builder-content .my-sm-0 {
        margin-top: 0 !important;
    }

    .fl-builder-content .mr-sm-0,
    .fl-builder-content .mx-sm-0 {
        margin-right: 0 !important;
    }

    .fl-builder-content .mb-sm-0,
    .fl-builder-content .my-sm-0 {
        margin-bottom: 0 !important;
    }

    .fl-builder-content .ml-sm-0,
    .fl-builder-content .mx-sm-0 {
        margin-left: 0 !important;
    }

    .fl-builder-content .m-sm-auto {
        margin: auto !important;
    }

    .fl-builder-content .mt-sm-auto,
    .fl-builder-content .my-sm-auto {
        margin-top: auto !important;
    }

    .fl-builder-content .mr-sm-auto,
    .fl-builder-content .mx-sm-auto {
        margin-right: auto !important;
    }

    .fl-builder-content .mb-sm-auto,
    .fl-builder-content .my-sm-auto {
        margin-bottom: auto !important;
    }

    .fl-builder-content .ml-sm-auto,
    .fl-builder-content .mx-sm-auto {
        margin-left: auto !important;
    }

    .fl-builder-content .text-sm-left {
        text-align: left !important;
    }

    .fl-builder-content .text-sm-right {
        text-align: right !important;
    }

    .fl-builder-content .text-sm-center {
        text-align: center !important;
    }
}

/* Bootstrap Tablet */
@media (min-width: 768px) and (max-width: 992px) {
    .fl-builder-content .m-md-0 {
        margin: 0 !important;
    }

    .fl-builder-content .mt-md-0,
    .fl-builder-content .my-md-0 {
        margin-top: 0 !important;
    }

    .fl-builder-content .mr-md-0,
    .fl-builder-content .mx-md-0 {
        margin-right: 0 !important;
    }

    .fl-builder-content .mb-md-0,
    .fl-builder-content .my-md-0 {
        margin-bottom: 0 !important;
    }

    .fl-builder-content .ml-md-0,
    .fl-builder-content .mx-md-0 {
        margin-left: 0 !important;
    }

    .fl-builder-content .m-md-auto {
        margin: auto !important;
    }

    .fl-builder-content .mt-md-auto,
    .fl-builder-content .my-md-auto {
        margin-top: auto !important;
    }

    .fl-builder-content .mr-md-auto,
    .fl-builder-content .mx-md-auto {
        margin-right: auto !important;
    }

    .fl-builder-content .mb-md-auto,
    .fl-builder-content .my-md-auto {
        margin-bottom: auto !important;
    }

    .fl-builder-content .ml-md-auto,
    .fl-builder-content .mx-md-auto {
        margin-left: auto !important;
    }

    .fl-builder-content .text-md-left {
        text-align: left !important;
    }

    .fl-builder-content .text-md-right {
        text-align: right !important;
    }

    .fl-builder-content .text-md-center {
        text-align: center !important;
    }
}

/* Bootstrap Laptop */
@media (min-width: 993px) and (max-width: 1200px) {
    .fl-builder-content .m-lg-0 {
        margin: 0 !important;
    }

    .fl-builder-content .mt-lg-0,
    .fl-builder-content .my-lg-0 {
        margin-top: 0 !important;
    }

    .fl-builder-content .mr-lg-0,
    .fl-builder-content .mx-lg-0 {
        margin-right: 0 !important;
    }

    .fl-builder-content .mb-lg-0,
    .fl-builder-content .my-lg-0 {
        margin-bottom: 0 !important;
    }

    .fl-builder-content .ml-lg-0,
    .fl-builder-content .mx-lg-0 {
        margin-left: 0 !important;
    }

    .fl-builder-content .m-lg-auto {
        margin: auto !important;
    }

    .fl-builder-content .mt-lg-auto,
    .fl-builder-content .my-lg-auto {
        margin-top: auto !important;
    }

    .fl-builder-content .mr-lg-auto,
    .fl-builder-content .mx-lg-auto {
        margin-right: auto !important;
    }

    .fl-builder-content .mb-lg-auto,
    .fl-builder-content .my-lg-auto {
        margin-bottom: auto !important;
    }

    .fl-builder-content .ml-lg-auto,
    .fl-builder-content .mx-lg-auto {
        margin-left: auto !important;
    }

    .fl-builder-content .text-lg-left {
        text-align: left !important;
    }

    .fl-builder-content .text-lg-right {
        text-align: right !important;
    }

    .fl-builder-content .text-lg-center {
        text-align: center !important;
    }
}

/* Bootstrap Desktop */
@media (min-width: 1200px) {
    .fl-builder-content .m-xl-0 {
        margin: 0 !important;
    }

    .fl-builder-content .mt-xl-0,
    .fl-builder-content .my-xl-0 {
        margin-top: 0 !important;
    }

    .fl-builder-content .mr-xl-0,
    .fl-builder-content .mx-xl-0 {
        margin-right: 0 !important;
    }

    .fl-builder-content .mb-xl-0,
    .fl-builder-content .my-xl-0 {
        margin-bottom: 0 !important;
    }

    .fl-builder-content .ml-xl-0,
    .fl-builder-content .mx-xl-0 {
        margin-left: 0 !important;
    }

    .fl-builder-content .m-xl-auto {
        margin: auto !important;
    }

    .fl-builder-content .mt-xl-auto,
    .fl-builder-content .my-xl-auto {
        margin-top: auto !important;
    }

    .fl-builder-content .mr-xl-auto,
    .fl-builder-content .mx-xl-auto {
        margin-right: auto !important;
    }

    .fl-builder-content .mb-xl-auto,
    .fl-builder-content .my-xl-auto {
        margin-bottom: auto !important;
    }

    .fl-builder-content .ml-xl-auto,
    .fl-builder-content .mx-xl-auto {
        margin-left: auto !important;
    }

    .fl-builder-content .text-xl-left {
        text-align: left !important;
    }

    .fl-builder-content .text-xl-right {
        text-align: right !important;
    }

    .fl-builder-content .text-xl-center {
        text-align: center !important;
    }
}

/* =========================
   1.10 - Components
   ========================= */

/* Generic Card */
[class*="card"].fl-module-box {
    border-radius: var(--br);
    box-shadow: var(--card-shadow);
    background-color: white;
    overflow: clip;
    border: none;
}

[class*="card"] .fl-post-image img{
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

body.fl-builder-edit [class*="card"].fl-module-box:hover {
    overflow: visible;
}
.card.fl-module-box {
    padding: 30px;
}
[class*="card"] .fl-post-grid-post {
    font-size: 14px;
}
[class*="card"] .fl-post-text {
    padding: 20px;
    min-height: 100px;
}
[class*="card"] .fl-post-title {
    font-size: 20px;
    line-height: 26px;
    margin: 0;
    padding: 0 0 5px;
}
[class*="card"] .fl-post-meta {
    padding: 0 0 15px;
}
[class*="card"] .wp-post-image,
[class*="card"] .fl-photo-content:not(.fl-photo-img-svg) .fl-photo-img {
    aspect-ratio: 16/9;
    object-fit: cover;
}
[class*="card"].pano .wp-post-image,
[class*="card"].pano .fl-photo-img {
    aspect-ratio: 2.35/1;
}

[class*="card"].icon-small dotlottie-player {
    max-width: 80px;
}

/* Corner Button Card */
.card.card-corner-btn.fl-module-box {
    align-items: flex-start;
    padding-bottom: 75px;
}
.card.card-corner-btn .fl-rich-text p {
    text-align: left;
    font-size: 14px;
}
.card-corner-btn .icon-wrapper {
    width: 60px;
}
.card-corner-btn {
    position: relative;
}
.card-corner-btn .fl-module-button {
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(
        90deg,
        var(--clr-purple) 50%,
        var(--clr-pink) 100%
    );
    background-size: 200% 100%;
    background-position: 100% 0%;
    width: 75px;
    height: 75px;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44.7 42.8'%3E%3Cpath transform='rotate(5deg)' d='M42 5C40.3 2.4 37.9.9 34.8.3c-2.3-.6-5.9 0-5.9 0-5.2.7-11.4 3-17.4 6.6C5 10.7.5 15.3 0 20.5-.6 25.6 2.8 31.3 9.2 36c6.4 4.7 13.5 7.1 19 6.7 5.6-.3 9.4-3.4 12-8.1 2.6-4.8 3.9-10.2 4.3-15.5.4-5.3-.1-10.3-2.6-14.1Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44.7 42.8'%3E%3Cpath d='M42 5C40.3 2.4 37.9.9 34.8.3c-2.3-.6-5.9 0-5.9 0-5.2.7-11.4 3-17.4 6.6C5 10.7.5 15.3 0 20.5-.6 25.6 2.8 31.3 9.2 36c6.4 4.7 13.5 7.1 19 6.7 5.6-.3 9.4-3.4 12-8.1 2.6-4.8 3.9-10.2 4.3-15.5.4-5.3-.1-10.3-2.6-14.1Z'/%3E%3C/svg%3E");
    -webkit-mask-size: 150% 150%;
    mask-size: 150% 150%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top left;
    mask-position: top left;
    transition: var(--tr-slow);
}
body.fl-builder-edit .card-corner-btn:hover .fl-module-button {
    -webkit-mask-image: none;
    mask-image: none;
}
.card-corner-btn .fl-button {
    position: absolute;
    inset: 0;
}
.card-corner-btn:has(:hover, :focus-within) .fl-module-button {
    background-position: 0% 0%;
}

.card-corner-btn .fl-module-button::before {
    content: '';
    -webkit-mask: url(/wp-content/uploads/2024/09/arrow.svg) no-repeat 50% 50%;
    mask: url(/wp-content/uploads/2024/09/arrow.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: white;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 50%;
    left: 50%;
    transform: translate(-30%, -15%);
    display: block;
}

.card-corner-btn .fl-button-text {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

/* Hover Gradient Card */
.fl-col-group:has(.card-gradient) {
    margin-inline: 6px;
}
body.fl-builder-edit .card-gradient .fl-col-content:hover {
    z-index: 10;
}
.card-gradient .fl-col-content {
    min-height: 400px;
    display: flex;
    align-items: flex-end;
    padding: 35px 30px !important;
    border-radius: var(--br);
    position: relative;
    z-index: 2;
    overflow: clip;
    margin: 15px !important;
}
.card-gradient .fl-col-content:has(.fl-block-overlay-active) {
    overflow: visible;
}
.card-gradient .fl-col-content:has(.fl-block-overlay-active)::after {
    display: none;
    z-index: unset;
}
.card-gradient .fl-col-content::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-image: linear-gradient(
        0deg,
        var(--clr-dark-purple),
        transparent
    );
    z-index: -1;
    transition: var(--tr-slow);
    height: 60%;
    opacity: 1;
    display: block;
}
.card-gradient .fl-col-content:hover::after {
    height: 300%;
    opacity: 0.75;
}
.card-gradient .fl-col-content .fl-module-content {
    margin: 0;
}

.card-gradient .fl-col-content .fl-module-content a.fl-button {
    color: white;
    padding: 0;
    position: relative;
    transition: var(--tr-slow);
}
.card-gradient .fl-col-content .fl-module-content a span::after {
    opacity: 0;
    transition: var(--tr-slow) !important;
    right: -10px !important;
}
.card-gradient .fl-col-content:hover .fl-module-content a {
    margin-bottom: 20px;
}
.card-gradient .fl-col-content:hover .fl-module-content a span::after {
    opacity: 1;
    right: -30px !important;
}

/* Post Grid */
.dio-grid .fl-post-feed {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.dio-grid-4 .fl-post-feed {
    grid-template-columns: repeat(4, 1fr);
}
@container (width < 1200px) {
    .dio-grid .fl-post-feed {
        grid-template-columns: repeat(3, 1fr);
    }
}
@container (width < 992px) {
    .dio-grid .fl-post-feed {
        grid-template-columns: 1fr 1fr;
    }
}
@container (width < 600px) {
    .dio-grid .fl-post-feed {
        grid-template-columns: 1fr;
    }
}
body .dio-grid [class*="card"],
body .pp-content-posts [class*="card"] {
    border-radius: var(--br);
    overflow: clip !important;
    border: 1px solid rgb(200 200 208 / 0.15);
    box-shadow: var(--card-shadow);
    background-color: white;
}

.dio-grid [class*="card"] .fl-resource-type {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.dio-grid [class*="card"] .fl-resource-type span[class] {
    background-color: var(--clr-super-light-purple);
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 10px;
    border-radius: var(--br-small);
    font-size: 12px;
}
.dio-grid .fl-post-title {
    font-size: var(--fs-h6);
    font-weight: 500;
    letter-spacing: 0;
}

/* Full width sliders */
.right-overflow{
    overflow-x: clip;
}
.right-overflow .fl-row-content-wrap {
    padding-left: calc((100vw - 1240px) / 2);
}

/* PowerPack Content Slider */
/* .pp-content-post-carousel .pp-content-post{
	overflow:visible
}
.pp-content-post-carousel .owl-carousel{
	overflow:visible;
}

.pp-content-post-carousel .owl-prev{
	transform: rotate(180deg);
}

.pp-carousel-nav button{
	background-color: transparent;
	color: var(--clr-dark-purple);
}
.pp-carousel-nav .disabled{
	opacity: .35;
	pointer-events:none;
}
.pp-carousel-nav button{
	position: relative !important;
	border: 1px solid var(--clr-dark-purple) !important;
	border-radius: 50%;
	transition: var(--tr);
	height: 46px !important;
	width: 46px !important;
}
.pp-carousel-nav button svg{
	width: 20px;
	height: 20px;
}
.pp-carousel-nav button path{
	transition: var(--tr);
}
.pp-carousel-nav button:is(:hover, :focus-visible){
	background-color: var(--clr-dark-purple)
}
.pp-carousel-nav button:is(:hover, :focus-visible) path{
	fill: white;
}
.pp-carousel-nav .owl-prev{
	left: unset !important;
}
.pp-carousel-nav .owl-next{
	right: unset !important;
} */

/* DIO Slider */
.pp-content-post {
    overflow: visible !important;
}
.swiper.dio-slider {
    width: 100%;
    margin-top: 20px;
    position: relative;
    overflow: visible !important;

    --swiper-theme-color: var(--clr-dark-purple);
    --swiper-pagination-bottom: -60px;
    --swiper-pagination-color: var(--clr-dark-purple);
    --swiper-pagination-bullet-size: 10px;
    --swiper-navigation-size: 20px;
    --swiper-navigation-arrow-padding: 13px;
    --swiper-navigation-sides-offset: 0;
}
@media (width > 767px) {
    .swiper-pagination-bullets,
    .owl-dots {
        display: none;
    }
}

.dio-slider .swiper-slide .fl-photo-img,
.dio-slider .swiper-slide .fl-photo-content{
    width: 100%;
}

.swiper-button-nav,
.pp-carousel-nav {
    position: absolute;
    bottom: -80px;
    left: 1200px;
    transform: translateX(-100%);
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
}
@media (width < 1280px) {
    .swiper-button-nav,
    .pp-carousel-nav {
        left: unset;
        transform: unset;
        right: 40px;
    }
}
.dio-slider-nav-top{
    z-index: 10;
}
.dio-slider-nav-top .swiper-button-nav {
    bottom: unset;
    top: -120px;
}
@media (width < 768px) {
    .swiper-button-nav,
    .pp-carousel-nav {
        display: none;
    }
}

.swiper-button-prev,
.swiper-button-next {
    --arrow-size: calc(var(--swiper-navigation-size) + calc(var(--swiper-navigation-arrow-padding) * 2));
    position: relative !important;
    left: unset !important;
    right: unset !important;
    top: 0 !important;
    border: 1px solid var(--clr-dark-purple);
    border-radius: 50%;
    padding: var(--swiper-navigation-arrow-padding);
    width: var(--arrow-size) !important;
    height: var(--arrow-size) !important;
    margin-top: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    transition: var(--tr);
}
.swiper-button-nav > *:is(:hover, :focus-visible) {
    background: var(--clr-dark-purple);
}
.swiper-button-nav > *:is(:hover, :focus-visible) .arrow {
    background-color: white;
}
.swiper-button-nav .arrow {
    width: var(--swiper-navigation-size) !important;
    height: var(--swiper-navigation-size) !important;
    background-color: var(--clr-dark-purple);
    mask-image: url("/wp-content/uploads/2024/09/arrow.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: url("/wp-content/uploads/2024/09/arrow.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    transition: var(--tr);
}
.swiper-button-prev .arrow {
    transform: rotate(180deg);
}
.swiper-button-prev::after,
.swiper-button-next::after {
    display: none;
}

/* Testimonial Slider */
.testimonial-card {
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: center;
    align-items: center;
    padding: 30px 40px;
}
.testimonial-card .testimonial-logo {
    height: 65px;
    max-width: 180px;
    object-fit: contain;
    filter: invert(68%) sepia(3%) saturate(1022%) hue-rotate(202deg) brightness(90%) contrast(97%);
    /* margin-bottom: 10px; */
}
.testimonial-card .testimonial-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.45;
    text-align: center;
    text-wrap: balance;
}
.testimonial-card .testimonial-credit {
    display: flex;
    align-items: center;
    gap: 20px;
    font-weight: 500;
}
.testimonial-card .testimonial-headshot {
    width: 50px;
    aspect-ratio: 1;
    border-radius: 50%;
}
.testimonial-card .testimonial-info {
    max-width: 180px;
}
.testimonial-card .testimonial-name {
    font-size: 14px;
}
.testimonial-card .testimonial-position {
    font-size: 12px;
    line-height: 1.35;
}

/* Featured Testimonials */
.featured-testimonial {
    display: grid;
    grid-template-columns: 250px 1fr;
    align-items: center;
    gap: 60px;
    padding-block: 50px;
}
.featured-testimonial.disable-headshot{
    grid-template-columns: 1fr;
    gap: 0;
}
.featured-testimonial-headshot {
    position: relative;
}
.featured-testimonial-headshot img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
    -webkit-clip-path: url(#dio-mask);
    clip-path: url(#dio-mask);
    pointer-events: none;
    z-index: 3;
}
.featured-testimonial-headshot::after {
    content: '';
    background: var(--clr-purple);
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -10px;
    left: -5px;
    z-index: -2;
    -webkit-clip-path: url(#dio-mask);
    clip-path: url(#dio-mask);
    transition: var(--tr-slow);
    pointer-events: none;
    display: block;
}

.featured-testimonial-content {
    display: grid;
    gap: 30px;
    padding-top: 60px;
    position: relative;
}
.featured-testimonial-content::after {
    content: '';
    position: absolute;
    top: -20px;
    left: 0;
    background-image: url(/wp-content/uploads/2024/10/icon-quote.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 60px;
    height: 45px;
    display: block;
}
.featured-testimonial-info {
    display: flex;
    align-items: center;
    gap: 60px;
}
.featured-testimonial-credit {
    padding-block: 10px;
}
.featured-testimonial-logo {
    position: relative;
}
.featured-testimonial-logo img {
    height: 65px;
    max-width: 180px;
    object-fit: contain;
    filter: invert(68%) sepia(3%) saturate(1022%) hue-rotate(202deg)
        brightness(90%) contrast(97%);
    padding-block: 10px;
	margin-left: 15px;
}
.featured-testimonial-logo::after {
    content: '';
    position: absolute;
    left: -35px;
    bottom: 0;
    height: 100%;
    width: 1px;
    background-color: var(--clr-purple);
    display: block;
}
.featured-testimonial-name {
    font-weight: 600;
}
.featured-testimonial-position {
    text-wrap: balance;
    max-width: 200px;
    font-size: 14px;
}

/* Featured Customer Story */
.featured-customer-story{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
	padding-block: 50px;
}
.featured-customer-story-content{
	display: grid;
	gap: 20px;
}
.featured-customer-story-content .fl-button{
	margin-top: 10px;
}
.featured-customer-story-video{
	display: grid;
	gap:20px;
}

/* FAQs */
.pp-faq-button-icon{
    position: relative;
    color: var(--clr-purple);
}
.pp-faq-button-icon::before{
    content: '';
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    transform: translate(-100%, -50%);
    transition: right var(--tr);
    display: block;
}
.pp-faq-button-icon.fa-plus::before{
    -webkit-mask: url(/wp-content/uploads/2024/11/icon-plus.svg) no-repeat 50% 50%;
    mask: url(/wp-content/uploads/2024/11/icon-plus.svg) no-repeat 50% 50%;
}
.pp-faq-button-icon.fa-minus::before{
    -webkit-mask: url(/wp-content/uploads/2024/11/icon-minus.svg) no-repeat 50% 50%;
    mask: url(/wp-content/uploads/2024/11/icon-minus.svg) no-repeat 50% 50%;
}


/** END Global Settings
--------------------------------------------------------------------------*/

/** 2.0 - Layout + Themer
--------------------------------------------------------------------------*/

/* =========================
   2.1 - Header
   ========================= */

header {
    position: sticky !important;
    top: 22px;
    z-index: 99999999;
}
body:not(.fl-builder-edit).admin-bar header {
    top: 54px;
}

#header-wrapper {
    box-shadow: 0 4px 50px rgb(var(--clr-dark-purple-rgb) / 0.1);
}

/* Top Bar */
.fl-theme-builder-part-top-bar .fl-page-content .fl-content-full {
    margin-top: -25px !important;
}

@media (width < 1130px){
    header a.fl-button{
        padding: 0.8em 1.5em !important;
    }
    header .menu a{
        padding-left: 10px !important;
    }
    header .menu-item:not(.has-mega-menu) a{
        padding-right: 10px !important;
    }
    #header-wrapper{
        column-gap: 30px
    }
}

@media (767px < width < 1065px){
    #header-wrapper{
        grid-template-columns: 150px 1fr auto
    }
    header a.fl-button{
        padding: 0.7em 1.25em !important;
    }
}

@media (width < 1035px){
    header .menu-item{
        font-size: 15px !important;
    }
}

@media (width < 1015px){
    header .menu-item{
        font-size: 14px !important;
    }
}

/* =========================
   2.2 - Navigation
   ========================= */

header nav ul.menu{
    padding-left: 0
}

.menu-item a {
    -webkit-transition: var(--tr);
    transition: var(--tr);
    color: var(--clr-dark-purple);
}
.menu-item a:hover,
.menu-item a:focus-visible {
    color: var(--clr-pink);
}

/* Mega Menu */
body.fl-builder-edit.postid-54128 header,
body.fl-builder-edit.postid-54128 #top-bar{
    display: none;
}
[id^="mega-"]{
    max-width: 1380px;
    margin-inline: auto;
    padding-inline: 40px;
}   

[id^="mega-"] nav ul{
    padding-left: 0;
    margin-left: -14px;
}
[id^="mega-"] > .fl-row-content-wrap{
    margin: 0;
    background:none;
}
[id^="mega-"] .mega-container{
    border-bottom-right-radius: var(--br-medium);
    border-bottom-left-radius: var(--br-medium);
    overflow: clip;
    box-shadow: 0 20px 50px -10px rgb(var(--clr-dark-purple-rgb) / 0.1);
    min-height: 330px;
    background:white;
}
.mega-navs{
    padding: 30px 60px;
}
@media (1050px < width < 1200px ){
    .mega-navs{
        padding: 30px;
    }
}
.mega-featured-content{
    padding: 30px 50px;
}
@media (width < 1050px){
   .mega-featured-content{
       display: none !important;
   }
   .mega-navs{
        grid-column: span 12 !important;
    }
}
body.fl-builder-edit [id^="mega-"] .mega-container:hover{
    overflow: visible;
}
body.fl-builder-edit [id^="mega-"]{
    margin-bottom: 100px;
}
body:not(.fl-builder-edit) [id^="mega-"]{
    /* margin-top:54px; */
}
body:not(.admin-bar) [id^="mega-"]{
    margin-top:32px;
}
body.logged-in:not(.admin-bar) [id^="mega-"]{
    margin-top:-32px;
}
[id^="mega-"] .label span{
    color: #676767;
    font-weight: 500;
}
[id^="mega-"] nav a{
    font-weight: 500;
    line-height: 20px;
    padding-block:13px !important;
    text-wrap: balance;
}
header .fl-row-content::after {
    content: '' !important;
    position: absolute !important;
    left: 20px !important;
    bottom: 15px !important;
    background: white !important;
    height: 15px !important;
    width: calc(100% - 40px) !important;
    opacity: 0;
    transition: opacity 200ms ease-in-out;
    border-bottom: 1px solid #DFE1E6;
    display: block;
}
body.showing-mega-menu header .fl-row-content::after {
    opacity: 1;
}

#mega-company nav ul{
    display: flex;
    width: 100%;
    max-width: 600px;
    justify-content: space-between;
}
#mega-company nav ul::before,
#mega-company nav ul::after{
    display: none;
}

#mega-resources nav ul{
  position: relative;
  -moz-column-count: 3;
       column-count: 3;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
#mega-resources nav li{
    position: relative;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
     break-inside: avoid;
}

#mega-resources .menu-item:nth-child(5),
#mega-resources .menu-item:nth-child(7) {
    break-before: column;
}

/* Mega Menu Featured Content */
.mm-featured-content img{
    /* aspect-ratio: 7 / 3; */
    object-fit: cover;
    border-radius: var(--br-medium);
}
.mm-featured-content .fl-post-feed-title{
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    width: 80%;
    position: relative;
    transition: var(--tr);
}
.mm-featured-content .fl-post-feed-title *{
    transition: var(--tr);
}
.mm-featured-content:is(:hover, :focus-within) .fl-post-feed-title *{
    color: var(--clr-purple);
}
.mm-featured-content .fl-post-feed-title::after{
    content: '';
    -webkit-mask: url(/wp-content/uploads/2024/09/arrow.svg) no-repeat 50% 50%;
    mask: url(/wp-content/uploads/2024/09/arrow.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
    transition: right var(--tr);
    display: block;
}

.mm-featured-content:is(:hover, :focus-within) .fl-post-feed-title::after{
    background-color: var(--clr-purple);
    right: -35px;
}
.mm-featured-content .fl-post-feed-image{
    margin-bottom: 20px;
}

/* Mobile Menu */
.pp-offcanvas-content-gsexfdu867qt{
    display: none;
}
.pp-sliding-menus .pp-slide-menu-item-link{
    padding-left: 0 !important;
}
.pp-sliding-menus .pp-slide-menu-arrow{
    padding-right: 0 !important;
}
.pp-offcanvas-close span::before{
    display: none;
}
.pp-offcanvas-header{
    margin-top: 20px;
    padding-right: 20px !important;
}
.pp-offcanvas-close{
    position: important;
    width: 30px;
    height: 30px;
}
.pp-offcanvas-close::before,
.pp-offcanvas-close::after{
    content: '';
    width: 30px;
    height: 2px;
    background: var(--clr-dark-purple);
    position: absolute;
    rotate: 45deg;
    left:0;
    top: 50%;
    display: block;
}
.pp-offcanvas-close::after{
    rotate: -45deg;
}

.pp-offcanvas-close-icon{
    display: none !important;
}
.pp-slide-menu-back,
.pp-slide-menu-item{
    align-items: center;
}
.pp-slide-menu-back .pp-slide-menu-arrow{
    padding-left:0 !important;
    padding-right: 20px !important;
}
.pp-slide-menu-back .pp-slide-menu-arrow svg{
    rotate: 180deg;
}
li.menu-label.pp-slide-menu-item {
	border-bottom-width: 0 !important;
	margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid lightgray;
}
li.menu-label.pp-slide-menu-item a {
	padding-bottom: 5px !important;
	padding-left: 0;
}
.pp-slide-menu-is-active-parent li{
    border-bottom: 0 !important;
}
.pp-slide-menu-sub-menu .pp-slide-menu-item-link{
    padding-block: 10px !important;
}

/* Top Bar */
#top-bar .menu-item{
    margin-left: 20px;
}
#menu-top-bar{
    padding-left:0
}
#top-bar .fl-search-form-fields a.fl-button{
    background:none !important;
    padding: 5px 10px !important;
    position: relative;

    i{
        margin-right: 15px;
    }

    i::before{
        content:'';
        position: absolute;
        background-image: url('/wp-content/uploads/2024/11/icon-search.svg');
        width: 20px;
        height: 20px;
        display: block;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
    }
}

.menu-item.icon a{
    padding-left: 30px !important;
    position: relative;

    &::before{
        content:'';
        width: 20px;
        height: 20px;
        display: block;
        position: absolute;
        left:0;
        top: 50%;
        translate: 0 -50%;
        background-repeat: no-repeat;
        background-position: center;
    }
}

.icon-login a::before{
    background-image: url(/wp-content/uploads/2024/11/icon-login.svg);
}
.icon-email a::before{
    background-image: url(/wp-content/uploads/2024/11/icon-email.svg);
}



/* =========================
   2.3 - Footer
   ========================= */

.footer-social{
    display: flex;
    gap: 25px;
}
.footer-social svg{
    height: 25px;
}
.footer-social svg path{
    fill: white;
}
.footer-social a:is(:hover, :focus-visible) path{
    fill: var(--clr-pink);
}

footer .label span{
    color:white !important;
}
footer nav ul{
    padding-left:0 !important
}
footer nav li{
    margin-left:-14px !important;
}
footer nav li:first-child{
    margin-top: -14px !important;
}
footer a.label{
    color: white !important;
    text-decoration: none;
    transition: var(--tr);
}
footer a.label:is(:hover, :focus-visible){
    color: var(--clr-pink) !important;
}
footer nav a{
    color: #9A9A9A !important;
    font-weight: 500;
    font-size: 14px;
    text-wrap: balance;
    line-height: 1;
    transition: var(--tr);
}
footer nav a:is(:hover, :focus-visible){
    color: var(--clr-pink) !important;
}

/* =========================
   2.4 - Blog Singular
   ========================= */

.single-post h2,
.single-post h3,
.single-post h4,
.single-post h5,
.single-post h6 {
    font-weight: 700;
}

#related-articles-grid .fl-post-feed {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
@media (width < 768px) {
    #related-articles-grid .fl-post-feed {
        grid-template-columns: 1fr;
    }
}

/* =========================
   2.5 - Landing Pages
   ========================= */

.wistia_popover_embed {
    z-index: 99999 !important;
    position: relative;
}
.wistia_popover_overlay {
    z-index: 999 !important;
}

.logo-col .fl-col-content,
.feat-speakers .fl-col-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.pp-logo-inner img{
    object-fit: contain;
}

/* Remove nav from LPs
 * 
 * (except for lp-generative-ai-summaries) */
.single-lp:not(.lp-generative-ai-summaries) header nav,
.single-lp:not(.lp-generative-ai-summaries) header .pp-offcanvas-toggle {
    display: none !important;
}
#mobile-logo-col {
    padding-top: 20px;
    padding-bottom: 20px;
}

.single-lp .wistia_responsive_wrapper {
    border-radius: var(--br) !important;
    overflow: clip;
}
.w-video-wrapper.w-css-reset {
    background-color: transparent !important;
}

.rows__row-logos {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 40px 130px;
    max-width: 850px;
    margin: 20px auto;
}

.logos__logo-image {
    max-width: 105px !important;
}

.product-page-logos__rows .rows__row {
    margin-bottom: 80px;
}

.grid-x {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    flex-direction: row;
    gap: 50px;
}
.product-page-services-section .services-main-grid {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-page-services-section .services-section-icon-grid {
    width: calc(66.66667% - 1.875rem - 50px);
    margin-right: 0.9375rem;
    margin-left: 0.9375rem;
    max-width: 100%;
}

.product-page-services-section
    .services-section-icon-grid
    .services-icon-grid-slick-init {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product-page-services-section .services-section-icon-grid .icon-grid-item {
    width: calc(50% - 10px);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    gap: 20px;
}

.product-page-services-section .services-section-main-content {
    width: calc(33.33333% - 1.875rem);
    margin-right: 0.9375rem;
    margin-left: 0.9375rem;
    max-width: 500px;
    padding-left: 0;
    padding-right: 0;
}

.overlap-icon img {
    max-width: 85px;
}

#landing-no-form {
    width: 100%;
}

.single-lp .pp-pricing-table-price {
    display: none;
}

.single-lp .fl-node-hb7v6xynaflk .fl-button-wrap {
    display: none;
}

.single-lp .fl-node-ou5nmadgcyft .fl-button-wrap {
    display: none;
}

.single-lp header .fl-button {
    background: transparent;
}

/* =========================
   2.6 - Competitor Pages
   ========================= */

#comparison-chart table {
    border-radius: 10px;
    border: none;
    box-shadow: 0 0 10px rgb(0 0 0 / 0.15);
    margin: 10px;
    width: calc(100% - 20px);
}

#comparison-chart td.ninja_column_0 {
    text-align: left;
    min-width: 130px;
}

#comparison-chart .discuss-column-header img {
    max-width: 175px;
}
@media (max-width: 992px) {
    #comparison-chart .discuss-column-header img {
        max-width: 125px;
    }
}

#comparison-chart [class^="ninja_column"]:not(.ninja_column_1) {
    background: white;
}
#comparison-chart .ninja_column_1 {
    background: rgb(0 0 0 / 0.01);
}
#comparison-chart .ninja_column_1 {
    border-left: 1px solid rgb(0 0 0 / 0.2) !important;
    border-right: 1px solid rgb(0 0 0 / 0.2) !important;
}

/* #footable_48594:not(.hide_all_borders) tr.footable-header th, #footable_48594:not(.hide_all_borders) tbody tr th{
	border-left-color: rgb(0 0 0 / .2) !important;
	border-right-color: rgb(0 0 0 / .2) !important;
} */
/* #comparison-chart th.discuss-column-header{
	border-top:1px solid rgb(0 0 0 / .2);
}
#comparison-chart tr:last-child td.ninja_column_1{
	border-bottom:1px solid rgb(0 0 0 / .2);
} */

#comparison-chart .semantic_ui .ui.compact.table td {
    padding: 1.15em 2em !important;
}

#comparison-chart tr.footable-header {
    font-size: 18px !important;
}

#comparison-chart .comparison-icon {
    max-width: 28px !important;
}

/** END Layout
--------------------------------------------------------------------------*/

/** 3.0 - Page Specific CSS
--------------------------------------------------------------------------*/

/* =========================
   3.1 - Homepage
   ========================= */

#home-hero,
#trusted {
    position: relative;
    isolation: isolate;
    z-index: 0;
}
#trusted{
    background: white;
    max-width: 100vw;
    overflow-x: clip;
}
#home-hero::after {
    content: '';
    position: absolute;
    width: 100%;
    height: calc(100% + 40px);
    top: -20px;
    right: 10vw;
    background-image: url(/wp-content/uploads/2024/09/home-hero-bg-wave.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center right;
    z-index: -1;
    display: block;
    pointer-events: none;
}

#trusted::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 80%;
    top: -50%;
    left: 0;
    background-image: linear-gradient(0deg, white 40%, transparent);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
    display: block;
    pointer-events: none;
}

#trusted .fl-module-box > .fl-module{
    min-width: unset;
}

/* Sticky Scroll Animation */
.image-swap-container{
    position: sticky;
    top:40vh;
}
.image-swap-container img,
.image-swap-container video,
.scroll-item-wrapper img,
.scroll-item-wrapper video{
    border-radius: var(--br-medium);
}
.scroll-item-wrapper{
    min-height: 40vh;
    justify-content: flex-start !important;
}
.scroll-item-wrapper:first-child{
    padding-top: 50px;
}
.scroll-item-wrapper:last-child{
    min-height: auto;
    padding-bottom: 80px;
}
@media (width > 767px){
    body:not(.fl-builder-edit) .scroll-item-wrapper .fl-module-photo,
    body:not(.fl-builder-edit) .scroll-item-wrapper .fl-module-video{
        display: none;
    }
}
@media (width <= 767px){
    .pinned-sticky-wrapper{
        display: none !important;
    }
    .scroll-item-wrapper:first-child{
        padding-top: 50px;
    }
}

/* =========================
   3.2 - About
   ========================= */

/* Team */
.pp-tabs-horizontal .pp-tabs-labels {
    margin-bottom: 40px;
}
.pp-tabs-horizontal .pp-tabs-labels .pp-tabs-label {
    flex: unset;
    position: relative;
}
.pp-tabs-label:focus > .pp-tab-label-inner{
    outline:none;
}
.pp-tab-title {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 14px;
}
.team-grid .fl-post-feed {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 60px 80px;
    text-align: center;
}
.team-grid .fl-post-feed-post {
    width: 250px;
}
.team-headshot-wrapper {
    position: relative;
    display: grid;
    place-items: center;
}
/* .team-headshot-wrapper:hover::after {
    bottom: -15px;
    left: -35px;
} */
/* .team-headshot-wrapper::after {
    content: '';
    background: var(--clr-purple);
    position: absolute;
    width: 235px;
    height: 224px;
    bottom: -10px;
    left: -5px;
    z-index: -2;
    -webkit-clip-path: url(#dio-mask);
    clip-path: url(#dio-mask);
    transition: var(--tr-slow);
    pointer-events: none;
    display: block;
} */
.team-headshot {
    width: 235px;
    aspect-ratio: 1;
    border-radius: 50%;
    /* height: 224px; */
    object-fit: cover;
    /* -webkit-clip-path: url(#dio-mask);
    clip-path: url(#dio-mask);
    pointer-events: none; */
    z-index: 3;
}
.team-headshot-wrapper button {
    opacity: 0;
    position: absolute;
    /* 	z-index: -1; */
    bottom: 0;
    left: 20%;
    background: var(--clr-dark-purple);
    transition: var(--tr-slow);
    border-radius: 50%;
    height: 50px;
    width: 50px;
    font-size: 25px;
    font-weight: bold;
}
.team-headshot-wrapper:hover button {
    opacity: 1;
    left: 0%;
    bottom: -5%;
}
.team-name {
    color: var(--clr-purple);
    font-weight: 800;
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 18px;
}
.team-title {
    font-size: 12px;
    text-transform: uppercase;
    color: #6d6b6b;
    font-weight: 500;
    line-height: 1.3;
    text-wrap: balance;
}



/* =========================
   3.3 - Careers
   ========================= */

.current-opening-list .BambooHR-ATS-Jobs-Item a {
    color: var(--clr-purple);
    text-decoration: none;
    transition: color var(--tr);
}
.current-opening-list .BambooHR-ATS-Jobs-Item a:hover,
.current-opening-list .BambooHR-ATS-Jobs-Item a:focus {
    color: var(--clr-teal-dark);
}

.current-opening-list h2{
    margin-bottom: 20px;
}

.BambooHR-ATS-Department-List{
    list-style: none;
}
.BambooHR-ATS-Department-Header{
    font-size: 20px;
    font-weight: bold;
}
.BambooHR-ATS-Department-List > .BambooHR-ATS-Department-Item{
    margin-bottom: 20px;
}

.career-opportunities .BambooHR-ATS-board h2 {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.career-opportunities .BambooHR-ATS-Department-Header {
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 800;
    line-height: 22.4px;
}

.career-opportunities .BambooHR-ATS-board ul ul {
    border-bottom: none !important;
    padding: 2px 20px 12px 0px !important;
}

.career-opportunities
    .career-opportunities-list
    #BambooHR
    .BambooHR-ATS-board
    .BambooHR-ATS-Department-List
    .BambooHR-ATS-Department-Item
    .BambooHR-ATS-Jobs-List
    .BambooHR-ATS-Jobs-Item {
    margin-bottom: 20px !important;
}

.career-opportunities
    .career-opportunities-list
    #BambooHR
    .BambooHR-ATS-board
    .BambooHR-ATS-Department-List
    .BambooHR-ATS-Department-Item
    .BambooHR-ATS-Jobs-List
    .BambooHR-ATS-Jobs-Item {
    margin-bottom: 20px !important;
}

.career-opportunities
    .career-opportunities-list
    #BambooHR
    .BambooHR-ATS-board
    .BambooHR-ATS-Department-List
    .BambooHR-ATS-Department-Item
    .BambooHR-ATS-Jobs-List
    .BambooHR-ATS-Jobs-Item {
    position: relative;
    padding: 0;
    background-color: #fff;
    box-shadow: 0 3px 31px 0 rgb(0 0 0 / 14%);
    border-radius: var(--br);
    transition: all var(--tr);
}

.career-opportunities
    .career-opportunities-list
    #BambooHR
    .BambooHR-ATS-board
    .BambooHR-ATS-Department-List
    .BambooHR-ATS-Department-Item
    .BambooHR-ATS-Jobs-List
    .BambooHR-ATS-Jobs-Item
    a {
    position: relative;
    z-index: 3;
    display: block;
    width: 100%;
    height: 100%;
    padding: 25px !important;
    color: var(--clr-dark-purple);
    font-weight: 800;
    line-height: 1.1;
    transition: all var(--tr);
    font-size: 18px;
    text-decoration: none;
}
.career-opportunities
    .career-opportunities-list
    #BambooHR
    .BambooHR-ATS-board
    .BambooHR-ATS-Department-List
    .BambooHR-ATS-Department-Item
    .BambooHR-ATS-Jobs-List
    .BambooHR-ATS-Jobs-Item
    .BambooHR-ATS-Location {
    width: 225px;
    height: 100%;
    bottom: 0;
    left: auto;
    right: 12px;
    position: absolute;
    color: var(--clr-gray-light);
    font-weight: 800;
    text-transform: uppercase;
    padding-top: 0;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    transition: all var(--tr);
}

@media (max-width: 1450px) {
    .career-opportunities
        .career-opportunities-list
        #BambooHR
        .BambooHR-ATS-board
        .BambooHR-ATS-Department-List
        .BambooHR-ATS-Department-Item
        .BambooHR-ATS-Jobs-List
        .BambooHR-ATS-Jobs-Item
        .BambooHR-ATS-Location {
        left: 55px;
        top: 20px;
    }
    .career-opportunities
        .career-opportunities-list
        #BambooHR
        .BambooHR-ATS-board
        .BambooHR-ATS-Department-List
        .BambooHR-ATS-Department-Item
        .BambooHR-ATS-Jobs-List
        .BambooHR-ATS-Jobs-Item {
        padding-bottom: 30px;
    }
}

.career-opportunities
    .career-opportunities-list
    #BambooHR
    .BambooHR-ATS-board
    .BambooHR-ATS-Department-List
    .BambooHR-ATS-Department-Item
    .BambooHR-ATS-Jobs-List
    .BambooHR-ATS-Jobs-Item
    .BambooHR-ATS-Location:before,
.career-opportunities
    .career-opportunities-list
    #BambooHR
    .BambooHR-ATS-board
    .BambooHR-ATS-Department-List
    .BambooHR-ATS-Department-Item
    .BambooHR-ATS-Jobs-List
    .BambooHR-ATS-Jobs-Item
    .BambooHR-ATS-Location:after {
    opacity: 1;
    top: calc(50% - 10px);
    width: 14px;
    height: 20px;
    content: '';
    position: absolute;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all var(--tr);
    left: -30px;
    display: block;
}
.career-opportunities
    .career-opportunities-list
    #BambooHR
    .BambooHR-ATS-board
    .BambooHR-ATS-Department-List
    .BambooHR-ATS-Department-Item
    .BambooHR-ATS-Jobs-List
    .BambooHR-ATS-Jobs-Item
    .BambooHR-ATS-Location:before {
    background-image: url(/wp-content/uploads/2022/04/location-marker-gray.svg);
    opacity: 1;
}
.career-opportunities
    .career-opportunities-list
    #BambooHR
    .BambooHR-ATS-board
    .BambooHR-ATS-Department-List
    .BambooHR-ATS-Department-Item
    .BambooHR-ATS-Jobs-List
    .BambooHR-ATS-Jobs-Item
    .BambooHR-ATS-Location:after {
    background-image: url(/wp-content/uploads/2022/04/location-marker-white.svg);
    opacity: 0;
}
.career-opportunities
    .career-opportunities-list
    #BambooHR
    .BambooHR-ATS-board
    .BambooHR-ATS-Department-List
    .BambooHR-ATS-Department-Item
    .BambooHR-ATS-Jobs-List
    .BambooHR-ATS-Jobs-Item:hover
    .BambooHR-ATS-Location:before,
.career-opportunities
    .career-opportunities-list
    #BambooHR
    .BambooHR-ATS-board
    .BambooHR-ATS-Department-List
    .BambooHR-ATS-Department-Item
    .BambooHR-ATS-Jobs-List
    .BambooHR-ATS-Jobs-Item:active
    .BambooHR-ATS-Location:before,
.career-opportunities
    .career-opportunities-list
    #BambooHR
    .BambooHR-ATS-board
    .BambooHR-ATS-Department-List
    .BambooHR-ATS-Department-Item
    .BambooHR-ATS-Jobs-List
    .BambooHR-ATS-Jobs-Item:focus
    .BambooHR-ATS-Location:before {
    opacity: 0 !important;
}
.career-opportunities
    .career-opportunities-list
    #BambooHR
    .BambooHR-ATS-board
    .BambooHR-ATS-Department-List
    .BambooHR-ATS-Department-Item
    .BambooHR-ATS-Jobs-List
    .BambooHR-ATS-Jobs-Item:hover
    .BambooHR-ATS-Location:after,
.career-opportunities
    .career-opportunities-list
    #BambooHR
    .BambooHR-ATS-board
    .BambooHR-ATS-Department-List
    .BambooHR-ATS-Department-Item
    .BambooHR-ATS-Jobs-List
    .BambooHR-ATS-Jobs-Item:active
    .BambooHR-ATS-Location:after,
.career-opportunities
    .career-opportunities-list
    #BambooHR
    .BambooHR-ATS-board
    .BambooHR-ATS-Department-List
    .BambooHR-ATS-Department-Item
    .BambooHR-ATS-Jobs-List
    .BambooHR-ATS-Jobs-Item:focus
    .BambooHR-ATS-Location:after {
    opacity: 1 !important;
}
#BambooHR-Footer {
    display: none;
}

.career-opportunities
    .career-opportunities-list
    #BambooHR
    .BambooHR-ATS-board
    .BambooHR-ATS-Department-List
    .BambooHR-ATS-Department-Item
    .BambooHR-ATS-Jobs-List
    .BambooHR-ATS-Jobs-Item:hover,
.career-opportunities
    .career-opportunities-list
    #BambooHR
    .BambooHR-ATS-board
    .BambooHR-ATS-Department-List
    .BambooHR-ATS-Department-Item
    .BambooHR-ATS-Jobs-List
    .BambooHR-ATS-Jobs-Item:active,
.career-opportunities
    .career-opportunities-list
    #BambooHR
    .BambooHR-ATS-board
    .BambooHR-ATS-Department-List
    .BambooHR-ATS-Department-Item
    .BambooHR-ATS-Jobs-List
    .BambooHR-ATS-Jobs-Item:focus {
    background-color: #32c5ba;
}
.career-opportunities
    .career-opportunities-list
    #BambooHR
    .BambooHR-ATS-board
    .BambooHR-ATS-Department-List
    .BambooHR-ATS-Department-Item
    .BambooHR-ATS-Jobs-List
    .BambooHR-ATS-Jobs-Item:hover
    a,
.career-opportunities
    .career-opportunities-list
    #BambooHR
    .BambooHR-ATS-board
    .BambooHR-ATS-Department-List
    .BambooHR-ATS-Department-Item
    .BambooHR-ATS-Jobs-List
    .BambooHR-ATS-Jobs-Item:hover
    .BambooHR-ATS-Location,
.career-opportunities
    .career-opportunities-list
    #BambooHR
    .BambooHR-ATS-board
    .BambooHR-ATS-Department-List
    .BambooHR-ATS-Department-Item
    .BambooHR-ATS-Jobs-List
    .BambooHR-ATS-Jobs-Item:active
    a,
.career-opportunities
    .career-opportunities-list
    #BambooHR
    .BambooHR-ATS-board
    .BambooHR-ATS-Department-List
    .BambooHR-ATS-Department-Item
    .BambooHR-ATS-Jobs-List
    .BambooHR-ATS-Jobs-Item:active
    .BambooHR-ATS-Location,
.career-opportunities
    .career-opportunities-list
    #BambooHR
    .BambooHR-ATS-board
    .BambooHR-ATS-Department-List
    .BambooHR-ATS-Department-Item
    .BambooHR-ATS-Jobs-List
    .BambooHR-ATS-Jobs-Item:focus
    a,
.career-opportunities
    .career-opportunities-list
    #BambooHR
    .BambooHR-ATS-board
    .BambooHR-ATS-Department-List
    .BambooHR-ATS-Department-Item
    .BambooHR-ATS-Jobs-List
    .BambooHR-ATS-Jobs-Item:focus
    .BambooHR-ATS-Location {
    color: white;
}

/* =========================
   3.4 - Contact
   ========================= */

/* =========================
   3.5 - Press (and blog grid)
   ========================= */

/* =========================
   3.6 - Glossary
   ========================= */

.page-glossary .hero .fl-row-content-wrap {
    padding-top: 200px;
    padding-bottom: 240px;
}

#glossary .fl-row-content-wrap {
    border-radius: var(--br);
    margin-left: 40px;
    margin-right: 40px;
    box-shadow: var(--bs);
    position: relative;
    z-index: 10 !important;
}

#glossary .wpgb-inline-list {
    justify-content: space-around;
    color: var(--clr-dark-purple);
    margin-bottom: 20px;
}

#glossary .wpgb-inline-list * {
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 16px !important;
}

#glossary .wpgb-facet [class^="wpgb"][role="button"][tabindex="-1"] {
    opacity: 1;
    /* 	color:var(--clr-gray-light) */
}

#glossary-list .fl-post-feed-post {
    padding-bottom: 0px;
}

#glossary-list h2 {
    font-size: 32px;
}

/* =========================
   3.7 - Agencies
   ========================= */

/* =========================
   3.8 - Get Started
   ========================= */

/* .page-get-started footer{
	display:none;
} */

/* =========================
   3.9 - Plans
   ========================= */

.tooltipicon {
    position: relative;
    display: inline-block;
    opacity: 1;
    color: var(--clr-dark-purple);
    font-size: 14px;
    margin-left: 5px;
}
.tooltipicon:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.tooltipicon .tooltiptext {
    visibility: hidden;
    background-color: #555;
    color: #ffffff !important;
    text-align: left;
    border-radius: 6px;
    padding: 10px 15px;
    position: absolute;
    z-index: 999;
    left: 85px;
    top: -20px;
    margin-left: -60px;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    width: 250px;
    font-weight: 400;
    font-size: 14px;
    font-family: var(--ff);
    line-height: 1.3;
}
.tooltipicon .tooltiptext::after {
    content: '';
    position: absolute;
    top: 10px;
    left: -10px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #555 transparent transparent;
    display: block;
}
@media (min-width: 992px) {
    #footable_parent_51807 {
        overflow: visible !important;
    }
}
#footable_parent_51807 table {
    border: none;
}

#footable_parent_51807 tr td:not(:first-of-type),
#footable_parent_51807 th {
    text-align: center;
}
#footable_parent_51807.footable_parent table.foo-table.vertical_centered thead > tr > th {
    vertical-align: bottom;
    color: white;
    padding: 0;
    background: transparent;
    border: none;
}
#footable_parent_51807 .plan {
    background: var(--clr-dark-purple);
    padding: 20px 10px;
    font-size: 20px;
    margin-inline: 1px;
    color: white;
}
#footable_parent_51807 .th-w-callout {
    display: flex;
    flex-direction: column-reverse;
}

#footable_parent_51807 .plan-callout {
    background: var(--clr-purple);
    display: block;
    font-size: 16px;
    line-height: 1.1;
    padding: 10px 5px;
    margin-inline: 1px;
}
#footable_parent_51807 th {
    width: 20%;
}
#footable_parent_51807 tr td:first-of-type {
    background: rgb(248 244 252);
    font-weight: bold;
    z-index: 999;
}

#footable_parent_51807 .fa-check {
    color: var(--clr-dark-purple);
    font-size: 16px;
}

@media (max-width: 992px) {
    #footable_parent_51807 tbody tr td:nth-child(1),
    #footable_parent_51807 thead tr th:nth-child(1) {
        position: sticky;
        position: -webkit-sticky;
        left: 0;
        z-index: 1;
        min-width: 220px;
    }
    #footable_parent_NT_ID .foo-table {
        max-width: -webkit-fit-content !important;
    }
    #footable_parent_51807 .plan {
        font-size: 18px;
    }
    #footable_parent_51807 th {
        width: 20%;
        min-width: 190px;
        background: white !important;
    }
    #footable_parent_51807 .plan-callout {
        font-size: 13px;
    }
}

/* V2 Pricing Table */

.semantic_ui .ui.table {
    background-color: transparent !important;
}

#footable_51908 th,
#footable_55998 th,
#footable_55999 th{
    background: none;
}
#footable_51908 .ninja_column_1{
    --_plan-color: var(--clr-dark-purple);
}
#footable_51908 .ninja_column_2 {
    --_plan-color: var(--clr-pink);
}
#footable_51908 .ninja_column_3 {
    --_plan-color: var(--clr-dark-purple);
}
#footable_51908 .ninja_column_4 {
    --_plan-color: var(--clr-purple);
}

/* For Brands */
#footable_55998 .ninja_column_1{
    --_plan-color: var(--clr-purple-tint-2);
}
#footable_55998 .ninja_column_2{
    --_plan-color: var(--clr-purple);
}

/* For Agencies */
#footable_55999 .ninja_column_1{
    --_plan-color: var(--clr-purple-tint-3);
}
#footable_55999 .ninja_column_2{
    --_plan-color: var(--clr-purple-tint-2);
}
#footable_55999 .ninja_column_3{
    --_plan-color: var(--clr-purple);
}


#footable_51908 .ninja_column_0,
#footable_55998 .ninja_column_0,
#footable_55999 .ninja_column_0 {
    font-weight: bold;
}
#footable_51908 th,
#footable_55998 th,
#footable_55999 th {
    vertical-align: bottom;
    padding: 0;
    overflow: clip;
}
#footable_51908 .plan,
#footable_55998 .plan,
#footable_55999 .plan {
    padding: 10px;
}
#footable_51908 .plan-title,
#footable_55998 .plan-title,
#footable_55999 .plan-title {
    color: var(--_plan-color);
    font-size: 20px;
}
#footable_51908 a.request-pricing,
#footable_55998 a.request-pricing,
#footable_55999 a.request-pricing {
    color: white;
    background-color: var(--_plan-color);
    padding: 0.35em 1em;
    border-radius: 100vw;
    display: inline-block;
    margin-top: 0.5em;
    text-decoration: none;
    transition: var(--tr);
}
#footable_51908 a.request-pricing:is(:hover,:focus-visible),
#footable_55998 a.request-pricing:is(:hover,:focus-visible),
#footable_55999 a.request-pricing:is(:hover,:focus-visible){
    background-color: var(--clr-pink);
}
#footable_51908 .fa-check,
#footable_55998 .fa-check,
#footable_55999 .fa-check {
    color: var(--_plan-color);
    font-size: 16px;
}
#footable_51908 tr td:not(:first-of-type),
#footable_51908 th,
#footable_55998 tr td:not(:first-of-type),
#footable_55998 th,
#footable_55999 tr td:not(:first-of-type),
#footable_55999 th {
    text-align: center;
}
#footable_51908 .th-w-callout {
    display: flex;
    flex-direction: column-reverse;
    border-radius: 15px 15px 0 0;
    overflow: clip;
}
#footable_51908 .plan-callout {
    color: white;
    background-color: var(--_plan-color);
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    padding: 0.5em;
}
#footable_51908 .tooltipicon {
    color: var(--clr-dark-purple);
}
#footable_51908 .pricing-desc,
#footable_55998 .pricing-desc,
#footable_55999 .pricing-desc {
    font-weight: 400;
    margin-block: 10px;
    font-size: 14px;
    line-height: 1.2;
}
#footable_51908 .ninja_column_2:not(th),
#footable_51908 .ninja_column_4:not(th),
#footable_51908 .ninja_column_2 .plan,
#footable_51908 .ninja_column_4 .plan {
    border-color: darkgray !important;
    border-style: solid !important;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    border-top: 0;
    border-bottom: 0;
}
#footable_51908 tr:last-child td.ninja_column_2,
#footable_51908 tr:last-child td.ninja_column_4 {
    border: 1px solid darkgray !important;
    border-top: none !important;
    border-radius: 0 0 15px 15px;
}
.footable_parent i{
    position: relative;
}
.footable_parent i::before{
    content:'';
    position: absolute;
    top:0;
    left:0;
    -webkit-mask-size: contain;
    mask-size: contain;
    transform: translate(-50%, -50%);
}
.footable_parent .fa-check::before{
    content:'';
    width: 16px;
    height: 16px;
    -webkit-mask: url(/wp-content/uploads/2024/11/icon-check.svg) no-repeat 50% 50%;
    mask: url(/wp-content/uploads/2024/11/icon-check.svg) no-repeat 50% 50%;
    background-color: currentColor;
    display: block;
    position: relative;
    left: 50%;
}

.footable_parent .fa-info-circle::before{
    content:'';
    width: 14px;
    height: 14px;
    -webkit-mask: url(/wp-content/uploads/2024/11/icon-info.svg) no-repeat 50% 50%;
    mask: url(/wp-content/uploads/2024/11/icon-info.svg) no-repeat 50% 50%;
    background-color: var(--clr-purple);
    transform: translate(0, -80%);
    display: block;
}

.pricing-tabs #pricing-1,
.pricing-tabs #pricing-2{
    width: 50%;
    text-align: center;;
}
.pricing-tabs .pp-tabs-label .pp-tab-label-flex{
    justify-content: center;
}

/* =========================
   3.10 - Blog
   ========================= */

[class*="card"] .excerpt {
    margin-top: 10px;
    font-size: 15px;
}
[class*="card"] .excerpt p:last-child{
    margin-bottom: 0;
}


/* =========================
   3.11 - Resources
   ========================= */

/* Featured resources  */

#featured-resources .fl-post-feed{
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: repeat(3, 1fr);
	gap: 50px;
}
.featured-resource-list .featured-resource-card{
    margin-bottom: 20px !important;
}
#featured-resources .fl-post-feed-post {
	border:none;
	position:relative;
	overflow: visible;
}

#featured-resources .fl-post-feed-post:nth-child(1){
	grid-column: 1 / span 1;
	grid-row: 1 / -1;
}
#featured-resources .fl-post-feed-post:nth-child(2){
	grid-column: 2;
	grid-row: 1 / span 1;
}
#featured-resources .fl-post-feed-post:nth-child(3){
	grid-column: 2;
	grid-row: 2 / span 1;
}
#featured-resources .fl-post-feed-post:nth-child(4){
	grid-column: 2;
	grid-row: 3 / span 1;
}
#featured-resources .fl-post-feed-post:nth-child(n+2) img,
.featured-resource-list .fl-post-feed-post img{
	width: 280px !important;
	aspect-ratio: 16/9;
	object-fit:cover;
}
#featured-resources .featured-resource-card {
	height:100%;
	text-decoration: none;
}

.featured-resource-card:hover {
	text-decoration: none;
}

.featured-resource-img {
	position: relative;
	isolation: isolate;
	overflow: hidden !important;
}

#featured-resources .featured-resource-img img,
.featured-resource-list .featured-resource-img img{
	z-index:-1;
	object-fit:cover;
	transition: all var(--tr-slow);
	border-radius: 5px;
}

#featured-resources .featured-resource-img .resource-type {
	position:absolute;
	top: 15px;
	left:30px;
	color:white;
	text-transform:uppercase;
	font-size:12px;
	text-shadow: 1px 1px 3px rgb(0 0 0 / .75)
}

#featured-resources .fl-post-feed-post:nth-child(n+2) .featured-resource-card,
.featured-resource-list .featured-resource-card{
	display:grid;
	grid-template-columns: 280px 1fr;
	align-items: center;
	gap: 35px;
	
}
#featured-resources .fl-post-feed-post:nth-child(n+2) .featured-resource-card h2,
.featured-resource-list .featured-resource-card h2{
	font-size: 18px;
	line-height:26px;
	align-self:center;
	margin:0;
	margin-bottom: 20px;
}

#featured-resources .resource-title {
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 20px;
}


#featured-resources .featured-resource-img:hover img,
#featured-resources .featured-resource-img:focus img,
.featured-resource-list .featured-resource-img:focus img{
	transform:scale(1.08) rotate(1deg)
}

@media (max-width: 992px) {
	#featured-resources .fl-post-feed{
		display:flex;
		flex-direction:column;
	}
}

	

@media (max-width: 767px) {
#featured-resources .fl-post-feed-post:nth-child(n+2) .featured-resource-card,
	.featured-resource-list .featured-resource-card{
		grid-template-columns: 1fr;
		gap: 10px
	}
}


/** END Page Specific CSS
--------------------------------------------------------------------------*/

/** 4.0 - Admin Branding
--------------------------------------------------------------------------*/

/* =========================
   4.1 - Admin Bar
   ========================= */

#wpadminbar {
    background-color: var(--clr-dark-purple);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}

#wpadminbar .menupop .ab-sub-wrapper,
#wpadminbar .shortlink-input {
    background-color: var(--clr-dark-purple);
}

#wpadminbar .ab-top-menu > li.hover > .ab-item,
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus {
    background-color: var(--clr-dark-purple);
}

#wp-admin-bar-wp-logo,
#wp-admin-bar-rank-math,
#wpadminbar #wp-admin-bar-site-name > .ab-item:before,
#wp-admin-bar-wpengine_adminbar {
    display: none;
}

li#wp-admin-bar-wlcms-admin-logo img {
    max-width: 30px;
}

/* =========================
   4.2 - Builder Styles
   ========================= */

.fl-builder-bar-title-icon,
#fl-builder-toggle-notifications {
    display: none;
}

.fl-builder-bar-title-area {
    padding: 4px 4px 4px 15px;
}

.fl-block-overlay {
    -webkit-backdrop-filter: unset;
    backdrop-filter: unset;
}
.fl-builder-edit
    body:not(.single-fl-theme-layout)
    .fl-builder-content[data-overlay="1"] {
    display: block;
}

#fl-builder-blocks-saved-columns:has(.fl-builder-block-no-node-templates) {
    display: none;
}

.fl-builder--content-library-panel .fl-builder-template-category-2023 {
    display: none !important;
}
.fl-builder-block-thumbnail {
    background-position: left;
    border-radius: 0;
}

/** END Admin Branding
--------------------------------------------------------------------------*/

/** 5.0 - Tablet Only Styles
--------------------------------------------------------------------------*/

@media (min-width: 768px) and (max-width: 992px) {
    .tabletcenter {
        text-align: center !important;
        float: none !important;
    }
}

/** 6.0 - Tablet + Mobile Styles
--------------------------------------------------------------------------*/

@media (max-width: 992px) {
    /* Typography */
    .two-col .fl-rich-text {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    /* Mobile Menu */
    .pp-offcanvas-content-gsexfdu867qt{
        display: block;
    }
}

/** 7.0 - Mobile Only Styles
--------------------------------------------------------------------------*/

@media (max-width: 767px) {
    .mobilecenter {
        text-align: center !important;
        float: none !important;
    }

    header {
        top: 0px;
    }

    #top-bar .menu-item{
        margin-left: 10px;
    }

    .hero:not(.home-hero):not(.blog-hero) .fl-row-content-wrap {
        padding-block: 100px;
    }

    .newsletter-signup{
        flex-wrap: wrap;
    }

    /* Testimonial Slider */
    .testimonial-card {
        gap: 20px;
        padding: 30px;
    }

	.featured-testimonial {
		display: flex;
        flex-direction: column-reverse;
        gap: 40px;
        align-items: flex-start;
		margin-inline: 20px;
	}
	.featured-testimonial-headshot{
		max-width: 250px;
	}
	.featured-testimonial-logo img{
		max-width: 150px;
	}
	

	.featured-customer-story{
		grid-template-columns: 1fr;
		gap: 40px;
	}
}

@media (max-width: 475px) {
	.featured-testimonial-info{
		gap: 30px;
	}
	.featured-testimonial-logo::after{
		left: -20px;
	}
}

/** 8.0 - Accessibility Styles
--------------------------------------------------------------------------*/

/* Reduce Motion */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        -webkit-animation-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        -webkit-animation-delay: 0.01ms !important;
        animation-delay: 0.01ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        -webkit-transition-delay: 0.01ms !important;
        transition-delay: 0.01ms !important;
        -webkit-transition-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* Glossary Page Styling */
.glossary {
    margin-top: 60px;
}

/* Table for blog post */
#pre-session-table table,
tbody,
td,
tr {
    border: 1px solid lightgrey;
    padding: 10px;
}
#pre-session-table {
    margin-top: 20px;
}

/* Voxpopme page logo fix */
.voxpopme-logos img {
    max-height: 60px;
}

/* Bullet fix for blog post */
.postid-48802 .fl-module-fl-post-content ul li {
    margin-top: 6px;
    margin-bottom: 0px;
    padding-left: 20px;
}

/* Plans table */
.pp-pricing-table .pp-pricing-table-column .pp-pricing-table-price {
    font-size: 0px !important;
}

@media (max-width: 767px) {
    .fl-node-lbde3an245wq
        .pp-pricing-table
        .pp-pricing-table-column
        .pp-pricing-table-features
        li {
        justify-content: left;
    }
}