@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("/assets/fonts/homepage-v8/poppins-400.woff2") format("woff2");
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("/assets/fonts/homepage-v8/poppins-600.woff2") format("woff2");
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("/assets/fonts/homepage-v8/poppins-700.woff2") format("woff2");
}
@font-face {
font-family: "Hanken Grotesk";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("/assets/fonts/homepage-v8/hanken-400.woff2") format("woff2");
}
@font-face {
font-family: "Hanken Grotesk";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("/assets/fonts/homepage-v8/hanken-600.woff2") format("woff2");
}
@font-face {
font-family: "Hanken Grotesk";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("/assets/fonts/homepage-v8/hanken-700.woff2") format("woff2");
}
:root {
--color-link: #8fa6d0;
--color-link-grey: #a7a9b8;
--color-link-hover: #6da1ff;
--blue: #377dff;
--indigo: #2d1582;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #ed4c78;
--orange: #fd7e14;
--yellow: #f5ca99;
--green: #28a745;
--teal: #00c9a7;
--cyan: #09a5be;
--white: #fff;
--gray: #8F95A0;
--gray-dark: #737373;
--primary: #84B761;
--secondary: #577CC0;
--success: #28a745;
--info: #007bff;
--warning: #ffc107;
--danger: #dc3545;
--light: #F5F7FA;
--dark: #1D1D1D;
--light-2: #FBFBFB;
--tertiary: #3E7FEA;
--primary-master: #D0021B;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--breakpoint-xxl: 1600px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--radius-sm: 0.25rem;
--radius-md: 0.375rem;
--radius-lg: 0.5rem;
--radius-xl: 0.75rem;
--radius-2xl: 1rem;
--radius-3xl: 1.5rem;
--radius-full: 9999px;
--radius-surface: var(--radius-2xl);
--radius-control: var(--radius-lg);
--radius-pill: var(--radius-full);
--space-1: 0.25rem;
--space-2: 0.5rem;
--space-3: 0.75rem;
--space-4: 1rem;
--space-5: 1.25rem;
--space-6: 1.5rem;
--space-8: 2rem;
--space-10: 2.5rem;
--space-12: 3rem;
--section-py: clamp(2.5rem, 6vw, 5rem);
--section-py-tight: clamp(2rem, 4vw, 3rem);
--section-divider-height: 150px;
--section-divider-crest: 8.5rem;
--section-shadow-bleed: 2.5rem;
--section-divider-inset: calc(var(--section-divider-crest) + var(--section-shadow-bleed));
--block-gap: clamp(1.5rem, 3vw, 2rem);
--stack-gap: var(--space-4);
--header-gap: var(--space-6);
--card-gap: var(--space-6);
--ease-out: cubic-bezier(0.23, 1, 0.32, 1);
--dur-press: 140ms;
--dur-fast: 160ms;
--dur-base: 200ms;
--font-sans: poppins, var(--font-family-sans-serif);
--text-xs: 0.75rem;
--text-sm: 0.875rem;
--text-base: 1rem;
--text-md: 1.0625rem;
--text-lg: 1.125rem;
--text-xl: 1.25rem;
--text-2xl: 1.5rem;
--text-3xl: 1.875rem;
--text-display: clamp(1.875rem, 3.5vw, 2.8125rem);
--text-section: clamp(1.875rem, 2.8vw, 3.125rem);
--leading-tight: 1.15;
--leading-snug: 1.35;
--leading-normal: 1.5;
--leading-relaxed: 1.65;
--weight-regular: 400;
--weight-medium: 500;
--weight-semibold: 600;
--weight-bold: 700;
--tracking-tight: -0.02em;
--tracking-caps: 0.06em;
--color-text: #1d1d1d;
--color-text-body: #737373;
--color-text-muted: #9ca3af;
--color-text-secondary: #6b7280;
}
::selection {
color: #fff;
background-color: #fc692d;
}
*.unselectable {
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
#hero-section a:not(.btn) {
color: var(--color-link-grey);
}
#hero-section a:not(.btn):hover {
color: var(--color-link-hover);
}
#hero-section .hero-cta-subtext {
margin-top: 0.25rem;
margin-bottom: 1rem;
padding-bottom: 0;
line-height: 1.35;
}
#hero-section .hero-cta-group .btn,
#hero-section .lqd-column.col-lg-7 > a.btn.btn-solid {
min-height: 3rem;
height: 3rem;
max-height: 3.125rem;
padding-top: 0 !important;
padding-bottom: 0 !important;
font-family: var(--font-sans);
font-size: var(--text-sm);
font-weight: var(--weight-bold);
letter-spacing: var(--tracking-caps);
line-height: 1.2;
text-transform: uppercase;
}
#hero-section .hero-cta-group .btn > span {
display: inline-flex;
align-items: center;
align-content: center;
justify-content: center;
gap: var(--space-2);
min-height: 100%;
height: 100%;
padding: 2rem;
}
#hero-section .lqd-column.col-lg-7 > a.btn.btn-solid > span {
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--space-2);
min-height: 100%;
height: 100%;
padding-top: 0 !important;
padding-bottom: 0 !important;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
#hero-section .hero-cta-group .btn .btn-txt,
#hero-section .lqd-column.col-lg-7 > a.btn.btn-solid .btn-txt {
font-size: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
}
#hero-section .hero-cta-group .btn-video-explainer .fa-play {
font-size: 0.625rem;
margin-right: 0 !important;
}
#hero-section .hero-cta-group .btn.bg-white .btn-txt,
#hero-section .hero-cta-group .btn.btn-white .btn-txt {
color: var(--color-text);
}
@media (min-width: 768px) {
#hero-section .hero-cta-group .btn.btn-white,
#hero-section .hero-cta-group .btn.bg-white:not(.btn-gradient) {
display: inline-flex !important;
align-items: center;
justify-content: center;
}
#hero-section .hero-cta-group .btn.btn-white > span,
#hero-section .hero-cta-group .btn.bg-white:not(.btn-gradient) > span {
display: inline-flex !important;
align-items: center !important;
align-content: center !important;
justify-content: center !important;
width: 100%;
height: 100%;
min-height: 100%;
padding: 0 2rem !important;
box-sizing: border-box;
}
}
#hero-section .hero-cta-group .btn.btn-white .btn-txt {
display: block;
width: 100%;
text-align: center;
line-height: 1.2;
margin: 0;
}
#hero-section .hero-cta-group .btn-solid.btn-gradient > span {
width: 100%;
}
#hero-section .hero-cta-group {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
gap: 0.75rem;
}
#hero-section .hero-cta-group .btn {
margin: 0 !important;
}
@media (min-width: 768px) {
#hero-section .hero-cta-subtext {
margin-top: 0.375rem;
}
}
#hero-section .hero-trust-block {
margin-top: 1.5rem;
display: flex;
flex-direction: column;
align-items: flex-start;
}
#hero-section .hero-review-row {
display: flex;
align-items: flex-start;
gap: 0.85rem;
}
#hero-section .hero-review-avatar {
display: block;
flex: 0 0 auto;
width: calc(3 * 1.45em);
height: calc(3 * 1.45em);
font-size: var(--text-sm);
border-radius: 50%;
object-fit: cover;
}
#hero-section .hero-review-copy {
flex: 1;
min-width: 0;
margin-bottom: 0;
font-size: var(--text-sm);
line-height: var(--leading-snug);
}
#hero-section .hero-review-attribution {
margin-top: 0.15rem;
white-space: nowrap;
}
#hero-section .hero-review-attribution-inner {
display: inline-flex;
align-items: center;
gap: 0.45rem;
flex-wrap: wrap;
}
#hero-section .hero-review-company-logo {
display: block;
height: 1.2em;
width: auto;
flex: 0 0 auto;
margin-right: -2px;
}
#hero-section .hero-eyebrow-wrap {
margin-bottom: calc(var(--space-6) + 0.125rem);
}
#hero-section .hero-eyebrow-trustpilot {
display: inline-flex;
align-items: center;
line-height: 1;
margin-bottom: 0;
padding: 0.65rem;
max-width: 100%;
}
#hero-section .hero-eyebrow-trustpilot-clip {
display: block;
position: relative;
width: 378px;
max-width: calc(100vw - 3rem);
height: 20px;
min-height: 20px;
overflow: hidden;
line-height: 0;
}
#hero-section .hero-eyebrow-trustpilot-skeleton {
position: absolute;
inset: 0;
z-index: 1;
display: flex;
align-items: center;
gap: 0.45rem;
padding: 0 0.15rem;
pointer-events: none;
transition: opacity 0.2s ease;
}
#hero-section .hero-eyebrow-trustpilot-skeleton-stars {
display: inline-flex;
align-items: center;
gap: 0.15rem;
flex: 0 0 auto;
}
#hero-section .hero-eyebrow-trustpilot-skeleton-bar {
position: relative;
overflow: hidden;
flex: 0 0 auto;
background: #eceff3;
border-radius: 3px;
}
#hero-section .hero-eyebrow-trustpilot-skeleton-bar::after {
content: "";
position: absolute;
inset: 0;
transform: translateX(-100%);
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.72), transparent);
animation: hero-trustpilot-skel-shimmer 1.3s ease-in-out infinite;
}
#hero-section .hero-eyebrow-trustpilot-skeleton-star {
width: 14px;
height: 14px;
border-radius: 2px;
}
#hero-section .hero-eyebrow-trustpilot-skeleton-text {
width: 72px;
height: 12px;
}
#hero-section .hero-eyebrow-trustpilot-skeleton-meta {
width: 118px;
height: 12px;
margin-left: auto;
}
@keyframes hero-trustpilot-skel-shimmer {
100% {
transform: translateX(100%);
}
}
@media (prefers-reduced-motion: reduce) {
#hero-section .hero-eyebrow-trustpilot-skeleton-bar::after {
animation: none;
}
}
#hero-section .hero-eyebrow-trustpilot-clip.is-loaded .hero-eyebrow-trustpilot-skeleton {
opacity: 0;
}
#hero-section .hero-eyebrow-trustpilot-widget {
width: 420px !important;
max-width: none !important;
line-height: 1;
margin-left: -20px;
opacity: 0;
transition: opacity 0.2s ease;
}
#hero-section .hero-eyebrow-trustpilot-clip.is-loaded .hero-eyebrow-trustpilot-widget {
opacity: 1;
}
#hero-section .hero-eyebrow-trustpilot-widget iframe {
display: block !important;
width: 420px !important;
max-width: none !important;
}
#hero-section .hero-trustpilot-widget {
display: block;
position: relative;
left: -23px;
width: 420px !important;
max-width: 100%;
margin-top: var(--space-4);
margin-left: 0 !important;
margin-right: auto;
padding-top: 0;
text-align: left !important;
align-self: flex-start;
}
#hero-section .hero-trustpilot-widget iframe {
display: block !important;
margin: 0 !important;
}
@media (max-width: 767px) {
#hero-section .hero-review-attribution {
white-space: normal;
}
#hero-section .hero-cta-group .hidden-xs,
#hero-section .hero-cta-group .btn.btn-white.hidden-xs,
#hero-section .hero-cta-group .btn.bg-white.hidden-xs {
display: none !important;
}
#hero-section .hero-cta-group {
display: none !important;
}
#hero-section .hero-fast-delivery-label {
display: none;
}
#hero-section .hero-trust-block {
width: 100%;
align-items: stretch;
margin-top: var(--space-8);
box-sizing: border-box;
}
#hero-section .hero-review-row {
width: 100%;
}
#hero-section .hero-review-copy {
margin-right: 0 !important;
}
#hero-section .hero-cta-subtext {
margin-top: 0 !important;
margin-left: 0;
padding-left: var(--space-4);
padding-right: var(--space-4);
text-align: center;
}
#hero-section .hero-trustpilot-widget.visible-xs {
margin-top: var(--space-5);
margin-left: 0;
left: 0;
}
}
@media (min-width: 992px) {
#hero-section .hero-trust-block {
margin-top: 1.75rem;
}
}
h2,
.h2 {
font-size: var(--text-section) !important;
line-height: var(--leading-tight);
letter-spacing: var(--tracking-tight, -0.02em);
}
h1,
.h1 {
font-size: var(--text-display) !important;
line-height: var(--leading-tight);
letter-spacing: var(--tracking-tight, -0.02em);
}
.icon-circle {
background: #c0daf7;
color: #87aed3;
width: 100px;
height: 100px;
border-radius: 50%;
text-align: center;
line-height: 100px;
vertical-align: middle;
padding: 30px;
position: absolute;
left: -20px;
top: -20px;
font-size: 40px;
padding: 2px 0 0 2px;
}
.icon-circle i {
padding: 0;
margin: 0;
}
.how-it-works-heading-num {
display: -ms-flexbox;
display: flex;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #87a2db;
color: #fff;
font-size: 18px;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.how-it-works-heading-dots {
font-size: 38px;
color: #c4d1ed;
letter-spacing: -2.69px;
line-height: .5;
white-space: nowrap;
}
.how-it-works-heading strong {
font-size: 24px;
}
.how-it-works-heading {
position: relative;
margin-bottom: 39px;
display: flex;
overflow: hidden;
}
.text-lh-xxs {
line-height: 1.;
}
.text-lh-xs {
line-height: 1.1;
}
.text-lh-xs2 {
line-height: 1.2;
}
.text-lh-xxs:not(.heading-with-icon),
.text-lh-xs,
.text-lh-xs2 {
text-wrap: balance !important;
}
.lead {
font-size: var(--text-xl);
font-weight: var(--weight-regular);
line-height: var(--leading-relaxed);
color: var(--color-text-body);
}
.fw-700 {
font-weight: var(--weight-bold);
}
.fw-600 {
font-weight: var(--weight-semibold);
}
.fw-500 {
font-weight: var(--weight-medium);
}
.fw-400 {
font-weight: var(--weight-regular);
}
.font-size-1-15 {
font-size: 1.15rem;
}
#hero-section {
position: relative;
width: 100%;
max-width: 100%;
background-color: #f5f7fa;
background-image: url(/assets/img/theme/bg-1.svg?v=3);
background-size: cover;
background-repeat: no-repeat;
background-position: top left;
padding-top: 130px;
padding-bottom: clamp(2rem, 4vw, 2.5rem) !important;
margin-bottom: 0;
overflow: visible;
}
@media (min-width: 768px) {
#wrap #hero-section,
#content #hero-section,
#hero-section {
width: 100%;
max-width: none;
background-position: top left;
background-size: cover;
}
}
#hero-section .container {
position: relative;
z-index: 2;
}
#hero-section .custom-shape-divider-bottom-1621016099 {
z-index: 1;
bottom: -1.25rem;
pointer-events: none;
}
#how-it-works,
#news_sites,
#packages,
#money-back-guarantee,
#benefits,
#case-studies,
#reviews,
#why-brand-push,
#results {
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(245, 247, 250, 1) 80%, rgba(245, 247, 250, 1) 100%);
position: relative;
}
.main-footer {
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgba(245, 247, 250, 1) 0%, rgba(245, 247, 250, 1) 20%, rgba(255, 255, 255, 1) 100%);
position: relative;
}
.main-nav .link-txt .txt {
color: #737373;
}
body,
.lqd-column {
z-index: 0;
font-family: poppins, sans-serif;
font-size: 1.0625rem;
font-weight: 500;
line-height: 1.6;
color: #737373;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
margin-bottom: .5rem;
font-weight: var(--weight-bold);
line-height: var(--leading-snug);
color: var(--color-text);
}
h2 {
font-weight: var(--weight-bold);
}
.prepend {
font-size: 30px;
font-variant: small-caps;
line-height: 1.5em !important;
font-weight: 800;
color: #a5a5a5;
margin-top: 0;
margin-bottom: -8px;
}
.main {
line-height: 0.8em !important;
font-size: 55px;
font-weight: 800;
}
.append {
font-size: 42px !important;
position: relative;
top: -10px;
font-weight: 800;
}
.font-size-25 {
font-size: 25px !important;
}
.main-nav>li>a {
color: #a7a9b8;
}
.main-nav>li>a .link-ext {
background: #ff798e !important;
}
.main-nav>li>a:hover {
color: #ff798e;
}
.main-nav li a .link-txt .txt {
font-size: var(--text-base);
color: var(--color-text-body);
}
.mega-menu-sub-link {
font-size: var(--text-base);
padding: 4px 0px;
border-radius: var(--radius-md);
margin-bottom: 0px !important;
}
.mega-menu-sub-link::before {
content: "\f054";
font-family: "Font Awesome 5 Free";
margin-right: 8px;
float: left;
color: var(--color-link);
font-weight: var(--weight-bold);
font-size: var(--text-xs);
position: relative;
top: 6px;
}
.lqd-custom-menu li.mega-menu-sub-link.is-active a {
color: var(--color-link);
}
.navbar-network-icon {
max-height: 34px;
}
.nowrap {
white-space: nowrap;
}
.light-grey-border {
border: 1px solid #ededed !important;
}
ul.main-nav li:hover .txt {
color: #1d1d1d;
}
#hero-blob {
position: absolute;
width: 750px;
left: -145px;
top: -50px;
}
#hero-blob2 {
position: absolute;
left: -143px;
top: -93px;
width: 600px;
}
.news-list {
list-style: none;
margin: 0;
padding: 0;
}
.news-grid .contents {
width: 100%;
}
.news-grid .contents a {
text-align: center;
}
.news-grid .contents a img {
height: 35px;
max-width: 150px;
}
.bg-yellow-light {
background: #f9fdf9;
}
.star-rating {
color: #e2e242;
}
.blob3 {
position: absolute;
width: 500px;
height: 500px;
left: -50px;
top: -37px;
z-index: -1;
}
.underline-highlight {
display: inline-block;
line-height: 0em;
padding-bottom: .8em;
padding-top: 0em;
color: inherit;
}
.bg-zircon-light {
background: #fafbff;
}
.bg-header-blue {
background-color: #231b66;
background-image: url(/theme/ave/assets/demo/bg/bg-14.jpg);
}
.bg-gradient-dark-br {
background: -webkit-gradient(linear, left top, right bottom, from(#000000), to(#00c6ff)) !important;
background: linear-gradient(to bottom right, #000000 0, #00c6ff 100%) !important;
}
.inline-review-top-center {
margin-top: -14px;
width: 100%;
max-width: 778px;
text-align: center;
}
.inline-reviews a:last-child {
margin-right: 15px;
}
.cta-buttons {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.custom-shape-divider-bottom-1621016099 {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
overflow: hidden;
line-height: 0;
}
.custom-shape-divider-bottom-1621016099 svg {
position: relative;
display: block;
width: calc(150% + 1.3px);
height: 150px;
}
.custom-shape-divider-bottom-1621016099 .shape-fill {
fill: #FFFFFF;
}
.custom-shape-divider-top-1621081063 {
position: absolute;
top: 0;
left: 0;
width: 100%;
overflow: hidden;
line-height: 0;
transform: rotate(180deg);
}
.custom-shape-divider-top-1621081063 svg {
position: relative;
display: block;
width: calc(150% + 1.3px);
height: 65px;
}
.custom-shape-divider-top-1621081063 .shape-fill {
fill: #FFFFFF;
}
.pricing-table-colorful .pricing-table-header,
.bg-red {
background-color: #fae2cc;
opacity: 1;
}
.pricing-table-colorful.color-blue .pricing-table-header,
.bg-blue {
background-color: #c0daf7;
}
.pricing-table-colorful.color-green .pricing-table-header,
.bg-green {
background-color: #b3e2c5;
}
.pro-pricing-option::before {
content: "";
position: absolute;
top: -49px;
right: 7rem;
width: 94px;
height: 71px;
background-image: url(/assets/img/most-popular-brandpush-press-release.png);
z-index: 10;
}
.bg-pink {
background-color: #f6ccdf;
}
.pricing-table-header small {
font-weight: 600;
}
.pricing-table-colorful h5 small {
font-size: 1.1em;
}
.pricing-table {
border-radius: var(--radius-surface);
overflow: hidden;
}
.pricing-emoji {
width: 42px;
margin-right: 8px;
margin-top: -6px;
}
.pricing-table-colorful.color-blue .featured-tag,
.pricing-table-colorful.color-green h5 small {
color: #194929;
}
.pricing-table-colorful.color-blue .featured-tag,
.pricing-table-colorful.color-blue h5 small {
color: #1B4367;
}
.pricing-table-colorful h5 small {
color: #6F3C22;
}
.append2 {
margin-top: 0;
margin-bottom: var(--stack-gap);
color: var(--color-text-body);
}
.icon-blue {
background-color: #c0daf7;
color: #87aed3;
}
.icon-red {
background-color: #fae2cc;
color: #d29b6e;
}
.icon-green {
background-color: #b3e2c5;
color: #70a986;
}
.icon-pink {
background-color: #f6ccdf;
color: #d482a7;
}
.mobile-news-logo {
border: 1px solid #ededed;
background: #fff;
box-shadow: 0 25px 30px rgba(0, 0, 0, .04);
border-radius: var(--radius-xl);
height: 60px;
display: flex;
justify-content: center;
align-items: center;
padding: 1em;
}
.mobile-news-logo img {
padding: 5px 0;
max-height: 50px;
}
.mobile-news-logo-link {
display: block;
text-decoration: none;
color: inherit;
}
@keyframes mobileNewsCardReveal {
from { opacity: 0; transform: translateY(12px); }
to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 767px) {
#how-it-works .mobile-news-grid.mobile-news-grid-anim .col-xs-4 {
opacity: 0;
transform: translateY(12px);
}
#how-it-works .mobile-news-grid.mobile-news-grid-anim.is-revealed .col-xs-4 {
opacity: 1;
transform: translateY(0);
animation: mobileNewsCardReveal 0.32s cubic-bezier(0.23, 1, 0.32, 1) backwards;
}
#how-it-works .how-it-works-layout > .how-it-works-content-col,
#how-it-works .how-it-works-layout > .how-it-works-content-col > .mobile-news-grid {
opacity: 1 !important;
transform: none !important;
}
}
@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
#how-it-works .mobile-news-grid.mobile-news-grid-anim .col-xs-4,
#how-it-works .mobile-news-grid.mobile-news-grid-anim.is-revealed .col-xs-4 {
opacity: 1;
animation: none;
}
}
.mobile-news-logo-link .mobile-news-logo {
transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.mobile-news-logo-link:active .mobile-news-logo {
box-shadow: 0 12px 20px rgba(0, 0, 0, 0.08);
transform: translateY(1px);
}
.review-box {
border-radius: var(--radius-surface);
box-shadow: 0 25px 70px rgba(0, 0, 0, .07);
font-size: var(--text-base);
padding: 2.5rem 1.5rem 1.5rem 1.5rem;
color: var(--color-text-body) !important;
text-decoration: none;
position: relative;
border: 1px solid #ededed;
margin-bottom: var(--card-gap);
background-color: #fff;
}
.review-box img {
width: 50px;
height: 50px;
border-radius: 50%;
position: absolute;
left: 24px;
bottom: 27px;
}
.review-footer {
display: flex;
align-items: center;
gap: 10px;
}
.review-footer-meta {
display: flex;
flex-direction: column;
justify-content: center;
gap: 2px;
min-width: 0;
flex: 1;
}
.review-footer-name {
line-height: 1.35;
}
.review-footer-rating {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 2px;
line-height: 1.2;
}
.review-box img.review-favicon {
width: 40px;
height: 40px;
border-radius: var(--radius-control);
object-fit: contain;
flex-shrink: 0;
position: static;
left: auto;
bottom: auto !important;
float: none;
margin: 0;
padding: 4px;
box-sizing: border-box;
background: #f5f7fa;
}
.review-box img.review-favicon.review-favicon--default {
padding: 7px;
object-fit: contain;
}
.review-box img.star-rating {
width: 97px;
top: 31px;
right: 25px !important;
position: absolute;
border-radius: 0;
left: auto;
}
.review-box span span {
margin: 25px 0 15px 65px;
display: block;
}
.review-box:before {
display: block;
width: 103px;
height: 40px;
content: "";
background: url(/assets/img/TrustPilot-Logo.svg) no-repeat 0 0;
background-size: 100%;
}
#reviews .carousel-item {
margin-bottom: 45px;
}
#reviews .reviews-cards-shell {
width: 100%;
}
#wrap #reviews .reviews-verified-note {
display: flex;
align-items: flex-start;
justify-content: center;
gap: var(--space-2);
}
#wrap #reviews .reviews-verified-note-icon {
flex-shrink: 0;
margin-top: 0.125rem;
color: var(--color-text-muted);
font-size: 0.95em;
line-height: 1;
}
@media (max-width: 767px) {
#wrap #reviews .reviews-verified-note {
justify-content: flex-start;
}
}
#reviews .reviews-carousel-viewport {
width: 100%;
}
#reviews .reviews-carousel-track {
column-count: 3;
column-gap: 1.5rem;
width: 100%;
}
#reviews .reviews-carousel-track .review-box {
display: inline-block;
width: 100%;
max-width: 100%;
margin: 0 0 1.5rem !important;
break-inside: avoid;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
vertical-align: top;
height: auto !important;
min-height: 0 !important;
align-self: auto !important;
}
#reviews .reviews-carousel-track .review-box .review-text {
height: auto !important;
min-height: 0 !important;
display: block;
}
@media (max-width: 991px) {
#reviews .reviews-carousel-track {
column-count: 2;
}
}
@media (max-width: 767px) {
#reviews .reviews-carousel-track {
column-count: unset;
column-gap: unset;
display: flex;
gap: 0;
}
#reviews .reviews-carousel-track .review-box {
display: flex;
margin: 0 !important;
}
}
.bp_rating .fa-star {
font-size: 19px;
color: #fff;
}
.bp_rating .fa-square {
color: #00b67a;
}
.bp_rating.fa-stack {
width: 1.67em;
}
.bp_rating .fa-square.star5 {
color: #00b67a;
}
.bp_rating .fa-square.star4 {
color: #72cf10;
}
.bp_rating .fa-square.star3 {
color: #fece00;
}
.bp_rating .fa-square.star2 {
color: #ff8621;
}
.bp_rating .fa-square.star1 {
color: #ff3315;
}
.bp_rating .fa-square.star-null {
color: #dcdce6;
}
.accordion-expander {
right: 13px;
}
.accordion-expander .fa-caret-down {
color: #87a9c8;
}
#faq .accordion-title a {
display: flex;
align-items: flex-start;
gap: 0.65rem;
padding-right: 0;
}
#faq .accordion-expander {
position: static;
top: auto;
right: auto;
left: auto;
order: -1;
flex-shrink: 0;
margin-top: 0.1em;
font-size: 1em;
line-height: inherit;
color: inherit;
transform: none;
}
#faq .accordion-expander > i {
color: inherit;
}
.gdpr_checkbox {
width: 20px;
height: 20px;
border-radius: var(--radius-md);
overflow: hidden;
margin-right: 10px !important;
float: left;
}
#news_sites .iconbox {
min-height: 182px;
}
#money-back-guarantee img {
max-width: 450px;
}
.news-network-heading-flex {
display: flex;
justify-content: space-between;
align-content: center;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.news-network-pricing-label {
background: #70a986;
padding: 5px 12px;
border-radius: var(--radius-md);
color: #fff;
font-size: 15px;
}
.carousel-container {
overflow: hidden;
}
.carousel-items:not(.flickity-enabled) {
overflow-x: hidden !important;
}
#news-carousel .carousel-items:not(.flickity-enabled) {
overflow-x: hidden !important;
}
.logo-default,
.logo-dark,
.logo-sticky,
.mobile-logo-default {
width: 170px;
}
.heading-news-logo {
height: 30px;
margin-right: 0.90em;
opacity: 0.45;
}
.heading-news-logo:hover {
opacity: 1;
}
.screenshot-arrow {
position: absolute;
left: -48px;
bottom: -52px;
}
.shadowed {
box-shadow: 0 18px 50px rgb(0 0 0 / 7%);
-webkit-transition: box-shadow 0.3s;
}
.testimonial-footer-right {
position: absolute;
right: 35px;
}
.testimonial-footer-right img {
height: 20px;
}
.testimonial-footer-right p {
font-size: 11px;
color: #a7a9b8;
}
.flickity-slider .fancy-box-tour {
margin-bottom: 0px;
}
.browser-bar:before {
content: '';
display: inline-block;
width: 100%;
padding-top: 5.25%;
z-index: 1;
background-size: cover;
background-repeat: no-repeat;
background-image: url(/theme/ave/assets/img/misc/browser-bar.jpg);
background-position: center top;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.flickity-viewport {
top: -7px;
}
#news-carousel {
overflow: visible;
}
#news-carousel .news-carousel-heading-wrap {
overflow: visible;
padding-top: 4px;
margin-bottom: 1.25rem;
}
#news-carousel .news-carousel-heading-wrap span {
margin-bottom: 0 !important;
display: inline-block;
}
#news-carousel .news-outlet-scroller-shell {
position: relative;
}
#news-carousel .news-outlet-scroller-shell::after {
content: '';
position: absolute;
top: 8px;
right: 0;
bottom: 16px;
width: 5rem;
pointer-events: none;
z-index: 2;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.92) 62%, #fff 100%);
opacity: 0;
transition: opacity 0.2s ease;
}
#news-carousel .news-outlet-scroller-shell.is-scrollable:not(.is-at-end)::after {
opacity: 1;
}
#news-carousel .news-outlet-scroller {
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
overscroll-behavior-x: contain;
scrollbar-width: none;
-ms-overflow-style: none;
touch-action: pan-x;
cursor: grab;
padding: 8px 0 16px;
margin: 0;
}
#news-carousel .news-outlet-scroller::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
}
#news-carousel .news-outlet-scroller.is-dragging {
cursor: grabbing;
user-select: none;
}
#news-carousel .news-outlet-track {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 0.75rem;
width: max-content;
min-width: 100%;
padding: 2px 2rem 6px 2px;
}
#news-carousel .news-outlet-chip {
padding: 0.8rem 1.2rem;
font-size: 0.9375rem;
gap: 0.625rem;
flex-shrink: 0;
}
#news-carousel .news-outlet-favicon {
flex: 0 0 22px;
width: 22px;
height: 22px;
}
#news-carousel .flickity-viewport {
top: 0;
}
#news-carousel .carousel-container {
padding: 6px 0 14px;
}
.carousel-logos .flickity-slider {
display: flex;
align-items: center;
}
.carousel-item-outlet {
width: auto;
min-width: 0;
padding: 0.35rem 0.35rem;
}
.news-outlet-chip {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.65rem 1rem;
border: 1px solid #e5e7eb;
border-radius: var(--radius-full);
background: #fff;
color: var(--color-text);
font-family: var(--font-sans);
font-size: var(--text-sm);
font-weight: var(--weight-medium);
line-height: 1.2;
white-space: nowrap;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
box-sizing: border-box;
}
a.news-outlet-chip {
text-decoration: none;
cursor: pointer;
}
a.news-outlet-chip:hover,
a.news-outlet-chip:focus {
color: #374151;
text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
.carousel-logos a.news-outlet-chip,
#news-carousel .news-outlet-scroller a.news-outlet-chip {
transition:
transform var(--dur-base, 200ms) var(--ease-out, cubic-bezier(0.23, 1, 0.32, 1)),
box-shadow var(--dur-base, 200ms) ease,
border-color var(--dur-base, 200ms) ease,
color var(--dur-fast, 160ms) ease;
}
.carousel-logos a.news-outlet-chip:hover,
#news-carousel .news-outlet-scroller a.news-outlet-chip:hover {
transform: translateY(-1px) scale(1.02);
box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
border-color: #0587ed;
color: #0587ed;
}
}
a.news-outlet-chip:focus-visible {
outline: 2px solid rgba(5, 135, 237, 0.35);
outline-offset: 2px;
}
@keyframes gsoChipReveal {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
#news-carousel.gso-chips-anim .news-outlet-chip {
opacity: 0;
}
#news-carousel.gso-chips-anim.gso-chips-in .news-outlet-chip {
opacity: 1;
animation: gsoChipReveal 1s cubic-bezier(0.23, 1, 0.32, 1) backwards;
}
@media (prefers-reduced-motion: reduce) {
#news-carousel.gso-chips-anim .news-outlet-chip,
#news-carousel.gso-chips-anim.gso-chips-in .news-outlet-chip {
opacity: 1;
animation: none;
}
}
.news-outlet-favicon {
flex: 0 0 18px;
width: 18px;
height: 18px;
border-radius: var(--radius-sm);
object-fit: contain;
}
.news-outlet-name {
display: inline-block;
}
#news-carousel .carousel-logos .news-outlet-chip {
margin: 0;
}
#official-reviews .industry-review-logos {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 0.5rem 2.5rem;
margin: 0;
padding: 0;
overflow: visible;
}
#official-reviews .industry-review-logo {
flex: 0 0 auto;
width: auto;
max-width: 170px;
margin: 0;
padding: 0;
}
#official-reviews .industry-review-logo figure {
margin: 0;
}
#official-reviews .industry-review-logo img {
display: block;
margin-left: auto;
margin-right: auto;
max-height: 50px;
width: auto;
max-width: 100%;
}
.fancy-box-offer-header h3 {
text-transform: none !important;
}
.fancy-title h6 {
color: var(--color-font);
}
.fancy-box-compare .fancy-box-offer {
padding-bottom: 0px !important;
margin-bottom: 20px !important;
}
.fancy-box-compare .fancy-box-offer .fancy-box-cell:last-child {
align-items: flex-start !important;
}
.fancy-box-offer small.iconbox-tag {
display: inline-block;
margin-left: 5px;
}
@media screen and (min-width: 992px) {
.fancy-box-compare .fancy-box-offer .fancy-box-cell:first-child {
-webkit-box-flex: 1 !important;
flex-grow: 1 !important;
}
}
@media screen and (max-width: 991px) {
.fancy-box-compare .fancy-box-offer .fancy-box-cell {
margin-bottom: 0.5em !important;
}
.custom-shape-divider-bottom-1621016099 {
display: none;
}
}
@media only screen and (min-width: 992px) {
#fancy-box-news-networks {
background-image: url(./assets/img/Brand-Push-News-Networks.png);
}
}
@media only screen and (min-width: 992px) {
#fancy-box-sample-report-pnn {
background-image: url(./assets/img/BrandPush-Sample-Report-1-961.png);
}
}
@media only screen and (min-width: 992px) {
#fancy-box-sample-report-ann {
background-image: url(./assets/img/BrandPush-Sample-Report-2-961.png);
}
}
@media only screen and (min-width: 992px) {
#fancy-box-case-study {
background-image: url(./assets/img/BrandPush-Case-Study-Affiliate-Bay-961.png);
}
}
@media only screen and (min-width: 992px) {
#fancy-box-video-case-study {
background-image: url(./assets/img/BrandPush-Case-Study-Video-740.png);
}
}
.pricing-table-colorful {
margin-left: 0px;
margin-right: 0px;
}
.pricing-table-body img {
height: 100%;
max-height: 22px;
margin-right: 6px;
}
.pricing-table-body img.google-news {
max-height: 20px;
margin-top: -6px;
margin-left: 4px;
}
.pricing-table-colorful .pricing-table-body {
padding: 10px 0;
}
.fancy-box-offer {
border-bottom: 0px;
}
#ld-tab-pane-featured .iconbox .contents a img {
max-height: 68px;
}
.iconbox .avatar img {
max-width: 50px;
border-radius: 50%;
}
.iconbox-round {
}
.fancy-box-offer small {
text-align: left;
}
.iconbox .fancy-box-offer:not(:first-child) .text-primary a.text-primary::before {
content: "";
border-left: 1px solid #ededed;
height: 35px;
top: 5px;
position: absolute;
left: -13px;
color: #ededed;
}
.inline-circle img {
width: 40px;
border-radius: 50%;
z-index: 10;
border: 3px #fff solid;
margin-right: -15px;
margin-top: -5px;
background: #fff;
}
.inline-circle:hover img {
z-index: 15;
margin-top: -15px;
margin-bottom: -10px;
margin-left: -5px;
width: 50px;
position: relative;
}
.inline-circle,
.inline-circle-color-nohover {
padding-top: 00px;
color: #808291;
}
.inline-circle-color-nohover img {
width: 38px;
border-radius: 50%;
z-index: 10;
border: 3px #fff solid;
margin-right: 4px;
margin-top: -1px;
filter: grayscale(0%) !important;
background: #fff;
}
.inline-circle:has(.inline-circle:hover) {
top: -10px;
}
.modal-foot-nopadding {
margin-left: -34px;
margin-right: -34px;
margin-bottom: -25px;
}
.lity-opened .lity-wrap .lity-container:has(.lqd-modal-sticky-foot) {
border-radius: var(--radius-surface);
overflow: hidden;
max-height: 90vh;
}
.lity-content:has(.lqd-modal-sticky-foot) {
overflow: hidden !important;
overflow-x: hidden !important;
overflow-y: hidden !important;
max-height: 90vh;
border-radius: var(--radius-surface);
display: flex;
flex-direction: column;
}
.lity-content .lqd-modal-sticky-foot,
.lity-opened .lqd-modal-sticky-foot {
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-height: 0;
max-height: 90vh;
width: 100%;
overflow: hidden;
}
.lqd-modal-sticky-foot {
width: 100%;
}
.lqd-modal-sticky-foot .lqd-modal-inner {
display: flex !important;
flex-direction: column;
flex: 1 1 auto;
min-height: 0;
max-height: 90vh;
overflow: hidden !important;
padding: 25px 0 0;
width: 100%;
}
#modal-news-networks .lqd-modal-inner {
padding-top: 0;
}
.lqd-modal-sticky-foot .lqd-modal-content {
flex: 1 1 auto;
min-height: 0;
overflow-x: auto;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
scrollbar-gutter: stable;
padding-left: 2em;
padding-right: 2em;
}
#modal-news-networks .lqd-modal-content {
padding-top: 2rem;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.lqd-modal-sticky-foot .package-modal-body {
max-width: 100%;
overflow: visible;
text-align: left;
}
.package-modal-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 1rem;
margin-bottom: 0.75rem;
}
.package-modal-title {
margin: 0;
padding: 0;
text-align: left;
flex: 1;
min-width: 0;
}
.lqd-modal-sticky-foot .package-modal-header .package-modal-close.modal-inline-close {
position: static !important;
top: auto !important;
right: auto !important;
flex-shrink: 0;
width: 35px;
height: 35px;
min-width: 35px;
display: inline-flex !important;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
font-size: 22px;
line-height: 1;
box-shadow: none;
text-shadow: none;
-webkit-appearance: none;
cursor: pointer;
}
.lqd-modal-sticky-foot .package-modal-body > h2 {
margin-bottom: 0.75rem;
text-align: left;
}
.lqd-modal-sticky-foot .package-modal-body > p {
color: var(--color-text-secondary);
font-size: var(--text-base);
line-height: var(--leading-relaxed);
margin-bottom: 1.25rem;
text-align: left;
}
.package-modal-sample {
text-align: left;
}
.package-modal-sample .btn {
display: inline-flex;
}
.lqd-modal-sticky-foot .news-list-table-scroll {
width: 100%;
overflow: visible;
}
@media (max-width: 767px) {
.lqd-modal-sticky-foot .news-list-table-scroll {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
.lqd-modal-sticky-foot .news-list-table {
width: 100%;
min-width: 720px;
margin-bottom: 1.5rem;
border-collapse: separate;
border-spacing: 0;
border: 1px solid #e3e8ef;
border-radius: var(--radius-xl);
overflow: hidden;
font-size: var(--text-sm);
background: #fff;
}
.lqd-modal-sticky-foot .news-list-table thead th {
position: sticky;
top: 0;
z-index: 2;
background: #f4f7fa;
color: var(--color-text);
font-weight: var(--weight-semibold);
font-size: var(--text-xs);
letter-spacing: 0.05em;
text-transform: uppercase;
padding: 12px 14px;
border-bottom: 1px solid #e3e8ef;
text-align: center;
white-space: nowrap;
}
.lqd-modal-sticky-foot .news-list-table thead th:first-child {
text-align: left;
}
.lqd-modal-sticky-foot .news-list-table tbody td {
padding: 11px 14px;
border-bottom: 1px solid #eef1f5;
border-left: none;
border-right: none;
border-top: none;
color: var(--color-text-body);
text-align: center;
vertical-align: middle;
line-height: 1.45;
}
.lqd-modal-sticky-foot .news-list-table tbody td.text-left {
text-align: left;
}
.lqd-modal-sticky-foot .news-list-table tbody tr:nth-child(even) td {
background: #fafbfc;
}
.lqd-modal-sticky-foot .news-list-table tbody tr:hover td {
background: #f0f6fc;
}
.lqd-modal-sticky-foot .news-list-table tbody tr:last-child td {
border-bottom: none;
}
.lqd-modal-sticky-foot .news-list-table td a {
color: #0587ed;
font-weight: 500;
text-decoration: none;
}
.lqd-modal-sticky-foot .news-list-table td a:hover {
text-decoration: underline;
}
.lqd-modal-sticky-foot .news-list-table td.text-left > a:first-of-type {
color: #1d1d1d;
font-weight: 600;
}
.lqd-modal-sticky-foot .news-list-table td.text-left small a {
color: #6b7280;
font-weight: 500;
font-size: 11px;
}
.lqd-modal-sticky-foot .news-list-table .fab {
font-size: 13px;
margin-right: 4px;
opacity: 0.9;
}
.lqd-modal-sticky-foot .news-list-table,
.lqd-modal-sticky-foot .news-list-table thead,
.lqd-modal-sticky-foot .news-list-table tbody,
.lqd-modal-sticky-foot .news-list-table tr,
.lqd-modal-sticky-foot .news-list-table th,
.lqd-modal-sticky-foot .news-list-table td {
border-left: none;
border-right: none;
border-top: none;
}
.lqd-modal-sticky-foot .news-list-table {
border: 1px solid #e3e8ef;
}
.lqd-modal-sticky-foot .news-list-table thead th {
border-bottom: 1px solid #e3e8ef;
}
.lqd-modal-sticky-foot #modal_news_list,
.lqd-modal-sticky-foot .accepted-niches-container {
max-width: 100%;
overflow: visible;
}
.lqd-modal-sticky-foot .lqd-modal-foot {
flex-shrink: 0;
position: relative;
z-index: 3;
width: 100%;
margin: 0;
border-top: 1px solid rgba(0, 0, 0, 0.06);
border-radius: 0 0 var(--radius-2xl) var(--radius-2xl);
box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.05);
}
.lqd-modal-sticky-foot .modal-foot-nopadding {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.lqd-modal-sticky-foot .lqd-modal-content .row {
margin-left: 0;
margin-right: 0;
}
.lqd-modal-sticky-foot .lqd-modal-foot p {
margin-bottom: 0;
}
.main-footer a:not(.btn) {
color: #374151;
font-weight: var(--weight-medium);
text-decoration: none;
transition: color var(--dur-fast, 160ms) ease;
}
.main-footer a:not(.btn):hover,
.main-footer a:not(.btn):focus-visible {
color: var(--purple, #6f42c1);
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 0.18em;
}
.main-footer .footer-community-stack {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.main-footer .footer-community-stack > * {
margin: 0;
}
.main-footer .footer-community-stack .trustpilot-widget {
min-height: 109px;
line-height: 0;
}
.main-footer .footer-community-stack .trustpilot-widget iframe {
display: block;
}
.main-footer .footer-community-facebook {
display: flex;
align-items: center;
gap: 0.75rem;
}
.main-footer .footer-community-facebook .inline-reviews,
.main-footer .footer-community-facebook .footer-avatar-stack {
display: inline-flex;
align-items: center;
flex-shrink: 0;
margin: 0;
}
.main-footer .footer-community-facebook .inline-circle {
position: relative;
line-height: 0;
flex-shrink: 0;
}
.main-footer .footer-community-facebook .inline-circle + .inline-circle {
margin-left: -14px;
}
.main-footer .footer-community-facebook .inline-circle img {
width: 40px;
height: 40px;
margin: 0;
object-fit: cover;
display: block;
position: relative;
border: 3px solid #fff;
border-radius: 50%;
background: #fff;
box-shadow: none;
transition: transform var(--dur-press, 140ms) var(--ease-out, cubic-bezier(0.23, 1, 0.32, 1));
}
.main-footer .footer-community-facebook .inline-circle:hover {
z-index: 3;
transform: none;
box-shadow: none;
}
.main-footer .footer-community-facebook .inline-circle:hover img {
z-index: 3;
margin: 0;
width: 40px;
transform: translateY(-2px) scale(1.05);
position: relative;
}
.main-footer .footer-community-facebook .inline-reviews a:last-child {
margin-right: 0;
}
.main-footer .footer-community-facebook p {
margin: 0;
}
.main-footer .footer-gdpr-link,
.main-footer .footer-community-dmca .dmca-badge {
display: inline-block;
border-radius: var(--radius-lg);
overflow: hidden;
line-height: 0;
transition:
transform var(--dur-base, 200ms) var(--ease-out, cubic-bezier(0.23, 1, 0.32, 1)),
box-shadow var(--dur-base, 200ms) ease;
}
.main-footer .footer-gdpr-badge {
display: block;
width: 100%;
max-width: 100px;
height: 40px;
border-radius: inherit;
}
.main-footer .footer-community-compliance {
display: flex;
align-items: center;
gap: var(--space-3);
}
.main-footer .footer-community-dmca,
.main-footer .footer-community-dmca .dmca-badge {
display: inline-block;
margin: 0;
border-radius: var(--radius-lg);
overflow: hidden;
line-height: 0;
}
.main-footer .footer-community-dmca .dmca-badge img:first-child {
display: block;
width: auto;
max-width: 100%;
height: 40px;
border-radius: inherit;
transition:
opacity var(--dur-base, 200ms) ease,
box-shadow var(--dur-base, 200ms) ease;
}
.main-footer .footer-social-icons--desktop,
.main-footer .footer-social-icons--tablet {
display: none;
}
.main-footer .footer-social-icons a:hover,
.main-footer .footer-social-icons a:focus-visible {
text-decoration: none;
}
@media (min-width: 768px) and (max-width: 991px) {
.main-footer .footer-social-icons--tablet {
display: inline-flex;
align-items: center;
gap: 0.45rem;
margin-top: 0.35rem;
}
.main-footer .footer-social-icons--tablet a {
font-size: 17px;
line-height: 1;
}
}
@media (min-width: 992px) {
.main-footer .bt-fade-white-015 > .container > .row {
display: flex;
align-items: center;
}
.main-footer .footer-bottom-copyright {
text-align: left;
}
.main-footer .footer-bottom-social {
display: flex;
justify-content: center;
}
.main-footer .footer-social-icons--desktop {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.45rem;
}
.main-footer .footer-social-icons--desktop a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
padding: 0;
border: 1px solid #e2e6ea;
border-radius: 50%;
background: #fff;
color: #5b6674;
font-size: 16px;
line-height: 1;
transition: background-color var(--dur-fast, 160ms) ease,
border-color var(--dur-fast, 160ms) ease,
color var(--dur-fast, 160ms) ease,
transform var(--dur-press, 140ms) var(--ease-out, ease);
}
.main-footer .footer-social-icons--desktop a:hover,
.main-footer .footer-social-icons--desktop a:focus-visible {
border-color: #0287ed;
background: #0287ed;
color: #fff;
transform: translateY(-1px);
}
.main-footer .footer-bottom-payments {
text-align: right;
}
}
.main-footer .footer-bottom-payments .inline-nav {
display: inline-flex;
align-items: center;
flex-wrap: nowrap;
white-space: nowrap;
gap: 0.3rem 0.45rem;
max-width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.main-footer .footer-bottom-payments .inline-nav > li {
display: inline-flex;
align-items: center;
flex: 0 0 auto;
line-height: 1;
margin: 0;
padding: 0;
}
.main-footer .footer-bottom-payments .inline-nav > li .fab {
font-size: 1.45rem !important;
line-height: 1;
}
.main-footer .footer-bottom-payments .footer-pay-icon {
display: inline-flex;
align-items: center;
justify-content: center;
color: inherit;
line-height: 0;
}
.main-footer .footer-bottom-payments .footer-pay-icon svg {
display: block;
height: 1.25rem;
width: auto;
color: inherit;
}
.main-footer .footer-bottom-payments .footer-pay-icon--visa svg {
height: 1.1rem;
}
.main-footer .footer-bottom-payments .footer-pay-icon--mastercard svg {
height: 1.25rem;
}
.main-footer .footer-bottom-payments .footer-pay-icon--amex svg {
height: 1.3rem;
max-width: 2.9rem;
}
.main-footer .footer-bottom-payments .footer-pay-icon--paypal svg {
height: 1.3rem;
max-width: 3.1rem;
}
.main-footer .footer-bottom-payments .inline-nav img[alt*="Klarna"] {
position: static !important;
top: auto !important;
width: 22px;
height: 22px;
}
@media (hover: hover) and (pointer: fine) {
.main-footer .footer-gdpr-link:hover,
.main-footer .footer-community-dmca .dmca-badge:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);
}
.main-footer .footer-gdpr-link:hover .footer-gdpr-badge,
.main-footer .footer-community-dmca .dmca-badge:hover img:first-child {
opacity: 0.92;
}
.main-footer .footer-community-dmca .dmca-badge:hover img:first-child {
box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);
}
}
.main-footer .footer-gdpr-link:focus-visible,
.main-footer .footer-community-dmca .dmca-badge:focus-visible {
outline: none;
box-shadow: 0 0 0 3px rgba(111, 168, 214, 0.35);
}
.main-footer {
color: #5b6674;
}
.header-youtube-button:hover i {
color: var(--color-gradient-stop);
}
.header-youtube-button:hover span {
color: var(--color-gradient-stop);
}
.iconbox .contents {
overflow: visible !important;
}
#wrap .btn,
#wrap button.btn,
#wrap a.btn,
#wrap button:not(:disabled):not(.navbar-toggle),
#wrap input[type="submit"]:not(:disabled),
#wrap input[type="button"]:not(:disabled),
#wrap .buy-now-button,
#wrap .mobile-banner-chat,
#wrap .intercom-faceade,
#wrap .search-button,
#wrap a.btn-icon,
#wrap .pricing-topics-toggle,
#wrap .accordion-title > a,
#wrap .reviews-carousel-arrow:not(:disabled),
#wrap .nav-get-started-btn > a {
transition:
background-color var(--dur-fast) ease,
border-color var(--dur-fast) ease,
color var(--dur-fast) ease,
box-shadow var(--dur-base) ease,
transform var(--dur-press) var(--ease-out);
}
.mobile-banner .buy-now-button,
.mobile-banner-chat,
.intercom-faceade {
transition:
background-color var(--dur-fast) ease,
border-color var(--dur-fast) ease,
color var(--dur-fast) ease,
box-shadow var(--dur-base) ease,
transform var(--dur-press) var(--ease-out);
}
#wrap .btn:active,
#wrap button.btn:active,
#wrap a.btn:active,
#wrap button:not(:disabled):not(.navbar-toggle):active,
#wrap input[type="submit"]:not(:disabled):active,
#wrap input[type="button"]:not(:disabled):active,
#wrap .buy-now-button:active,
#wrap .mobile-banner-chat:active,
#wrap .intercom-faceade:active,
#wrap .search-button:active,
#wrap a.btn-icon:active,
#wrap .pricing-topics-toggle:active,
#wrap .accordion-title > a:active,
#wrap .reviews-carousel-arrow:not(:disabled):active,
#wrap .nav-get-started-btn > a:active,
#wrap .btn.is-pressing,
#wrap button.btn.is-pressing,
#wrap a.btn.is-pressing,
#wrap button:not(:disabled):not(.navbar-toggle).is-pressing,
#wrap input[type="submit"]:not(:disabled).is-pressing,
#wrap input[type="button"]:not(:disabled).is-pressing,
#wrap .buy-now-button.is-pressing,
#wrap .mobile-banner-chat.is-pressing,
#wrap .intercom-faceade.is-pressing,
#wrap .search-button.is-pressing,
#wrap a.btn-icon.is-pressing,
#wrap .pricing-topics-toggle.is-pressing,
#wrap .accordion-title > a.is-pressing,
#wrap .reviews-carousel-arrow:not(:disabled).is-pressing,
#wrap .nav-get-started-btn > a.is-pressing {
transform: scale(0.96);
}
.mobile-banner .buy-now-button:active,
.mobile-banner-chat:active,
.intercom-faceade:active,
.mobile-banner .buy-now-button.is-pressing,
.mobile-banner-chat.is-pressing,
.intercom-faceade.is-pressing {
transform: scale(0.96);
}
@media (hover: hover) and (pointer: fine) {
#wrap .btn.btn-gradient:hover,
#wrap .btn.btn-solid.btn-gradient:hover {
transform: translateY(-1px);
}
#wrap .btn.btn-gradient:active,
#wrap .btn.btn-solid.btn-gradient:active,
#wrap .btn.btn-gradient.is-pressing,
#wrap .btn.btn-solid.btn-gradient.is-pressing {
transform: scale(0.96) translateY(0);
}
}
@media (prefers-reduced-motion: reduce) {
#wrap .btn,
#wrap button:not(:disabled),
#wrap a.btn,
#wrap .buy-now-button,
#wrap .mobile-banner-chat,
#wrap .intercom-faceade,
#wrap .search-button,
#wrap a.btn-icon,
#wrap .pricing-topics-toggle,
#wrap .accordion-title > a,
#wrap .reviews-carousel-arrow:not(:disabled),
#wrap .nav-get-started-btn > a {
transition: background-color var(--dur-fast) ease, border-color var(--dur-fast) ease, color var(--dur-fast) ease, box-shadow var(--dur-base) ease;
}
.mobile-banner .buy-now-button,
.mobile-banner-chat,
.intercom-faceade {
transition: background-color var(--dur-fast) ease, border-color var(--dur-fast) ease, color var(--dur-fast) ease, box-shadow var(--dur-base) ease;
}
#wrap .btn:active,
#wrap button:not(:disabled):active,
#wrap a.btn:active,
#wrap .buy-now-button:active,
#wrap .mobile-banner-chat:active,
#wrap .intercom-faceade:active,
#wrap .search-button:active,
#wrap a.btn-icon:active,
#wrap .pricing-topics-toggle:active,
#wrap .accordion-title > a:active,
#wrap .reviews-carousel-arrow:not(:disabled):active,
#wrap .nav-get-started-btn > a:active,
.mobile-banner .buy-now-button:active,
.mobile-banner-chat:active,
.intercom-faceade:active,
#wrap .is-pressing,
.is-pressing {
transform: none;
}
}
.liquid-counter,
.btn-gradient-border {
z-index: 0;
}
.btn-solid.btn-gradient {
border: none !important;
background: transparent !important;
color: #fff;
padding: 0 !important;
overflow: hidden;
}
.btn-solid.btn-gradient:hover,
.btn-solid.btn-gradient:focus,
.btn-solid.btn-gradient:active {
background: transparent !important;
background-color: transparent !important;
color: #fff !important;
}
.btn-solid.btn-gradient > span {
position: relative;
overflow: hidden;
border-radius: inherit;
isolation: isolate;
}
.btn-solid.btn-gradient .btn-gradient-bg,
.btn-solid.btn-gradient .btn-gradient-bg-hover {
pointer-events: none;
inset: 0;
width: 100%;
height: 100%;
background-size: 100% 100% !important;
border-radius: inherit;
}
.btn-solid.btn-gradient .btn-gradient-bg {
z-index: 0;
}
.btn-solid.btn-gradient .btn-gradient-bg-hover {
z-index: 1;
}
.btn-solid.btn-gradient .btn-txt {
position: relative;
z-index: 2;
color: #fff;
}
.btn-solid.btn-gradient .btn-txt > * {
position: relative;
z-index: 1;
}
.btn-solid.btn-gradient .btn-gradient-border {
display: none !important;
}
.liquid-img-group-browser {
background-image: url(/theme/ave/assets/img/misc/browser-bar.jpg) !important;
background-size: contain !important;
}
.avatar-radio input[type="radio"] {
display: none;
}
.radio-avatar-container {
display: flex;
justify-content: center;
align-items: center;
}
.avatar-radio {
display: inline-block;
margin: 0 -5px;
cursor: pointer;
}
.avatar-radio {
width: 60px;
height: 60px;
border: 4px solid #fff;
border-radius: 50%;
overflow: hidden;
}
.avatar-radio:has(input[type="radio"]:checked) {
border: 4px solid #0587ed;
height: 60px;
width: 60px;
z-index: 50;
position: relative;
}
.tooltip {
position: relative;
}
.tooltip .tooltiptext {
visibility: hidden;
background-color: #fff;
color: #5b6674;
text-align: left;
padding: 5px 0;
border-radius: var(--radius-surface);
position: absolute;
z-index: 9999;
width: 400px;
bottom: 38px;
left: 50%;
margin-left: -198px;
padding: 25px;
box-shadow: 0 8px 20px rgb(0 0 0 / 15%);
}
.tooltip.tooltip-plain .tooltiptext {
font-size: 17px;
font-family: poppins, sans-serif;
font-weight: 500;
}
.tooltip:not(.tooltip-plain) .tooltiptext span {
color: #000;
display: block;
margin-top: 10px;
}
.tooltip:not(.tooltip-plain) .tooltiptext:before {
display: block;
width: 103px;
height: 40px;
content: "";
background: url(/assets/img/TrustPilot-Logo.svg) no-repeat 0 0;
background-size: 100%;
}
.tooltip:not(.tooltip-plain) .tooltiptext span:after {
content: "";
display: block;
width: 123px;
height: 23px;
background-image: url(https://www.brandpush.co/assets/img/Brand-Push-TrustPilot-Rating.svg);
background-size: cover;
float: right;
margin-top: 2px;
}
.tooltip .tooltiptext::after {
content: " ";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #fff transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
visibility: visible;
}
#pricing-comparison-table .tooltip .tooltiptext {
opacity: 0;
transform: translateY(8px);
transition:
opacity var(--dur-fast, 160ms) cubic-bezier(0.23, 1, 0.32, 1),
transform var(--dur-fast, 160ms) cubic-bezier(0.23, 1, 0.32, 1),
visibility 0s linear var(--dur-fast, 160ms);
pointer-events: none;
}
#pricing-comparison-table .tooltip:hover .tooltiptext {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
transition:
opacity var(--dur-fast, 160ms) cubic-bezier(0.23, 1, 0.32, 1),
transform var(--dur-fast, 160ms) cubic-bezier(0.23, 1, 0.32, 1),
visibility 0s linear 0s;
}
.ld-gradient-heading {
background: -webkit-linear-gradient(300deg, rgb(250, 163, 97) 0.3184713375796178%, rgb(255, 135, 51) 1.910828025477707%, rgb(144, 69, 255) 99.36305732484075%);
background: linear-gradient(300deg, rgb(250, 163, 97) 0.3184713375796178%, rgb(255, 135, 51) 1.910828025477707%, rgb(144, 69, 255) 99.36305732484075%);
}
.ld-gradient-heading {
-webkit-background-clip: text !important;
background-clip: text !important;
-webkit-text-fill-color: transparent !important;
text-fill-color: transparent !important;
}
.wrap {
overflow: hidden;
}
.pointer {
cursor: pointer;
}
.fancy-box-travel h3 {
text-transform: none !important;
}
.fancy-box-overlay .fancy-box-contents {
width: 100%;
padding: 35px;
margin: 0;
}
.badge {
color: #fff;
padding: 4px 8px;
font-size: small;
border-radius: var(--radius-md);
font-weight: 600;
}
.emoji-icon {
width: 20px;
height: 20px;
margin-right: 3px;
display: inline-block;
top: 4px;
position: relative;
}
.emoji-check {
background: url(https://www.brandpush.co/assets/img/emoji-check.png);
background-size: contain;
}
.emoji-cross {
background: url(https://www.brandpush.co/assets/img/emoji-cross.png);
background-size: contain;
}
.nav.tabs-nav li.active a {
border: 1px solid #ededed;
border-radius: var(--radius-full);
}
.nav.tabs-nav li a {
padding-right: 30px;
padding-left: 30px;
}
#exit-popup {
width: 600px;
margin-left: auto;
margin-right: auto;
position: relative;
}
#modal-join-newsletter {
width: 900px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.hero-video-container {
width: 424px;
height: 524px;
border-radius: var(--radius-surface);
box-shadow: 0 25px 70px rgb(0 0 0 / 7%);
overflow: hidden;
}
.hero-video {
border-radius: var(--radius-surface);
background: #fff;
}
.screenshot-arrow a:hover+svg path {
stroke: #ff798e;
}
.screenshot-arrow a:hover {
color: #ff798e;
}
.lity-opened .lity-wrap .lity-container,
#modal-join-newsletter,
#exit-popup {
border-radius: var(--radius-surface);
overflow: hidden;
}
.modal-inline-close {
background: #ededed;
border-radius: 50%;
text-shadow: none;
color: #8fa6d0;
}
.modal-position-close {
position: absolute !important;
top: -13px;
right: -6px;
}
.modal-position-close:hover {
position: absolute !important;
top: -10px;
right: -5px;
}
.modal-inline-close:hover {
background: #6da1ff;
color: #ffffff;
}
.lity-content + .lity-close {
display: flex !important;
}
.lity-content:has(.lqd-modal-sticky-foot) + .lity-close,
.lity-content:has(#modal-join-newsletter) + .lity-close,
.lity-content:has(#exit-popup) + .lity-close {
display: none !important;
}
.video-modal-close span {
pointer-events: none;
}
.lity-content:has(.hero-how-it-works-modal) + .lity-close,
.lity-content:has(#modal-video-review) + .lity-close {
display: none !important;
}
.lity,
.lity-wrap,
.lity-container,
.lity-loader {
z-index: 10000010 !important;
}
.fr-overlay {
z-index: 10000010 !important;
}
.fr-window,
.fr-spinner {
z-index: 10000011 !important;
}
.video-modal-close,
.fr-window .fr-close-outside,
.fr-window .fr-close-fullclick,
.lity-opened > .lity-close,
.lity-opened .lity-wrap > .lity-close {
display: flex !important;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
border: 0;
border-radius: 50% !important;
background: rgba(255, 255, 255, 0.96);
color: #181b31;
font-size: 30px;
font-family: Arial, sans-serif;
line-height: 1;
cursor: pointer;
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.28);
z-index: 10000012 !important;
opacity: 1 !important;
-webkit-tap-highlight-color: transparent;
transition: transform var(--dur-press, 140ms) cubic-bezier(0.23, 1, 0.32, 1), background-color var(--dur-fast, 160ms) ease;
}
.fr-window .fr-close-outside .fr-close-background,
.fr-window .fr-close-outside .fr-close-icon,
.fr-window .fr-close-fullclick .fr-close-background,
.fr-window .fr-close-fullclick .fr-close-icon {
display: none !important;
}
.fr-window .fr-close-outside::after,
.fr-window .fr-close-fullclick::after {
content: "\00d7";
display: block;
margin-top: -2px;
color: #181b31;
font-size: 30px;
font-family: Arial, sans-serif;
line-height: 1;
pointer-events: none;
}
.hero-how-it-works-modal-panel,
.lity-opened .video-modal-panel,
#modal-video-review .video-modal-panel {
position: relative;
width: min(960px, calc(100vw - 2.5rem));
margin: 0 auto;
}
.lity-opened .hero-how-it-works-modal .video-modal-close,
.lity-opened .video-modal-panel .video-modal-close,
.hero-how-it-works-modal .video-modal-close,
#modal-video-review .video-modal-close {
position: absolute !important;
top: -52px;
right: 0;
left: auto;
bottom: auto;
}
.video-modal-close {
position: fixed;
top: 20px;
right: 20px;
}
.lity-opened > .lity-close,
.lity-opened .lity-wrap > .lity-close {
position: fixed;
top: 20px;
right: 20px;
}
.video-modal-close:hover,
.fr-window .fr-close-outside:hover,
.fr-window .fr-close-fullclick:hover,
.lity-opened > .lity-close:hover,
.lity-opened .lity-wrap > .lity-close:hover {
background: #fff;
transform: scale(1.06);
color: #181b31;
}
.video-modal-close span {
display: block;
margin-top: -2px;
}
.lity-opened .lity-wrap .lity-container:has(.hero-how-it-works-modal),
.lity-opened .lity-wrap .lity-container:has(#modal-video-review),
.lity-opened .lity-container:has(.video-modal-panel) {
overflow: visible !important;
padding-top: 3.25rem;
}
.fr-window-ui-outside .fr-close-fullclick {
display: none !important;
}
.fr-window .fr-close-outside,
.fr-window .fr-close-fullclick {
position: fixed !important;
margin: 0 !important;
}
.fr-window.fr-toggle-ui .fr-close {
opacity: 1 !important;
}
html.lity-active .main-header,
html.lity-active .main-header.is-sticky,
body:has(.fr-window) .main-header,
body:has(.fr-window) .main-header.is-sticky {
z-index: 999990 !important;
}
.video-review {
display: none;
height: 100%;
max-height: calc(100vh - 70px);
width: auto;
margin-left: auto;
margin-right: auto;
}
.video-modal-frame,
.hero-how-it-works-video {
border-radius: var(--radius-surface);
overflow: hidden;
box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45);
}
#modal-video-review .video-modal-frame {
width: min(960px, calc(100vw - 2.5rem));
margin: 0 auto;
background: #000;
}
.fr-window .fr-content {
border-radius: var(--radius-surface) !important;
overflow: hidden !important;
}
.fr-window .fr-content-background,
.fr-window .fr-content-element iframe,
.fr-window .fr-content-element video {
border-radius: var(--radius-surface);
}
.hero-how-it-works-modal.lqd-modal,
.hero-how-it-works-modal .lqd-modal-inner,
.hero-how-it-works-modal .lqd-modal-content,
#modal-video-review.lqd-modal,
#modal-video-review .lqd-modal-inner,
#modal-video-review .lqd-modal-content {
background: transparent !important;
box-shadow: none !important;
overflow: visible !important;
border-radius: 0 !important;
border: 0 !important;
padding: 0 !important;
}
.lity-content:has(.hero-how-it-works-modal),
.lity-content:has(#modal-video-review),
.lity-opened .lity-wrap .lity-container:has(.hero-how-it-works-modal),
.lity-opened .lity-wrap .lity-container:has(#modal-video-review) {
background: transparent !important;
box-shadow: none !important;
overflow: visible !important;
max-width: none;
border-radius: 0 !important;
border: 0 !important;
}
.lity-content:has(.hero-how-it-works-modal):after,
.lity-content:has(#modal-video-review):after {
display: none !important;
content: none !important;
box-shadow: none !important;
}
.hero-how-it-works-video {
position: relative;
width: 100%;
margin: 0 auto;
background: #000;
}
.hero-how-it-works-video::before {
content: "";
display: block;
padding-top: 56.25%;
}
.hero-how-it-works-yt {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
}
.hero-how-it-works-modal-cta {
margin-top: var(--space-5);
}
.lity-opened .hero-how-it-works-modal-cta .btn {
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22);
}
.bottom-0 {
bottom: 0% !important;
top: inherit !important;
}
.bottom-05 {
bottom: 5% !important;
top: inherit !important;
}
.pricing-news-logo {
max-height: 30px;
max-width: 100px;
}
.pricing-news-icons-container {
display: flex;
justify-content: space-around;
flex-wrap: nowrap;
flex-direction: row;
align-items: center;
}
.pricing-news-icons-container .pricing-news-logo {
max-height: 25px;
max-width: 100px;
}
.pricing-outlet-label {
display: inline-flex;
align-items: center;
gap: 0.5rem;
color: inherit;
text-decoration: none;
transition: color var(--dur-fast, 160ms) ease;
}
a.pricing-outlet-label:hover,
a.pricing-outlet-label:focus-visible {
color: #0587ed;
text-decoration: none;
}
.pricing-outlet-external-icon {
font-size: 0.75rem;
line-height: 1;
margin-left: 0;
width: 0;
overflow: hidden;
opacity: 0;
flex-shrink: 0;
transition:
opacity var(--dur-fast, 160ms) ease,
width var(--dur-fast, 160ms) ease,
margin-left var(--dur-fast, 160ms) ease;
}
a.pricing-outlet-label:hover .pricing-outlet-external-icon,
a.pricing-outlet-label:focus-visible .pricing-outlet-external-icon {
width: 0.75rem;
margin-left: 0.35rem;
opacity: 0.9;
}
.pricing-outlet-favicon {
flex: 0 0 18px;
width: 18px;
height: 18px;
border-radius: var(--radius-sm);
object-fit: contain;
}
.pricing-select-container button {
background: #fff;
}
.pricing-select-container .btn-group label:first-child {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.pricing-select-container .btn-group label:last-child {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.pricing-select-container .btn-group label {
font-size: 12px;
font-weight: 600;
padding: 10px 17px;
border: 1px solid #0587ed;
color: #0587ed;
text-transform: uppercase !important;
list-style-type: none;
}
.pricing-select-container .writing-package-btn-group {
display: inline-flex;
flex-wrap: wrap;
gap: 0;
}
.pricing-select-container .writing-package-btn-group label.btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0;
margin: 0;
cursor: pointer;
background: #fff;
box-shadow: none;
}
.pricing-select-container .writing-package-btn-group label.btn input[type="radio"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
margin: 0;
pointer-events: none;
}
.pricing-select-container .writing-package-btn-group label.btn.active,
.pricing-select-container .writing-package-btn-group label.btn:has(> input:checked) {
background: #0587ed !important;
color: #fff !important;
border-color: #0587ed !important;
}
.pricing-select-container .btn-group label+label {
border-left: none;
}
.pricing-select-container .btn-group label input {
display: none;
}
.btn-group label.btn input[type="radio"]:checked+label,
.btn-group label.btn input[type="radio"]:checked {
background: #0587ed !important;
color: #fff !important;
}
.pricing-select-container label.btn:has(> input:checked),
.pricing-select-container label:hover {
background: #0587ed !important;
color: #fff !important;
transform: none;
box-shadow: none;
}
.pricing-select-container .btn-group label:selected,
.pricing-select-container .btn-group label:hover {
background: #0587ed !important;
color: #fff !important;
}
#pricing-select {
padding: 10px 17px;
border: 1px solid #0587ed;
color: #0587ed;
border-radius: var(--radius-md);
}
.btn-group .btn+.btn {
margin-left: -5px;
}
.btn-white-blue {
background: #fff;
color: rgb(115, 115, 115);
border: 1px solid #ededed;
}
.btn-white-blue:hover {
background: #0287ed;
color: #fff;
}
.list-no-icon {
list-style-type: none;
}
.list-no-icon li {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
align-content: center;
margin-bottom: 15px;
}
.pricing-table {
border-collapse: collapse;
display: block;
width: 100%;
margin: 0;
border: 1px solid #ededed !important;
table-layout: fixed;
overflow: visible;
}
.pricing-table thead {
position: sticky;
top: var(--sticky-nav-height, 0px);
z-index: 10000;
background: #fff;
}
.pricing-table tbody tr td .fa-times-circle,
.pricing-table tbody tr td .fa-check-circle,
.pricing-table tbody tr td .fa-minus-circle {
font-size: 1.6em;
}
.pricing-table tbody tr td {
padding: 10px 0;
}
.pricing-table thead tr th {
text-align: center !important;
}
.pricing-table-green-col {
background: #f3f7f5;
}
th.pricing-table-green-col:after {
content: "";
display: block;
width: 100%;
height: 30px !important;
background-color: #f3f7f5 !important;
border-top-left-radius: 15px !important;
top: -222px;
border-top-right-radius: 15px !important;
position: relative;
margin-bottom: -13px;
}
.pricing-table td,
.pricing-table th,
.pricing-table tr {
border: none !important;
}
.pricing-table tbody tr td:first-child {
text-align: left;
}
.pricing-table tbody tr td:nth-child(2):not(.pricing-table-green-col) {
text-align: left;
padding-right: 10px;
}
.pricing-table tbody tr td.pricing-table-green-col {
text-align: center !important;
}
.pricing-table tbody tr:last-of-type td {
padding-bottom: 30px;
}
.pricing-table thead tr th {
position: relative;
padding: 54px 0 0 0;
}
.pricing-most-popular-badge {
font-size: var(--text-xs);
font-weight: var(--weight-regular);
letter-spacing: 0.07em;
text-transform: uppercase;
color: #fff;
line-height: 1.3;
white-space: nowrap;
}
.pricing-table thead th.pricing-col-popular {
position: relative;
overflow: visible;
}
.pricing-most-popular-badge--notch {
--notch-bg: #70a986;
--notch-ear: 14px;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
display: block;
margin: 0;
padding: 8px 22px 12px;
background: #70a986;
border-radius: 0 0 var(--radius-2xl) var(--radius-2xl);
box-shadow: 0 6px 14px rgba(112, 169, 134, 0.22);
z-index: 3;
}
.pricing-most-popular-badge--notch::before,
.pricing-most-popular-badge--notch::after {
content: "";
position: absolute;
top: 0;
width: var(--notch-ear);
height: var(--notch-ear);
pointer-events: none;
}
.pricing-most-popular-badge--notch::before {
left: calc(-1 * var(--notch-ear));
background: radial-gradient(circle at 0 100%, transparent var(--notch-ear), var(--notch-bg) var(--notch-ear));
}
.pricing-most-popular-badge--notch::after {
right: calc(-1 * var(--notch-ear));
background: radial-gradient(circle at 100% 100%, transparent var(--notch-ear), var(--notch-bg) var(--notch-ear));
}
.pricing-most-popular-badge--card {
display: inline-block;
margin: 0 0 0 auto;
font-size: 10px;
padding: 6px 12px;
flex-shrink: 0;
align-self: flex-start;
background: #70a986;
border-radius: var(--radius-pill);
}
.pricing-most-popular-badge--card .pricing-popular-short {
display: none;
}
@media (min-width: 768px) {
.pricing-most-popular-badge--card .pricing-popular-full {
display: none;
}
.pricing-most-popular-badge--card .pricing-popular-short {
display: inline;
}
}
.text-green {
color: #70a986;
}
.text-red {
color: #fc692e;
}
.pricing-select {
height: 46px;
font-size: 16px;
padding: 0 10px 0 14px;
border: 1px solid #f8f8f8;
border-radius: var(--radius-md);
}
.pricing-select option span {
display: none;
}
.d-block {
display: block;
}
.btn-icon-circle.btn-icon-ripple .btn-icon:before {
color: #ff798e;
}
.case-study-picture {
display: inline-block;
overflow: hidden;
}
.liquid-img-group-single[data-shadow-style="4"] .liquid-img-container-inner {
box-shadow: 0 30px 30px rgba(0, 0, 0, .17);
}
.intercom-faceade {
display: flex;
align-items: center;
justify-content: center;
position: fixed;
right: 20px;
bottom: 20px;
width: 48px;
height: 48px;
padding: 0;
border: 0;
background-color: #0287ed;
border-radius: 50%;
cursor: pointer;
z-index: 99999;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.intercom-faceade div {
display: flex;
align-items: center;
justify-content: center;
margin: 0;
color: #fff;
}
.intercom-faceade svg {
display: block;
width: 22px;
height: 25px;
}
html.intercom-ready .intercom-faceade {
display: none !important;
}
.PopIn {
position: fixed;
opacity: 0;
-webkit-transform: scale(0.96);
transform: scale(0.96);
-webkit-animation: popin var(--dur-base, 200ms) cubic-bezier(0.23, 1, 0.32, 1);
animation: popin var(--dur-base, 200ms) cubic-bezier(0.23, 1, 0.32, 1);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes popin {
to {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes popin {
to {
opacity: 1;
transform: scale(1);
}
}
.pill-container {
display: flex;
align-items: center;
justify-content: center;
}
.pill-tabs {
display: flex;
position: relative;
background-color: #fff;
box-shadow: 0 0 1px 0 rgba(#185ee0, 0.15), 0 6px 12px 0 rgba(#185ee0, 0.15);
padding: 0.75rem;
border-radius: var(--radius-full);
* {
z-index: 2;
}
}
.pill-container input[type="radio"] {
display: none;
}
.pill-container label {
margin-bottom: 0px;
}
.pill-tab {
display: flex;
align-items: center;
justify-content: center;
height: 54px;
width: 200px;
font-size: 1.25rem;
font-weight: 500;
border-radius: var(--radius-full);
cursor: pointer;
transition: color var(--dur-fast, 160ms) ease;
z-index: 3;
}
.pill-notification {
display: flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
margin-left: 0.75rem;
border-radius: 50%;
background-color: var(--secondary);
transition: background-color var(--dur-fast, 160ms) ease, color var(--dur-fast, 160ms) ease;
}
.pill-glider {
position: absolute;
display: flex;
height: 54px;
width: 200px;
background-color: #0587ed;
z-index: 1;
border-radius: var(--radius-full);
transition: transform var(--dur-base, 200ms) cubic-bezier(0.23, 1, 0.32, 1);
}
#pill-container-1 input[type="radio"]:checked+label {
color: #fff;
}
#pill-container-1 input[type="radio"]:checked+label>.pill-notification {
background-color: var(--primary);
color: #fff;
}
#pill-container-1 input[id="radio-network-21"]:checked~.pill-glider {
transform: translateX(0);
}
#pill-container-1 input[id="radio-network-7"]:checked~.pill-glider {
transform: translateX(100%);
}
#pill-container-1 input[id="radio-network-8"]:checked~.pill-glider {
transform: translateX(100%);
}
#pill-container-1 input[id="radio-network-9"]:checked~.pill-glider {
transform: translateX(200%);
}
#pill-container-1 input[id="radio-network-10"]:checked~.pill-glider {
transform: translateX(300%);
}
#pill-container-2 input[type="radio"]:checked+label {
color: #fff;
}
#pill-container-2 input[type="radio"]:checked+label>.pill-notification {
background-color: var(--primary);
color: #fff;
}
#pill-container-2 input[id="radio-1-2"]:checked~.pill-glider {
transform: translateX(0);
}
#pill-container-2 input[id="radio-2-2"]:checked~.pill-glider {
transform: translateX(100%);
}
.horizontal-divided-list li {
display: inline-block;
position: relative;
padding: 0 17px;
line-height: 2;
}
.horizontal-divided-list li:not(:first-child)::before {
content: "|";
position: absolute;
left: -4px;
color: #ededed;
}
.network-select {
width: 100%;
font-size: 22px;
padding: 0 14px;
height: 60px;
color: #737373;
border: 1px solid #f2f2f2;
border-radius: var(--radius-lg);
}
.fcc-logo {
width: 13px;
margin: -1px 5px 0 5px !important;
padding: 0px;
}
.news-list-table,
.news-list-table thead,
.news-list-table tbody,
.news-list-table tr,
.news-list-table th,
.news-list-table td {
border: 1px solid #f1f1f1;
}
.news-grid a:has(> img[src$=".svg"]) {
display: flex;
align-items: center;
justify-content: flex-start;
}
.liquid-overlay-link {
z-index: 1000;
}
.email-field {
width: 100%;
padding: 10px 15px;
border: 1px solid #ededed;
border-radius: var(--radius-md);
outline: none;
}
#wrap .megamenu .inline-form > div:has(.login-forgot-password-link) {
position: relative;
}
#wrap .login-forgot-password-link {
position: absolute;
top: 50%;
right: 5px;
transform: translateY(-50%);
margin: 0;
padding: 9px 6px;
background: #fff;
white-space: nowrap;
z-index: 1;
line-height: 1.2;
}
#wrap .megamenu .inline-form input[type="password"].email-field {
padding-right: 8.75rem;
}
@media (min-width: 1200px) {
#account-header-collapse,
#account-primary-nav {
position: relative;
}
#account-primary-nav > li.login-megamenu {
position: static;
}
#account-primary-nav > li.login-megamenu > .nav-item-children {
width: 24rem !important;
max-width: min(24rem, calc(100vw - 2rem)) !important;
left: auto !important;
right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
#account-primary-nav > li.login-megamenu .megamenu-container {
width: 100% !important;
max-width: none !important;
padding: 0 !important;
}
}
#account-primary-nav > li.login-megamenu .nav-item-children {
width: auto;
max-width: min(24rem, calc(100vw - 2rem));
left: auto !important;
right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
#account-primary-nav > li.login-megamenu .megamenu-container {
width: auto !important;
max-width: min(24rem, calc(100vw - 2rem));
}
#account-primary-nav .megamenu-inner-row {
border-radius: var(--radius-2xl, 1rem);
overflow: hidden;
}
#account-primary-nav .megamenu-inner-row .ld-container {
width: auto;
max-width: none;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
#account-primary-nav .login-megamenu-form-col {
display: block;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
#account-primary-nav .login-megamenu-panel {
width: 100%;
max-width: none;
padding-right: 0;
}
#account-primary-nav .login-megamenu-title {
margin: 0 0 0.5rem;
font-size: 1.375rem;
font-weight: 700;
line-height: 1.2;
color: var(--color-text, #1a1a1a);
}
#account-primary-nav .login-megamenu-lead {
margin: 0 0 1.25rem;
font-size: 0.9375rem;
line-height: 1.5;
color: var(--color-text-muted, #6b7280);
}
#account-primary-nav .login-megamenu-form {
display: flex;
flex-direction: column;
gap: 1rem;
}
#account-primary-nav .login-megamenu-field {
display: flex;
flex-direction: column;
gap: 0.375rem;
}
#account-primary-nav .login-megamenu-label-row {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 0.75rem;
}
#account-primary-nav .login-megamenu-label {
margin: 0;
font-size: 0.875rem;
font-weight: 600;
color: var(--color-text, #1a1a1a);
}
#account-primary-nav .login-megamenu-input {
width: 100%;
padding: 0.6875rem 0.875rem;
border: 1px solid #e5e7eb;
border-radius: var(--radius-lg, 0.5rem);
background: #fff;
font-size: 0.9375rem;
line-height: 1.4;
color: var(--color-text, #1a1a1a);
outline: none;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
#account-primary-nav .login-megamenu-input::placeholder {
color: #9ca3af;
}
#account-primary-nav .login-megamenu-input:hover {
border-color: #d1d5db;
}
#account-primary-nav .login-megamenu-input:focus {
border-color: #fe516b;
box-shadow: 0 0 0 3px rgba(254, 81, 107, 0.12);
}
#account-primary-nav .login-megamenu-forgot {
flex-shrink: 0;
font-size: 0.8125rem;
font-weight: 500;
color: #0287ed;
text-decoration: none;
white-space: nowrap;
}
#account-primary-nav .login-megamenu-forgot:hover {
text-decoration: underline;
}
#account-primary-nav .login-megamenu-actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-top: 0.25rem;
}
#account-primary-nav .login-megamenu-submit {
min-width: 7.5rem;
height: 3rem;
min-height: 3rem;
max-height: 3rem;
margin: 0;
padding-top: 0 !important;
padding-bottom: 0 !important;
overflow: hidden;
}
#account-primary-nav .login-megamenu-submit > span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
min-height: 100%;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#account-primary-nav .login-megamenu-remember {
display: inline-flex;
align-items: center;
gap: 0.5rem;
margin: 0;
font-size: 0.8125rem;
font-weight: 500;
color: var(--color-text-muted, #6b7280);
cursor: pointer;
user-select: none;
}
#account-primary-nav .login-megamenu-checkbox {
width: 1rem;
height: 1rem;
margin: 0;
flex-shrink: 0;
accent-color: #fe516b;
}
.loading-spinner {
width: 27px;
height: 27px;
border: 6px solid rgba(0, 0, 0, 0.2);
border-top: 6px solid #f2b7ab;
border-radius: 50%;
animation: spin 0.6s linear infinite;
display: inline-block;
margin-bottom: -7px;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.search-form {
display: flex;
flex-direction: row;
border: 1px solid #ededed;
border-radius: var(--radius-full);
overflow: hidden;
max-width: 500px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.search-field {
width: 100%;
padding: 10px 35px 10px 24px;
border: none;
border-radius: var(--radius-full);
outline: none;
}
.search-button {
background: transparent;
border: none;
outline: none;
margin-left: -33px;
padding: 0 24px;
text-wrap: nowrap;
border-radius: var(--radius-full);
}
.search-button:hover {
background-color: var(--color-secondary);
color: #fff;
}
.faq-tabs {
display: none;
}
@media (max-width: 767px) {
#faq.faq-tabs-active .faq-tabs {
display: flex;
flex-wrap: nowrap;
gap: var(--space-2);
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
padding: 0 var(--space-4) var(--space-2);
margin: 0 calc(-1 * var(--space-4)) var(--space-4);
scroll-padding-inline: var(--space-4);
}
#faq.faq-tabs-active .faq-tabs::-webkit-scrollbar {
display: none;
}
#faq .faq-tab {
flex: 0 0 auto;
-webkit-appearance: none;
appearance: none;
white-space: nowrap;
cursor: pointer;
border: 1px solid #e2e6ea;
background: #fff;
color: #4a4a4a;
border-radius: 999px;
padding: 0.5rem 1.15rem;
font-size: 0.9rem;
font-weight: 600;
line-height: 1.2;
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
#faq .faq-tab.is-active {
background: #181b31;
color: #fff;
border-color: #181b31;
}
#faq .faq-tab:not(.is-active):hover,
#faq .faq-tab:not(.is-active):focus-visible {
background: #181b31;
color: #fff;
border-color: #181b31;
}
#faq.faq-tabs-active .lqd-column-inner > h3 {
display: none;
}
#faq.faq-tabs-active .faq-cat-hidden {
display: none !important;
}
#faq.faq-tabs-active .faq-item-hidden {
display: none !important;
}
#faq.faq-tabs-active.faq-search-active .lqd-column-inner:not(.faq-cat-hidden) > h3 {
display: block;
margin-bottom: 0.75rem;
}
#faq.faq-tabs-active .accordion-item {
opacity: 1 !important;
transform: none !important;
}
}
.faq-show-more {
display: none;
}
@media (max-width: 767px) {
#faq.faq-tabs-active .faq-extra-wrap {
overflow: hidden;
max-height: 0;
transition: max-height 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
#faq.faq-tabs-active.faq-search-active .faq-extra-wrap {
max-height: none;
overflow: visible;
}
#faq.faq-tabs-active .faq-show-more {
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
width: -moz-fit-content;
width: fit-content;
margin: 1.1rem auto 0;
padding: 0.6rem 1.35rem;
font-family: var(--font-sans);
font-size: var(--text-sm);
font-weight: var(--weight-semibold);
color: #181b31;
background: #fff;
border: 1px solid #e3e7ee;
border-radius: 999px;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
transition: background-color var(--dur-base) ease, border-color var(--dur-base) ease;
}
#faq.faq-tabs-active .faq-show-more:hover {
background: #f5f7fa;
border-color: #d5dae2;
}
#faq.faq-tabs-active .faq-show-more-icon {
font-size: 0.8em;
}
#faq.faq-tabs-active .faq-show-more--gone,
#faq.faq-tabs-active.faq-search-active .faq-show-more {
display: none !important;
}
}
@media (min-width: 768px) {
#faq .faq-extra-wrap {
display: contents;
}
}
.megamenu .submenu-expander {
display: none !important;
}
.mini-review-link {
color: #737373;
}
.grecaptcha-badge,
.grecaptcha-logo {
display: none !important;
}
.news-card-summary-icon {
margin-left: -5px;
margin-top: -2px;
}
.pricing-topics-header-cell {
cursor: pointer;
user-select: none;
}
.pricing-topics-header-cell:hover h5 {
color: #0587ed;
}
.pricing-topics-toggle {
display: inline-flex;
align-items: center;
margin-top: 0.75rem;
padding: 0;
border: 0;
background: none;
color: #0587ed;
font-size: inherit;
font-weight: 600;
cursor: pointer;
transition: color var(--dur-fast, 160ms) ease, transform var(--dur-press, 140ms) cubic-bezier(0.23, 1, 0.32, 1);
}
.pricing-topics-toggle:hover {
color: #0369b3;
}
.pricing-topics-toggle:active {
transform: scale(0.98);
}
.pricing-topics-toggle-icon {
margin-right: 0.65rem;
transition: transform var(--dur-base, 200ms) cubic-bezier(0.23, 1, 0.32, 1);
}
.pricing-topics-toggle.is-expanded .pricing-topics-toggle-icon {
transform: rotate(90deg);
}
#pricing-comparison-table tr.pricing-topic-extra,
#pricing-comparison-table tr.pricing-table-writing {
transition:
opacity 220ms cubic-bezier(0.23, 1, 0.32, 1),
transform 220ms cubic-bezier(0.23, 1, 0.32, 1);
transition-delay: var(--pricing-stagger, 0ms);
}
#pricing-comparison-table tr.pricing-topic-extra:not(.is-visible),
#pricing-comparison-table tr.pricing-table-writing:not(.is-visible) {
opacity: 0;
transform: translateY(10px);
}
#pricing-comparison-table tr.pricing-topic-extra.is-visible,
#pricing-comparison-table tr.pricing-table-writing.is-visible {
opacity: 1;
transform: translateY(0);
}
#pricing-comparison-table tr.pricing-topic-extra.is-hiding,
#pricing-comparison-table tr.pricing-table-writing.is-hiding {
opacity: 0;
transform: translateY(10px);
}
.pricing-value {
display: inline-block;
transition:
opacity 220ms cubic-bezier(0.23, 1, 0.32, 1),
transform 220ms cubic-bezier(0.23, 1, 0.32, 1);
}
.pricing-value.is-updating {
opacity: 0;
transform: translateY(6px);
}
.pricing-select-container .writing-package-btn-group label.btn {
transition:
background-color var(--dur-fast, 160ms) ease,
border-color var(--dur-fast, 160ms) ease,
color var(--dur-fast, 160ms) ease,
transform var(--dur-press, 140ms) cubic-bezier(0.23, 1, 0.32, 1);
}
@media (prefers-reduced-motion: reduce) {
#pricing-comparison-table tr.pricing-topic-extra,
#pricing-comparison-table tr.pricing-table-writing,
.pricing-value,
.pricing-topics-toggle-icon,
.carousel-logos a.news-outlet-chip,
#news-carousel .news-outlet-scroller a.news-outlet-chip {
transition: none !important;
transform: none !important;
}
.carousel-logos a.news-outlet-chip:hover,
#news-carousel .news-outlet-scroller a.news-outlet-chip:hover {
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
border-color: #e5e7eb;
color: #374151;
}
#pricing-comparison-table tr.pricing-topic-extra:not(.is-visible),
#pricing-comparison-table tr.pricing-table-writing:not(.is-visible) {
opacity: 1;
}
#pricing-comparison-table .tooltip .tooltiptext {
opacity: 1 !important;
transform: none !important;
transition: none !important;
}
}
.fade-in {
animation: fadeIn var(--dur-fast, 160ms) cubic-bezier(0.23, 1, 0.32, 1);
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@media (max-width: 700px) {
.pill-tabs {
flex-direction: column;
border: none !important;
}
#pill-container-1 input[id="radio-network-7"]:checked~.pill-glider {
transform: translateX(0);
transform: translateY(0);
}
#pill-container-1 input[id="radio-network-8"]:checked~.pill-glider {
transform: translateX(0);
transform: translateY(100%);
}
#pill-container-1 input[id="radio-network-9"]:checked~.pill-glider {
transform: translateX(0);
transform: translateY(200%);
}
#pill-container-1 input[id="radio-network-10"]:checked~.pill-glider {
transform: translateX(0);
transform: translateY(300%);
}
}
@media screen and (min-width: 1200px) {
.liquid-img-group-browser {
}
}
@media screen and (min-width: 992px) {
.stretch-to-right {
margin-right: -23vw !important;
}
.case-study-picture {
height: 236px;
}
}
@media screen and (max-width: 991px) {
.screenshot-arrow {
display: none;
}
#wrap #hero-section {
padding-top: 30px !important;
padding-bottom: var(--section-py-tight) !important;
margin-top: 0;
}
.how-it-works-heading {
margin-bottom: var(--stack-gap);
}
.pro-pricing-option::before {
display: none;
}
}
@media screen and (max-width: 768px) {
.flickity-page-dots {
top: 9px;
bottom: unset;
}
#header-carousel {
margin-bottom: -35%;
}
.btn-xs-block {
width: 100%;
white-space: normal;
margin-left: 0 !important;
top: 0 !important;
margin-bottom: 5px;
}
.btn-xs-block>span {
width: 100%;
-webkit-box-pack: center;
justify-content: center;
}
.container {
}
.pro-pricing-option::before {
background-image: none !important;
}
.hide-on-mobile,
.d-flex.hide-on-mobile {
display: none !important;
}
h1,
h2 {
font-size: 30px !important;
}
.news-grid-shrink .iconbox {
padding: 10px 10px !important;
margin: 0 0 15px 0;
min-height: 85px !important;
}
.news-grid-shrink .contents a img {
height: auto;
max-width: 100%;
max-height: 62px;
}
.liquid-counter-element.counter-animated {
font-size: 25px !important;
}
.liquid-counter-text.liquid-text-bottom {
font-size: 15px !important;
}
.liquid-counter {
margin-bottom: 0px;
}
.fs-xs-16 {
font-size: 18px;
}
.append2 {
display: none;
}
.how-it-works-content p {
text-align: left !important;
}
.btn-mobile-block {
display: block;
}
}
@media (max-width: 767px) {
.btn-mobile-block {
display: block;
width: 100%;
margin-left: 0 !important;
}
.btn-mobile-block > span {
display: block;
width: 100%;
}
.btn-mobile-block .btn-txt {
text-align: center;
}
}
@media screen and (max-width: 475px) {
.main {
font-size: 10.8vw !important;
}
.append {
font-size: 8.9vw !important;
}
.btn-mobile-block {
width: 100%;
margin-bottom: 15px;
margin-left: 0 !important;
}
.btn-mobile-block .btn-txt {
text-align: center;
}
.btn-mobile-block span {
width: 100%;
display: block;
}
.text-center-xs {
text-align: center;
}
#pill-container-2 {
scale: 1.2;
}
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
#hero-section {
padding-top: 30px !important;
}
#wrap #hero-section {
padding-bottom: 3rem !important;
margin-bottom: 0 !important;
}
#hero-section .hero-layout-spacer {
display: none !important;
}
#wrap #news-carousel {
padding-top: var(--section-py-tight) !important;
}
#how-it-works {
padding-top: var(--section-py) !important;
}
#how-it-works > .container > .row.mb-6,
#how-it-works .how-it-works-layout {
margin-bottom: var(--block-gap) !important;
padding-bottom: 0 !important;
}
#how-it-works .how-it-works-layout > .mb-30 {
margin-bottom: var(--stack-gap) !important;
}
#how-it-works .how-it-works-media .liquid-img-container-inner {
margin-bottom: 0 !important;
}
#how-it-works .how-it-works-sample-row {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
#how-it-works .how-it-works-sample-card {
width: 100%;
max-width: 100%;
margin-top: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-bottom: var(--block-gap) !important;
float: none !important;
}
#how-it-works .how-it-works-sample-card > .iconbox {
margin-top: 0 !important;
width: 100%;
}
#hero-section .hero-cta-group {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.75rem;
}
#hero-section .hero-cta-group .btn {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: auto !important;
max-width: 100%;
margin: 0 !important;
float: none !important;
}
#hero-section .hero-cta-group .btn-video-explainer .btn-txt br {
display: none;
}
#how-it-works .heading-label,
#benefits .heading-label,
#results .heading-label,
#reviews .heading-label,
#packages .heading-label,
#case-studies .heading-label,
#money-back-guarantee .heading-label,
#official-reviews .heading-label {
text-align: center !important;
}
}
@media (max-width: 767px) {
section[id]:not(#hero-section):not(#news-carousel) .fancy-heading,
section[id]:not(#hero-section):not(#news-carousel) .fancy-title,
section[id]:not(#hero-section):not(#news-carousel) .heading-label,
section[id]:not(#hero-section):not(#news-carousel) .fancy-heading :is(h1, h2, h3, h4, h5, h6),
section[id]:not(#hero-section):not(#news-carousel) .fancy-title :is(h1, h2, h3, h4, h5, h6),
#results .results-formats-block h4 {
text-align: left !important;
}
.cta1 .lqd-column.text-left-mob {
text-align: center !important;
}
#benefits header.fancy-title,
#benefits header.fancy-title .heading-label,
#benefits header.fancy-title h2,
#benefits header.fancy-title p {
text-align: left !important;
}
}
@media screen and (max-width: 767px) {
[data-mobile-header-scheme=gray] .main-header .navbar-header {
background-color: #f0f3f5;
}
#homepage-video img {
width: 100%;
}
#hero-section .hero-layout-spacer {
display: none !important;
}
#wrap #hero-section {
padding-bottom: var(--space-4) !important;
}
#wrap #how-it-works {
padding-top: var(--space-4) !important;
}
#wrap #how-it-works .how-it-works-header-row > .lqd-column {
padding-bottom: 0 !important;
}
#wrap #how-it-works .how-it-works-header {
padding-bottom: var(--space-3) !important;
}
}
@media screen and (max-width: 767px) {
#benefits .container {
padding-left: max(var(--space-6), env(safe-area-inset-left, 0px)) !important;
padding-right: max(var(--space-6), env(safe-area-inset-right, 0px)) !important;
}
#benefits .container > .px-2 {
padding-left: 0 !important;
padding-right: 0 !important;
}
#benefits .benefits-cards-scroll {
display: block;
}
#benefits .benefits-cards-scroll > .row {
display: block !important;
margin-top: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: var(--space-6) !important;
}
#benefits .benefits-cards-scroll > .row:last-child {
margin-bottom: 0 !important;
}
#benefits .benefits-cards-scroll > .row > .lqd-column {
padding-left: 0 !important;
padding-right: 0 !important;
}
#benefits .benefits-cards-scroll .feature-box {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
#benefits .benefits-cards-scroll .feature-box div.visible-xs > p ~ p {
display: none !important;
}
}
@media (max-width: 767px) {
#hero-section > .container {
padding-left: max(var(--space-6), env(safe-area-inset-left, 0px)) !important;
padding-right: max(var(--space-6), env(safe-area-inset-right, 0px)) !important;
}
#hero-section > .container > .row,
#hero-section > .container .row .row {
margin-left: 0 !important;
margin-right: 0 !important;
}
#hero-section > .container > .row > .lqd-column,
#hero-section > .container .row .row > .lqd-column {
padding-left: 0 !important;
padding-right: 0 !important;
}
#hero-section .ld-fancy-heading.visible-xs,
#hero-section p.lead.visible-xs,
#hero-section ul.hero-benefits-list.visible-xs,
#hero-section .liquid-img-group-img-container.visible-xs {
padding-left: 0 !important;
padding-right: 0 !important;
}
#hero-section ul.hero-benefits-list.visible-xs li + li {
margin-top: var(--space-2);
}
#hero-section .hero-eyebrow-trustpilot-clip {
width: 100%;
max-width: 100%;
}
#hero-section .hero-cta-subtext {
margin-left: 0 !important;
padding-left: 0 !important;
}
#hero-section .hero-review-copy {
margin-right: 0 !important;
}
section#how-it-works.benefits1 {
padding-left: max(var(--space-6), env(safe-area-inset-left, 0px)) !important;
padding-right: max(var(--space-6), env(safe-area-inset-right, 0px)) !important;
}
#how-it-works .container {
padding-left: 0 !important;
padding-right: 0 !important;
}
#how-it-works .container > .row,
#how-it-works .how-it-works-layout {
margin-left: 0 !important;
margin-right: 0 !important;
}
#how-it-works .how-it-works-header-row > .lqd-column,
#how-it-works .how-it-works-content-col {
padding-left: 0 !important;
padding-right: 0 !important;
}
#how-it-works .mobile-news-grid {
padding-left: 0 !important;
padding-right: 0 !important;
}
#how-it-works .mobile-news-grid > .col-xs-4 {
padding-left: var(--space-2);
padding-right: var(--space-2);
}
}
@media screen and (max-width: 767px) {
#reviews .reviews-carousel-ui {
display: none !important;
}
#reviews .reviews-carousel-track {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
gap: var(--space-6) !important;
overflow-x: auto !important;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
scroll-padding-left: 0;
margin: 0 !important;
padding: var(--space-3) 0 var(--space-4) !important;
transform: none !important;
scrollbar-width: none;
}
#reviews .reviews-carousel-track::-webkit-scrollbar {
display: none;
}
#reviews .reviews-scroll-col {
flex: 0 0 88% !important;
max-width: 88% !important;
min-width: 88% !important;
display: flex;
flex-direction: column;
gap: var(--space-4);
scroll-snap-align: start;
scroll-snap-stop: always;
margin: 0 !important;
}
#reviews .reviews-scroll-col .review-box {
flex: 0 0 auto;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
}
#reviews .reviews-carousel-track > .review-box {
flex: 0 0 88% !important;
max-width: 88% !important;
min-width: 88% !important;
margin: 0 !important;
scroll-snap-align: start;
scroll-snap-stop: always;
}
#reviews .reviews-cards-shell + .cards-dots {
margin-top: var(--space-2);
margin-bottom: var(--space-6) !important;
}
#case-studies .case-studies-cards {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: flex-start !important;
gap: var(--space-4);
overflow-x: auto !important;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
scroll-padding-left: 0;
margin: 0 !important;
padding: 0 0 var(--space-4) !important;
scrollbar-width: none;
}
#case-studies .case-studies-cards::-webkit-scrollbar {
display: none;
}
#case-studies .case-studies-cards > .lqd-column {
flex: 0 0 85% !important;
max-width: 85% !important;
min-width: 85% !important;
margin: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
scroll-snap-align: start;
scroll-snap-stop: always;
align-self: flex-start;
}
#case-studies .case-studies-cards > .lqd-column.hidden {
display: none !important;
}
#case-studies .case-studies-cards .case-study-card {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100%;
box-shadow: 0 14px 34px rgba(0, 0, 0, 0.09) !important;
}
#case-studies > .container:first-child .lqd-column {
margin-bottom: var(--space-4) !important;
}
#case-studies header.fancy-title {
margin-bottom: var(--space-2) !important;
padding-bottom: 0 !important;
}
#case-studies > .container:last-of-type {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
#case-studies .cards-dots {
margin-top: 0 !important;
}
.cards-dots {
display: flex;
justify-content: center;
align-items: center;
gap: var(--space-2);
margin-top: var(--space-2);
margin-bottom: var(--space-2);
padding: 0;
}
.cards-dot {
-webkit-appearance: none;
appearance: none;
border: 0;
padding: 0;
width: 8px;
height: 8px;
border-radius: 999px;
background: #d5dae2;
cursor: pointer;
transition: width 0.45s cubic-bezier(0.22, 1, 0.36, 1),
background-color 0.45s ease, background-image 0.45s ease;
}
.cards-dot.is-active {
width: 26px;
background-image: linear-gradient(to right, #fe506c, #fc6a2a);
}
}
@media (min-width: 768px) {
.cards-dots {
display: none !important;
}
}
@media (max-width: 767px) {
#results .results-cards-column {
display: flex;
flex-direction: column;
gap: var(--space-6);
}
#results .report-feature-box {
padding: var(--space-8) var(--space-6) !important;
margin: 0 !important;
transform: none !important;
}
#results .report-feature-box > * {
opacity: 1 !important;
transform: none !important;
}
#results .report-feature-box > h3:first-child {
margin-top: 0 !important;
}
#results .report-feature-box > *:last-child {
margin-bottom: 0 !important;
}
#results .report-feature-box .reach-stats {
margin-bottom: 0 !important;
}
#results .report-feature-box .reach-stats p {
margin-bottom: 0 !important;
}
#results #placement-box {
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: var(--space-2) !important;
}
#results #placement-box > a {
padding-left: var(--space-2) !important;
padding-right: var(--space-2) !important;
}
#results .report-feature-box p.text-light {
padding-right: 0 !important;
margin-bottom: 0 !important;
}
#results .reach-stats .reach-stat-col.mr-5 {
margin-right: var(--space-5) !important;
}
#results .results-formats-block {
display: none !important;
}
}
@media (min-width: 992px) {
#placement-box.cards-reveal > a {
opacity: 0;
transform: translateY(16px);
}
#placement-box.cards-reveal.is-in-view > a {
opacity: 1;
transform: translateY(0);
transition: opacity 0.35s var(--ease-out, cubic-bezier(0.23, 1, 0.32, 1)),
transform 0.35s var(--ease-out, cubic-bezier(0.23, 1, 0.32, 1));
}
}
@media (prefers-reduced-motion: reduce) {
#placement-box.cards-reveal > a {
opacity: 1 !important;
transform: none !important;
transition: none !important;
}
}
@media (max-width: 767px) {
#pricing {
display: none !important;
}
}
@media (max-width: 767px) {
#package-addons {
display: none !important;
}
}
@media screen and (max-width: 414px) {
.block-center-414 {
display: block;
margin-bottom: 10px;
text-align: center;
width: 100%;
margin-left: 0px !important;
}
.block-center-414 span,
.block-center-414 h6 {
margin-left: 0 !important;
}
}
@media screen and (min-width: 768px) {
.benefits-image-tablet {
transform: translateY(0px);
opacity: 1;
float: left;
width: 40%;
margin-right: var(--space-6);
position: relative;
margin-bottom: var(--block-gap) !important;
}
}
@media screen and (min-width: 550px) {
.mobile-news-logo {
padding: 2em !important;
}
}
@media (max-width: 1199px) {
.main-header {
position: fixed !important;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 1001;
transition: transform 0.32s cubic-bezier(0.22, 0.61, 0.36, 1);
will-change: transform;
}
.main-header.m-nav-hidden {
transform: translateY(-100%);
}
#wrap {
padding-top: var(--m-header-h, 73px);
}
body.bp-index8 #content > section[id] {
scroll-margin-top: var(--m-header-h, 73px);
}
html.lity-active .main-header,
body:has(.fr-window) .main-header {
z-index: 1001 !important;
}
}
@media screen and (max-width: 1199px) {
[data-mobile-header-scheme=gray] .main-header .navbar-header {
background-color: #f5f7fa;
}
[data-mobile-nav-style=classic] .navbar-collapse,
[data-mobile-nav-style=minimal] .navbar-collapse {
max-height: 100vh;
}
.pricing-select-container .btn-group .btn {
width: 100%;
border-radius: var(--radius-md);
margin-left: 0px;
border-left: 1px solid #0587ed;
}
}
@media screen and (min-width: 1200px) {
#hero-section .custom-shape-divider-bottom-1621016099 {
bottom: -2rem;
}
#wrap #hero-section {
padding-bottom: 5.5rem !important;
}
#hero-section .hero-layout-spacer {
padding-bottom: 3rem;
}
.is-stuck {
background-color: rgb(245 247 250);
box-shadow: none;
-webkit-backdrop-filter: unset;
backdrop-filter: blur(20px) saturate(180%);
}
}
@media print {
.no-print,
.inline-nav,
.logo-default,
.logo-dark {
display: none !important;
}
}
.border-radius-6 { border-radius: var(--radius-md) !important; }
.border-radius-8 { border-radius: var(--radius-control) !important; }
.border-radius-18 { border-radius: var(--radius-surface) !important; }
.radius-surface { border-radius: var(--radius-surface) !important; }
.radius-control { border-radius: var(--radius-control) !important; }
.radius-pill { border-radius: var(--radius-pill) !important; }
.circle,
.heading-label .circle,
.heading-label span.bg-white,
.heading-label.bg-white {
border-radius: var(--radius-pill) !important;
}
.heading-label span.bg-white,
.heading-label.bg-white {
display: inline-block;
width: auto;
max-width: 100%;
}
#wrap .hero-video-container,
#wrap .hero-video,
#wrap #homepage-video,
#wrap #homepage-video img,
#wrap picture.border-radius-18,
#wrap img.border-radius-18,
#wrap video.border-radius-18,
#wrap .review-box,
#wrap .fancy-box-travel,
#wrap .fancy-box-travel .fancy-box-image,
#wrap .fancy-box-travel .fancy-box-contents,
#wrap .fancy-box-travel .cb-img-container,
#wrap .liquid-img-group-container,
#wrap .liquid-img-group-img-container,
#wrap .liquid-img-container-inner,
#wrap .review-container .liquid-img-group-img-container,
#wrap .review-container .liquid-img-container-inner,
#wrap picture.iconbox-round,
#wrap .review-container picture,
#wrap .review-container picture img,
#wrap .feature-box,
#wrap .report-feature-box,
#wrap .iconbox.light-grey-border,
#wrap .iconbox.iconbox-shadow,
#wrap .iconbox.iconbox-logo,
#wrap .iconbox.border-radius-8,
#wrap .iconbox.border-radius-18,
#wrap .testimonial.iconbox,
#wrap .iconbox-pricing,
#wrap .iconbox-filled.iconbox-lg,
#wrap #pricing-comparison-table,
#wrap .pricing-table,
#wrap .progress.bg-gray,
#wrap .ai-answer-card.ai-chatgpt-window,
#wrap .lqd-modal-inner,
#wrap .lqd-modal-content,
#wrap #exit-popup,
#wrap #modal-join-newsletter,
#wrap #modal-bulk-prices .lqd-modal-inner,
#wrap .lity-content .lqd-modal-sticky-foot {
border-radius: var(--radius-surface) !important;
}
#wrap .hero-video-container,
#wrap .hero-video,
#wrap #homepage-video,
#wrap #homepage-video img,
#wrap picture.border-radius-18,
#wrap picture.iconbox-round,
#wrap .review-container picture,
#wrap .review-container picture img,
#wrap .liquid-img-group-container,
#wrap .liquid-img-group-img-container,
#wrap .liquid-img-container-inner,
#wrap .review-container .liquid-img-group-img-container,
#wrap .review-container .liquid-img-container-inner,
#wrap .fancy-box-travel .fancy-box-image,
#wrap .case-study-picture,
#wrap [data-roundness="8"] .liquid-img-group-img-container,
#wrap [data-roundness="8"] .liquid-img-container-inner {
overflow: hidden;
}
#wrap .btn:not(.circle),
#wrap .buy-now-button,
#wrap .iconbox.light-grey-border .btn:not(.circle),
#wrap .case-study-picture,
#wrap .case-study-picture img,
#wrap .review-favicon,
#wrap .review-box img.review-favicon,
#wrap .gdpr_checkbox,
#wrap input[type="text"],
#wrap input[type="email"],
#wrap input[type="password"],
#wrap input[type="search"],
#wrap input[type="tel"],
#wrap input[type="url"],
#wrap textarea,
#wrap select,
#wrap .email-field,
#wrap .form-control,
#wrap .megamenu-badge-popular,
#wrap .news-list-table {
border-radius: var(--radius-control) !important;
}
#wrap .iconbox.light-grey-border > a > img,
#wrap .iconbox.light-grey-border > a.btn > img,
#wrap .iconbox.light-grey-border img:not(.hero-benefit-tick),
#wrap .iconbox.light-grey-border img.case-study-picture {
border-radius: var(--radius-control) !important;
}
i.hero-benefit-tick {
margin: 0 0.5rem 0 0;
padding: 0;
font-size: 1.15em;
vertical-align: -0.1em;
}
#wrap .btn.circle,
#wrap .pricing-most-popular-badge,
#wrap .pricing-most-popular-badge--notch,
#wrap .ai-chatgpt-source-chip,
#wrap .ai-chatgpt-composer,
#wrap .news-outlet-chip,
#wrap .review-tag,
#wrap .review-card-package,
#wrap .badge-pill,
#wrap #hero-section .badge-pill,
#wrap .nav.tabs-nav li.active a {
border-radius: var(--radius-pill) !important;
}
#wrap .btn .fa-chevron-right,
#wrap .btn > .fa-chevron-right,
#wrap button.btn .fa-chevron-right {
display: none !important;
}
.lity-opened .lity-wrap .lity-container,
.lity-content:has(.lqd-modal-sticky-foot),
.lity-opened .lity-wrap .lity-container:has(.lqd-modal-sticky-foot) {
border-radius: var(--radius-surface) !important;
overflow: hidden;
}
.lity-content .lqd-modal-sticky-foot {
border-radius: var(--radius-surface);
}
.modal-inline-close,
.video-modal-close,
.fr-window .fr-close-outside,
.fr-window .fr-close-fullclick {
border-radius: 50% !important;
}
#wrap .review-box img:not(.review-favicon):not(.star-rating):not(.yellow-star-rating-heading),
#wrap .hero-review-avatar,
#wrap .inline-circle img {
border-radius: 50%;
}
#wrap .review-box img.star-rating,
#wrap .review-box img.yellow-star-rating-heading {
border-radius: 0 !important;
}
#wrap > section[id] {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
#wrap > section[id]:not(#hero-section):not(#how-it-works-legacy) {
padding-top: var(--section-py) !important;
padding-bottom: var(--section-py) !important;
overflow: visible !important;
}
#wrap #hero-section {
padding-bottom: clamp(2.5rem, 5vw, 4rem) !important;
margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
#wrap > section#hero-section.vc_row {
padding-bottom: var(--space-5) !important;
}
#wrap #hero-section {
background-image: none;
}
section#how-it-works.benefits1 {
padding-top: var(--space-8) !important;
}
}
@media (max-width: 767px) {
body > section[id]:not(#news-carousel):not(#pricing),
body > section.cta1.vc_row {
padding-top: var(--space-8) !important;
padding-bottom: var(--space-8) !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
#reviews .fancy-title {
margin-top: 0 !important;
}
#recommendations > .container > .row:first-of-type {
padding-top: 0 !important;
}
}
#wrap #news-carousel,
#wrap #official-reviews {
padding-top: var(--section-py-tight) !important;
padding-bottom: var(--section-py) !important;
}
@media (min-width: 992px) {
#wrap > section[id]:has(> .custom-shape-divider-bottom-1621016099) {
padding-bottom: var(--section-divider-inset) !important;
overflow: visible !important;
}
#wrap > section[id]:has(> .custom-shape-divider-bottom-1621016099) + section[id]:not(#hero-section):not(#how-it-works-legacy) {
padding-top: var(--section-py-tight) !important;
}
#wrap > section[id]:has(> .custom-shape-divider-bottom-1621016099) > .container {
position: relative;
z-index: 2;
overflow: visible;
padding-bottom: var(--space-2);
}
#wrap > section[id]:has(> .custom-shape-divider-bottom-1621016099) .row,
#wrap > section[id]:has(> .custom-shape-divider-bottom-1621016099) .news-grid {
overflow: visible;
}
#wrap > section[id]:has(> .custom-shape-divider-bottom-1621016099) > .custom-shape-divider-bottom-1621016099 {
z-index: 1;
pointer-events: none;
}
#wrap #hero-section:has(> .custom-shape-divider-bottom-1621016099) {
padding-bottom: calc(clamp(2.5rem, 5vw, 4rem) + var(--section-divider-crest)) !important;
}
}
#wrap .iconbox.iconbox-shadow,
#wrap .iconbox.light-grey-border.iconbox-shadow,
#wrap #packages .iconbox-pricing,
#wrap #case-studies .iconbox.light-grey-border,
#wrap .news-grid .iconbox.iconbox-shadow,
#wrap #pricing .iconbox.iconbox-shadow {
overflow: visible !important;
}
#wrap .iconbox.iconbox-shadow > .contents,
#wrap .iconbox.light-grey-border.iconbox-shadow > .contents {
overflow: hidden;
border-radius: inherit;
}
#wrap .liquid-img-group-single[data-shadow-style] .liquid-img-group-img-container,
#wrap .review-preview-stage .liquid-img-group-img-container {
overflow: visible !important;
}
@media (min-width: 992px) {
#wrap #results .results-formats-block {
padding-bottom: var(--space-10);
margin-bottom: var(--space-4);
}
#wrap #packages .news-grid {
padding-bottom: var(--section-shadow-bleed);
margin-bottom: var(--space-4);
}
#wrap #case-studies > .container:last-of-type {
padding-bottom: var(--section-shadow-bleed);
}
#wrap #money-back-guarantee > .container {
padding-bottom: var(--space-8);
}
#wrap #pricing > .container {
padding-bottom: var(--section-shadow-bleed);
}
}
#wrap #pricing .pricing-table-row {
padding-bottom: var(--space-4);
}
#wrap #pricing #pricing-comparison-table {
margin-bottom: 0 !important;
}
#pricing #pricing-comparison-table.pricing-table {
border-collapse: separate !important;
border-spacing: 0 !important;
border-radius: var(--radius-surface, 18px) !important;
border: 1px solid #ededed !important;
}
#pricing #pricing-comparison-table thead tr:first-child > th:first-child {
border-top-left-radius: var(--radius-surface, 18px);
}
#pricing #pricing-comparison-table thead tr:first-child > th:last-child {
border-top-right-radius: var(--radius-surface, 18px);
}
#pricing #pricing-comparison-table tbody tr:last-child > td:first-child {
border-bottom-left-radius: var(--radius-surface, 18px);
}
#pricing #pricing-comparison-table tbody tr:last-child > td:last-child {
border-bottom-right-radius: var(--radius-surface, 18px);
}
#pricing #pricing-comparison-table thead {
border-top-left-radius: var(--radius-surface, 18px);
border-top-right-radius: var(--radius-surface, 18px);
}
#wrap #pricing .pricing-upsell-row {
margin-top: 0 !important;
padding-top: calc(var(--space-10) + var(--section-shadow-bleed)) !important;
}
@media (min-width: 992px) {
#pricing .pricing-upsell-row {
margin-top: 0 !important;
padding-top: var(--space-8) !important;
}
}
#wrap #pricing {
padding-bottom: calc(var(--section-py) + var(--section-shadow-bleed)) !important;
}
#wrap #recommendations {
padding-bottom: calc(var(--section-py) + var(--section-shadow-bleed)) !important;
}
#wrap #recommendations + #case-studies {
padding-top: var(--section-py-tight) !important;
}
#wrap #recommendations .fancy-title.mb-40 {
margin-bottom: var(--header-gap) !important;
}
#wrap #case-studies header.fancy-title.mb-md-50,
#wrap #case-studies header.fancy-title {
margin-bottom: var(--header-gap) !important;
}
#wrap #money-back-guarantee .btn {
margin-bottom: var(--space-2);
}
#wrap > section[id] .container {
padding-left: var(--space-4);
padding-right: var(--space-4);
}
@media (min-width: 768px) {
#wrap > section[id] .container {
padding-left: var(--space-6);
padding-right: var(--space-6);
}
}
@media (min-width: 992px) {
#wrap > section[id] .container {
padding-left: var(--space-8);
padding-right: var(--space-8);
}
}
#wrap .fancy-heading,
#wrap .fancy-title {
margin-bottom: var(--header-gap) !important;
}
#wrap .heading-label {
margin-bottom: var(--stack-gap) !important;
}
#wrap .heading-label span.bg-white {
margin-bottom: 0 !important;
}
#wrap .fancy-heading h2,
#wrap .fancy-title h2,
#wrap header.fancy-title h2 {
margin-top: 0 !important;
margin-bottom: var(--stack-gap) !important;
}
#wrap section[id]:not(#hero-section):not(#news-carousel) .fancy-heading .heading-label + h2,
#wrap section[id]:not(#hero-section):not(#news-carousel) .fancy-title .heading-label + h2 {
margin-top: 0 !important;
padding-top: 0 !important;
}
@media (min-width: 768px) {
#wrap section[id]:not(#hero-section):not(#news-carousel) .fancy-heading .heading-label + h2,
#wrap section[id]:not(#hero-section):not(#news-carousel) .fancy-title .heading-label + h2 {
padding-top: var(--space-2) !important;
}
}
#wrap .fancy-heading > .lead,
#wrap .fancy-title > .lead,
#wrap .fancy-heading p.lead,
#wrap .fancy-title p.lead,
#wrap header.fancy-title p.lead,
#wrap header.fancy-heading + p.lead,
#wrap header.fancy-title + p.lead,
#wrap h2 + p.lead,
#wrap h3 + p.lead {
margin-top: 0 !important;
margin-bottom: var(--header-gap) !important;
}
#wrap > section[id] .container > .row {
margin-bottom: var(--block-gap);
}
#wrap > section[id] .container > .row:last-child {
margin-bottom: 0;
}
#wrap #hero-section .hero-eyebrow-wrap {
margin-bottom: calc(var(--space-6) + 0.125rem) !important;
}
#wrap #hero-section .hero-headline {
margin-top: 0 !important;
margin-bottom: var(--space-3) !important;
padding-top: 0 !important;
}
#wrap #hero-section .hero-subheading {
margin-top: var(--space-3) !important;
margin-bottom: var(--space-4) !important;
}
#wrap #hero-section .hero-benefits-list {
margin-top: 0;
margin-bottom: var(--space-5);
}
@media (min-width: 768px) {
#hero-section .hero-benefits-list li + li {
margin-top: var(--space-1);
}
}
#wrap #hero-section .hero-cta-subtext {
margin-bottom: var(--space-4) !important;
}
#wrap #hero-section .heading-label {
margin-bottom: var(--space-4) !important;
}
#wrap .feature-box,
#wrap .report-feature-box {
margin-bottom: var(--block-gap) !important;
padding: var(--space-8) var(--space-8) var(--space-6);
border-radius: var(--radius-surface);
overflow: visible;
}
#wrap .iconbox.light-grey-border:not(.testimonial) {
margin-bottom: var(--card-gap);
}
#wrap .testimonial.iconbox {
margin-bottom: var(--card-gap) !important;
}
#wrap #case-studies .iconbox.light-grey-border {
margin-bottom: var(--card-gap);
}
#wrap #case-studies .case-study-card {
position: relative;
cursor: pointer;
}
#wrap #case-studies .case-study-card .liquid-overlay-link {
border-radius: inherit;
}
.case-study-card .text-primary {
font-weight: 600;
}
@media (hover: hover) and (pointer: fine) {
.case-study-card .btn-white-blue {
transition: background-color var(--dur-base) var(--ease-out),
color var(--dur-base) var(--ease-out);
}
.case-study-card:hover .btn-white-blue {
background: #0287ed;
color: #fff;
}
}
#wrap #packages .iconbox-pricing {
margin-bottom: var(--card-gap);
}
#wrap #benefits .row.d-flex.flex-wrap.align-items-center,
#wrap #benefits .row[id],
#wrap #how-it-works .how-it-works-layout,
#wrap #how-it-works .how-it-works-item,
#wrap #how-it-works .how-it-works-sample-row,
#wrap #results .row,
#wrap #recommendations .row,
#wrap #case-studies .row,
#wrap #reviews .row,
#wrap #packages .row {
margin-bottom: var(--block-gap) !important;
}
#packages .packages-delivery-copy-inner {
display: inline-flex;
align-items: center;
gap: var(--space-2);
}
#packages .packages-delivery-copy-icon {
height: 26px;
width: 26px;
margin-top: -5px;
flex-shrink: 0;
display: block;
}
@media (max-width: 767px) {
#packages .packages-delivery-copy {
font-size: 17px;
line-height: 1.5;
}
#packages .packages-delivery-copy-icon {
display: block;
height: 22px;
width: 22px;
margin-top: -2px;
}
}
#packages .pricing-kpis,
#packages .pricing-cta-mobile,
#packages .pricing-foot-mbg {
display: none;
}
@media (max-width: 767px) {
#packages .pricing-hide-mob {
display: none !important;
}
#packages .col-sm-6.col-md-3.d-flex {
flex: 0 0 100%;
max-width: 100%;
align-items: flex-start !important;
}
#packages .iconbox-pricing.d-flex.flex-column {
height: auto !important;
}
#packages .iconbox-pricing .flex-grow-1 {
flex-grow: 0 !important;
}
#packages .pricing-kpis {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--space-2);
margin: 0 0 var(--space-4);
}
#packages .pricing-kpi {
display: flex;
flex-direction: column;
gap: var(--space-1);
min-width: 0;
padding: var(--space-3) var(--space-2);
text-align: center;
background: var(--light);
border: 1px solid rgba(29, 29, 29, 0.06);
border-radius: var(--radius-lg);
}
#packages .pricing-kpi-label {
font-size: 10px;
line-height: 1.2;
font-weight: var(--weight-semibold);
letter-spacing: var(--tracking-caps);
text-transform: uppercase;
color: var(--color-text-muted);
}
#packages .pricing-kpi-value {
margin-top: auto;
font-size: var(--text-xl);
line-height: 1.1;
font-weight: var(--weight-bold);
color: var(--color-text);
}
#packages .pricing-cta-mobile {
display: block;
width: 100%;
margin-bottom: 0;
}
#packages .pricing-card-foot {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: stretch;
justify-content: flex-start;
gap: var(--space-3);
width: 100%;
margin-top: var(--space-3) !important;
}
#packages .iconbox-pricing {
position: relative;
}
#packages .pricing-foot-mbg {
display: inline-flex;
align-items: center;
position: absolute;
top: var(--space-6);
right: var(--space-6);
z-index: 3;
margin: 0;
padding: 6px 12px;
font-size: 10px;
font-weight: var(--weight-semibold);
line-height: 1.4;
white-space: nowrap;
color: #1d1d1d;
background: #fff;
border: 1px solid rgba(29, 29, 29, 0.08);
border-radius: var(--radius-pill);
box-shadow: none;
text-decoration: none;
}
#packages .pricing-most-popular-badge--card .pricing-popular-full {
display: none !important;
}
#packages .pricing-most-popular-badge--card .pricing-popular-short {
display: inline !important;
}
#packages .iconbox-pricing .p-4 > div:first-child {
align-items: center;
column-gap: var(--space-2);
}
#packages .iconbox-pricing .p-4 > div:first-child h4 {
width: auto !important;
flex: 0 1 auto;
}
#packages .pricing-most-popular-badge--card {
margin: 0 !important;
}
#packages .pricing-sample-report-link {
display: block;
width: 100%;
padding: 0.4rem 1rem;
font-size: 18px;
font-weight: 500;
line-height: 1.35;
text-align: center;
text-decoration: none;
color: var(--gray-dark, #1d1d1d) !important;
background: #fff;
border: 1px solid #ededed;
border-radius: var(--radius-control, 8px);
box-shadow: none;
}
#packages .pricing-sample-report-link i {
display: none !important;
}
#packages .pricing-sample-report-link {
transition: background-color var(--dur-fast, 160ms) ease,
border-color var(--dur-fast, 160ms) ease,
color var(--dur-fast, 160ms) ease;
}
#packages .pricing-sample-report-link:hover,
#packages .pricing-sample-report-link:focus-visible {
background: #0287ed;
border-color: #0287ed;
color: #fff !important;
}
#packages .iconbox-pricing ul {
margin-bottom: var(--space-2) !important;
}
}
@media (min-width: 768px) {
#packages .iconbox-pricing .flex-grow-1 {
flex: 1 1 auto !important;
}
#packages .pricing-card-foot {
display: flex;
flex-direction: column;
width: 100%;
margin-top: auto !important;
}
#packages .pricing-sample-report-link {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 38px;
padding: 0 1rem;
box-sizing: border-box;
color: var(--color-text, #1d1d1d) !important;
background: #fff;
border: 1px solid #ededed;
border-radius: var(--radius-control, 8px);
font-size: 15px;
font-weight: 500;
line-height: 1.2;
text-align: center;
text-decoration: none;
box-shadow: none;
transition: background-color var(--dur-fast, 160ms) ease,
border-color var(--dur-fast, 160ms) ease,
color var(--dur-fast, 160ms) ease;
}
#packages .pricing-sample-report-link:hover,
#packages .pricing-sample-report-link:focus-visible {
background: #0287ed;
border-color: #0287ed;
color: #fff !important;
}
}
#wrap .secure-checkout-lock-icon {
height: 22px;
width: auto;
vertical-align: -0.3em;
margin-right: 0.125rem;
}
#wrap .cta1 .cta-delivery-copy {
margin-top: 0.25rem;
font-size: var(--text-base, 1rem);
line-height: var(--leading-snug, 1.375);
}
#wrap .reach-stats .reach-stat-number {
display: inline-block;
}
#wrap .reach-stats.is-inview .reach-stat-number {
animation: reachStatIn 560ms var(--ease-out, cubic-bezier(0.23, 1, 0.32, 1)) both;
}
#wrap .reach-stats.is-inview .reach-stat-col:nth-child(2) .reach-stat-number {
animation-delay: 110ms;
}
@keyframes reachStatIn {
from {
opacity: 0;
transform: translateY(8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (prefers-reduced-motion: reduce) {
#wrap .reach-stats.is-inview .reach-stat-number {
animation: none;
}
}
@media (min-width: 1200px) {
#wrap .cta1 .btn.btn-gradient {
min-width: 12.5rem;
padding-left: var(--space-8);
padding-right: var(--space-8);
}
}
#wrap #how-it-works .how-it-works-header-row {
margin-bottom: 0 !important;
}
#wrap #how-it-works .how-it-works-header {
margin-bottom: 0 !important;
padding-bottom: var(--space-6);
}
#wrap #how-it-works {
padding-bottom: calc(var(--section-py) + var(--space-12) + var(--space-12) + var(--space-12) + var(--space-10)) !important;
}
@media (min-width: 992px) {
#wrap #how-it-works {
padding-bottom: calc(var(--section-divider-inset) + var(--space-12) + var(--space-12) + var(--space-12) + var(--space-12) + var(--space-10)) !important;
}
#wrap #how-it-works > .container {
padding-bottom: calc(var(--space-12) + var(--space-12));
}
}
.how-it-works-layout {
margin-top: 0;
}
.how-it-works-media-col {
display: flex;
justify-content: center;
}
.how-it-works-media {
width: 100%;
max-width: 555px;
margin-left: auto;
margin-right: auto;
}
.how-it-works-media .liquid-img-group-img-container {
cursor: pointer;
}
.how-it-works-media .liquid-img-group-content {
pointer-events: none;
}
.how-it-works-media .hover-glow {
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.how-it-works-media .liquid-img-group-img-container:hover .hover-glow,
.how-it-works-media .liquid-img-group-img-container:focus-within .hover-glow {
box-shadow: 0 0 15px rgb(254 81 107), 0 0 25px rgb(254 81 107 / 60%);
transform: scale(1.05);
}
.how-it-works-media .how-it-works-video-trigger {
border-radius: inherit;
}
#hero-section .liquid-img-group-img-container.visible-xs {
position: relative;
cursor: pointer;
}
#hero-section .liquid-img-group-img-container.visible-xs .liquid-img-group-content {
pointer-events: none;
}
#hero-section .hero-mobile-video-trigger {
border-radius: inherit;
}
.how-it-works-subhead {
margin-bottom: var(--stack-gap) !important;
}
#wrap #how-it-works .how-it-works-subhead h3 {
margin-bottom: 0 !important;
}
.how-it-works-actions {
margin-top: var(--header-gap);
}
#wrap #how-it-works .how-it-works-cta-row {
margin-top: var(--space-8);
padding-bottom: calc(var(--space-12) + var(--space-8));
}
#wrap #how-it-works .how-it-works-cta-row .how-it-works-actions {
margin-top: 0;
}
@media (min-width: 992px) {
#wrap #how-it-works .how-it-works-cta-row {
margin-top: var(--space-10);
padding-bottom: 10rem;
}
}
.how-it-works-trustpilot {
margin-top: var(--space-4);
max-width: 100%;
}
.how-it-works-trustpilot iframe {
max-width: 100%;
}
#wrap #benefits header.fancy-title .heading-label {
display: block !important;
width: fit-content;
max-width: 100%;
margin-left: auto !important;
margin-right: auto !important;
text-align: center;
}
@media (max-width: 767px) {
#wrap #benefits header.fancy-title .heading-label {
margin-left: 0 !important;
margin-right: 0 !important;
text-align: left;
}
}
#wrap #benefits #ai-authority-framework {
padding-top: var(--section-py) !important;
padding-bottom: var(--space-10) !important;
margin-top: var(--block-gap) !important;
margin-bottom: 0 !important;
position: relative;
z-index: 2;
}
#wrap #benefits #ai-authority-framework .ai-authority-header {
padding-top: var(--header-gap);
padding-bottom: var(--space-6);
}
#wrap #benefits #ai-authority-framework .ai-authority-layout {
margin-top: 0;
margin-bottom: 0 !important;
}
@media (min-width: 992px) {
#wrap #how-it-works .how-it-works-header {
padding-bottom: var(--space-8);
}
#wrap #benefits #ai-authority-framework .ai-authority-header {
padding-bottom: var(--space-8);
}
#wrap #benefits #ai-authority-framework .ai-authority-card-col {
padding-bottom: var(--space-2);
}
}
#wrap .ai-authority-signals {
gap: var(--header-gap);
}
#wrap #how-it-works .how-it-works-steps {
margin-bottom: 0;
}
#wrap #how-it-works .how-it-works-steps .ai-authority-signal {
opacity: 0;
transform: translateY(1.15rem);
transition:
opacity 0.48s ease,
transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}
#wrap #how-it-works .how-it-works-steps .ai-authority-signal.is-step-in {
opacity: 1;
transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
#wrap #how-it-works .how-it-works-steps .ai-authority-signal {
opacity: 1;
transform: none;
transition: none;
}
}
#wrap #how-it-works .how-it-works-cta {
text-align: center;
margin-top: 0;
}
#wrap #how-it-works .how-it-works-cta-subtext {
margin: var(--space-2) 0 0 !important;
}
@media (min-width: 992px) {
#how-it-works .how-it-works-layout {
align-items: center !important;
}
#how-it-works .how-it-works-media-col {
justify-content: flex-end;
padding-right: 1rem;
}
#how-it-works .how-it-works-media-col .how-it-works-media {
margin-left: auto;
margin-right: 0;
max-width: 720px;
}
#how-it-works .how-it-works-media .liquid-img-container-inner {
max-width: 720px;
margin-left: auto;
margin-right: 0;
}
#how-it-works .how-it-works-media .liquid-img-container-inner picture,
#how-it-works .how-it-works-media .liquid-img-container-inner img {
width: 100%;
height: auto;
}
#how-it-works .how-it-works-content-col {
padding-left: 2.75rem !important;
}
#wrap #how-it-works .how-it-works-subhead {
margin-bottom: var(--space-5) !important;
}
#wrap #how-it-works .how-it-works-trustpilot {
margin-top: var(--space-4);
}
}
#wrap #recommendations {
overflow: visible !important;
}
#wrap #recommendations > .container {
overflow: visible;
}
#wrap #recommendations .review-container,
#wrap #recommendations .lqd-column.review-container {
margin-bottom: var(--card-gap);
}
@media (max-width: 767px) {
#recommendations .review-container .liquid-img-group-content h4 {
margin-top: 10px;
}
}
@media (min-width: 768px) {
#wrap #recommendations .review-preview-stage {
overflow: visible;
padding-bottom: var(--space-12);
margin-bottom: var(--block-gap);
}
#wrap #recommendations .review-container .liquid-img-container-inner {
margin-bottom: var(--space-4) !important;
}
}
#wrap #results .results-formats-block {
padding-top: var(--block-gap);
margin-bottom: 0;
}
#wrap #reviews .reviews-cards-shell {
margin-bottom: var(--stack-gap);
}
#wrap #recommendations .fancy-title[style*="margin-top"],
#wrap #recommendations header.fancy-title,
#wrap #case-studies .fancy-title[style*="margin-top"],
#wrap #case-studies header.fancy-title {
margin-top: 0 !important;
}
@media screen and (min-width: 992px) {
#wrap #news-carousel {
margin-top: 0;
}
}
.ai-authority-layout {
margin-top: 0;
}
.ai-authority-card-col {
display: flex;
justify-content: center;
}
.ai-answer-card-wrap {
width: 100%;
max-width: 430px;
margin-left: auto;
margin-right: auto;
overflow: visible;
padding-bottom: var(--space-2);
}
@media (min-width: 768px) {
.ai-authority-card-col {
justify-content: flex-start;
}
.ai-authority-card-col .ai-answer-card-wrap {
margin-left: 0;
margin-right: auto;
}
}
.ai-answer-card.ai-chatgpt-window {
display: flex;
flex-direction: column;
width: 100%;
max-width: 430px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: var(--radius-surface);
box-shadow: 0 8px 24px rgba(15, 23, 42, 0.07);
overflow: hidden;
padding: 0;
}
.ai-answer-card-image {
display: block;
width: 100%;
height: auto;
border-radius: calc(var(--radius-surface) - 2px);
}
.ai-chatgpt-header {
display: flex;
align-items: center;
gap: 0.55rem;
padding: 0.85rem 1rem;
border-bottom: 1px solid #eceff3;
background: #fff;
}
.ai-chatgpt-logo {
flex: 0 0 20px;
width: 20px;
height: 20px;
object-fit: contain;
}
.ai-chatgpt-title {
color: var(--color-text);
font-family: var(--font-sans);
font-size: var(--text-base);
font-weight: var(--weight-medium);
line-height: 1.2;
}
.ai-chatgpt-body {
flex: 1 1 auto;
display: flex;
flex-direction: column;
gap: 1rem;
padding: 1.5rem 1.5rem 1.25rem;
}
.ai-chatgpt-question-wrap {
align-self: flex-end;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 0.4rem;
max-width: 92%;
width: 100%;
}
.ai-chatgpt-question {
width: 100%;
padding: 0.75rem 0.9rem;
border-radius: var(--radius-surface) var(--radius-surface) var(--radius-control) var(--radius-surface);
background: #f3f4f6;
color: var(--color-text);
font-family: var(--font-sans);
font-size: var(--text-sm);
font-weight: var(--weight-regular);
line-height: var(--leading-normal);
opacity: 0;
transform: translateY(18px);
transition:
opacity 0.62s cubic-bezier(0.23, 1, 0.32, 1),
transform 0.62s cubic-bezier(0.23, 1, 0.32, 1);
}
.ai-chatgpt-source-check {
margin: 0;
padding: 0 0.1rem;
color: var(--color-text-muted);
font-family: var(--font-sans);
font-size: 0.6875rem;
font-weight: var(--weight-regular);
line-height: 1.2;
letter-spacing: 0.01em;
opacity: 0;
transform: translateY(4px);
transition:
opacity 0.42s cubic-bezier(0.23, 1, 0.32, 1),
transform 0.42s cubic-bezier(0.23, 1, 0.32, 1);
}
.ai-chatgpt-window.is-revealing .ai-chatgpt-source-check.is-visible,
.ai-chatgpt-window.is-reveal-complete .ai-chatgpt-source-check {
opacity: 1;
transform: translateY(0);
}
.ai-chatgpt-window.is-revealing .ai-chatgpt-question.is-visible,
.ai-chatgpt-window.is-reveal-complete .ai-chatgpt-question {
opacity: 1;
transform: translateY(0);
}
.ai-chatgpt-window.is-measuring .ai-chatgpt-question,
.ai-chatgpt-window.is-measuring .ai-chatgpt-source-check,
.ai-chatgpt-window.is-measuring .ai-chatgpt-sources,
.ai-chatgpt-window.is-measuring .ai-chatgpt-source-chip {
opacity: 1 !important;
transform: none !important;
transition: none !important;
}
.ai-chatgpt-answer {
align-self: flex-start;
max-width: 100%;
padding: 0;
color: var(--color-text);
font-family: var(--font-sans);
font-size: var(--text-base);
font-weight: var(--weight-regular);
line-height: var(--leading-relaxed);
min-height: 4.5rem;
}
.ai-chatgpt-answer-typed {
display: inline;
color: var(--color-text);
word-break: normal;
overflow-wrap: break-word;
}
.ai-chatgpt-word {
display: inline;
white-space: nowrap;
}
.ai-chatgpt-char {
display: inline;
opacity: 0;
animation: ai-chatgpt-char-in 0.08s ease forwards;
}
@keyframes ai-chatgpt-char-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.ai-answer-card-brand {
color: #0587ed;
font-weight: 500;
}
.ai-chatgpt-sources {
margin-top: 0.15rem;
opacity: 0;
transform: translateY(6px);
transition:
opacity 0.32s cubic-bezier(0.23, 1, 0.32, 1),
transform 0.32s cubic-bezier(0.23, 1, 0.32, 1);
}
.ai-chatgpt-window.is-reveal-complete .ai-chatgpt-sources.is-visible {
opacity: 1;
transform: translateY(0);
}
.ai-chatgpt-source-chip {
display: inline-flex;
align-items: center;
gap: 0.35rem;
padding: 0.35rem 0.65rem;
border: 1px solid #e5e7eb;
border-radius: var(--radius-full);
background: #fff;
color: var(--color-text);
font-family: var(--font-sans);
font-size: var(--text-xs);
font-weight: var(--weight-medium);
line-height: 1.2;
white-space: nowrap;
opacity: 0;
transform: translateY(4px);
transition:
opacity 0.28s cubic-bezier(0.23, 1, 0.32, 1),
transform 0.28s cubic-bezier(0.23, 1, 0.32, 1);
}
.ai-chatgpt-source-chip.is-visible {
opacity: 1;
transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
.ai-chatgpt-question,
.ai-chatgpt-source-check,
.ai-chatgpt-sources,
.ai-chatgpt-source-chip {
opacity: 1 !important;
transform: none !important;
transition: none !important;
}
.ai-chatgpt-char {
opacity: 1 !important;
animation: none !important;
}
}
.ai-chatgpt-sources-label {
display: block;
margin-bottom: 0.5rem;
color: var(--color-text-muted);
font-family: var(--font-sans);
font-size: var(--text-xs);
font-weight: var(--weight-medium);
letter-spacing: 0.02em;
text-transform: uppercase;
}
.ai-chatgpt-source-chips {
display: flex;
flex-wrap: wrap;
gap: 0.45rem;
}
.ai-chatgpt-source-favicon {
flex: 0 0 16px;
width: 16px;
height: 16px;
border-radius: var(--radius-sm);
object-fit: contain;
}
.ai-chatgpt-composer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.65rem;
margin: auto 1rem 0.9rem;
padding: 0.4rem 0.4rem 0.4rem 0.95rem;
border: 1px solid #e5e7eb;
border-radius: var(--radius-full);
background: #fff;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
flex: 0 0 auto;
}
.ai-chatgpt-composer-placeholder {
color: var(--color-text-muted);
font-family: var(--font-sans);
font-size: var(--text-xs);
font-weight: var(--weight-regular);
line-height: 1;
}
.ai-chatgpt-composer-send {
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.5rem;
height: 1.5rem;
border-radius: var(--radius-full);
background: #1f2937;
color: #fff;
font-size: 0.6875rem;
flex: 0 0 1.5rem;
}
@media (min-width: 768px) {
.ai-chatgpt-body {
gap: var(--space-3);
padding-bottom: var(--space-2);
}
.ai-chatgpt-sources {
margin-top: 0;
}
.ai-chatgpt-composer {
margin-top: 0;
}
}
.ai-authority-signals {
display: flex;
flex-direction: column;
gap: var(--header-gap);
}
@media (max-width: 767px) {
#ai-authority-framework .ai-authority-signals {
display: none !important;
}
#benefits #ai-authority-framework {
margin-top: calc(var(--space-12) + var(--space-4));
}
#ai-authority-framework .ai-authority-layout {
margin-left: 0 !important;
margin-right: 0 !important;
}
#ai-authority-framework .ai-authority-card-col {
padding-left: 0 !important;
padding-right: 0 !important;
margin-bottom: var(--space-6) !important;
}
#ai-authority-framework .ai-authority-header {
margin-bottom: var(--space-8) !important;
}
#ai-authority-framework .ai-authority-sample-link {
text-align: center;
padding-left: 0 !important;
}
}
@media (max-width: 767px) {
#how-it-works-mob .how-it-works-subhead-title {
font-size: 30px;
font-weight: 700;
line-height: 1.12;
color: var(--color-text, #1d1d1d);
margin: 0 0 var(--space-4);
}
#how-it-works .how-it-works-steps {
gap: var(--space-4);
}
#how-it-works .how-it-works-steps .ai-authority-signal {
background: #fff;
border: 1px solid #ededed;
border-radius: var(--radius-surface);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
padding: 1.15rem 1.25rem;
}
}
.ai-authority-signal {
display: flex;
align-items: flex-start;
gap: 1rem;
}
.ai-authority-signal-num {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 1.8em;
width: 1.8em;
height: 1.8em;
border-radius: 50%;
background-color: #71a986;
color: #fff;
font-size: 15px;
font-weight: 700;
line-height: 1;
letter-spacing: 0;
}
.ai-authority-signal-title {
margin: 0 0 0.25rem;
}
.ai-authority-signal-desc {
margin: 0;
}
#wrap .ai-authority-sample-link {
margin-top: var(--space-10);
text-align: left;
}
@media (min-width: 768px) {
#ai-authority-framework .ai-authority-sample-link {
padding-left: calc(27px + 1rem);
}
}
@media (min-width: 992px) {
.ai-authority-signals-col {
padding-left: 2.75rem !important;
}
}
#wrap {
font-family: var(--font-sans);
font-size: var(--text-md);
font-weight: var(--weight-medium);
line-height: var(--leading-normal);
color: var(--color-text-body);
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
#wrap h1,
#wrap h2,
#wrap h3,
#wrap h4,
#wrap h5,
#wrap h6 {
color: var(--color-text);
text-wrap: balance;
}
#wrap p,
#wrap li {
text-wrap: pretty;
}
#wrap .hero-headline {
font-size: var(--text-display) !important;
line-height: var(--leading-tight);
letter-spacing: var(--tracking-tight);
color: var(--color-text);
}
#wrap .hero-subheading {
font-size: var(--text-xl) !important;
font-weight: var(--weight-medium);
line-height: var(--leading-snug);
color: var(--color-text-secondary);
max-width: 95%;
}
#wrap .hero-cta-subtext,
.hero-cta-subtext {
font-size: var(--text-sm) !important;
font-weight: var(--weight-medium);
color: var(--color-text-secondary);
margin-top: 0.85rem;
}
#wrap .hero-benefits-list {
font-size: var(--text-base);
line-height: var(--leading-snug);
color: var(--color-text-body);
}
#wrap .hero-review-copy,
#wrap .hero-review-quote,
#wrap .hero-review-attribution {
font-size: var(--text-sm);
line-height: var(--leading-snug);
}
#wrap .hero-review-attribution {
color: var(--color-text-muted);
}
#wrap .heading-label .font-size-13,
#wrap .font-size-13.text-uppercase {
font-size: var(--text-xs) !important;
font-weight: var(--weight-medium);
letter-spacing: var(--tracking-caps);
text-transform: uppercase;
color: var(--color-text-body);
}
#wrap .font-size-10 { font-size: var(--text-xs) !important; }
#wrap .font-size-12 { font-size: var(--text-xs) !important; }
#wrap .font-size-13 { font-size: var(--text-xs) !important; }
#wrap .font-size-14 { font-size: var(--text-sm) !important; }
#wrap .font-size-15 { font-size: var(--text-base) !important; }
#wrap .font-size-16 { font-size: var(--text-base) !important; }
#wrap .font-size-17 { font-size: var(--text-md) !important; }
#wrap .font-size-18 { font-size: var(--text-lg) !important; }
#wrap .font-size-20 { font-size: var(--text-xl) !important; }
#wrap .lead {
font-size: var(--text-xl);
line-height: var(--leading-relaxed);
color: var(--color-text-body);
}
#wrap .lead.font-size-14,
#wrap .lead.font-size-16 {
font-size: var(--text-sm) !important;
}
#wrap .text-light {
color: var(--color-text-muted) !important;
}
#wrap .text-black {
color: var(--color-text) !important;
}
#wrap .text-dark {
color: var(--color-text) !important;
}
#wrap .fancy-heading > p.lead,
#wrap section > .container > .row > .lqd-column > p.lead {
font-size: var(--text-xl);
color: var(--color-text-body);
}
#wrap .iconbox-heading-sm h3,
#wrap .ai-authority-signal-title {
font-size: var(--text-base);
font-weight: var(--weight-semibold);
color: var(--color-text);
}
#wrap .iconbox-heading-sm p,
#wrap .ai-authority-signal-desc {
font-size: var(--text-sm);
line-height: var(--leading-relaxed);
color: var(--color-text-body);
}
#wrap h2,
#wrap .h2 {
font-size: var(--text-section) !important;
font-weight: var(--weight-bold);
line-height: var(--leading-tight);
letter-spacing: var(--tracking-tight);
color: var(--color-text);
}
#wrap h3,
#wrap .h3 {
font-size: var(--text-2xl);
font-weight: var(--weight-bold);
line-height: var(--leading-snug);
color: var(--color-text);
}
#wrap h4,
#wrap .h4 {
font-size: var(--text-xl);
font-weight: var(--weight-bold);
color: var(--color-text);
}
#wrap .ld-fancy-heading.visible-xs h1,
#wrap .ld-fancy-heading.visible-xs h1 span {
font-size: var(--text-display) !important;
font-weight: var(--weight-bold);
line-height: var(--leading-tight);
letter-spacing: var(--tracking-tight);
color: var(--color-text);
}
#wrap .append2.hero-headline {
color: var(--color-text);
font-size: var(--text-display) !important;
}
#wrap .hero-trust-block .hero-review-copy,
#wrap .hero-trust-block .hero-review-copy.lead {
font-size: var(--text-sm) !important;
font-weight: var(--weight-regular);
line-height: var(--leading-snug);
color: var(--color-text-body);
}
#wrap .hero-trust-block .hero-review-attribution,
#wrap .hero-trust-block .hero-review-attribution.lead {
font-size: var(--text-sm) !important;
font-weight: var(--weight-regular);
color: var(--color-text);
}
#wrap .hero-trust-block .hero-review-attribution a {
color: var(--color-link);
}
#wrap #hero-section .badge-pill {
font-family: var(--font-sans);
font-size: var(--text-sm);
font-weight: var(--weight-medium);
color: var(--color-text-body) !important;
}
#wrap .how-it-works-content ul,
#wrap .benefits1 ul:not(.hero-benefits-list) {
font-size: var(--text-base);
line-height: var(--leading-normal);
color: var(--color-text-body);
}
#wrap p.font-size-15 {
font-size: var(--text-base) !important;
line-height: var(--leading-normal);
color: var(--color-text-body);
}
#wrap .btn {
font-family: var(--font-sans);
}
#wrap .btn .btn-txt.font-size-18 {
font-size: var(--text-lg) !important;
}
#wrap .btn.font-size-14,
#wrap .btn .btn-txt.font-size-14 {
font-size: var(--text-sm) !important;
}
#wrap .font-weight-bold { font-weight: var(--weight-bold) !important; }
#wrap .font-weight-normal { font-weight: var(--weight-regular) !important; }
#wrap .review-card-name a {
font-size: var(--text-base);
font-weight: var(--weight-semibold);
color: var(--color-text);
}
#wrap .review-card-score {
font-size: var(--text-xs);
font-weight: var(--weight-semibold);
color: var(--color-text-secondary);
}
#wrap .review-card-package {
font-size: var(--text-xs);
font-weight: var(--weight-semibold);
color: var(--color-text-secondary);
}
#wrap .review-card-body {
font-size: var(--text-sm);
line-height: var(--leading-relaxed);
color: var(--color-text);
}
#wrap .reviews-carousel-counter {
font-size: var(--text-xs);
font-weight: var(--weight-semibold);
color: var(--color-text-muted);
}
#wrap .news-outlet-chip {
font-family: var(--font-sans);
font-size: var(--text-sm);
font-weight: var(--weight-medium);
color: var(--color-text);
}
#wrap .fancy-heading > p:not(.lead) {
font-size: var(--text-base);
line-height: var(--leading-normal);
color: var(--color-text-body);
}
#wrap .iconbox-pricing,
#wrap .pricing-table {
font-family: var(--font-sans);
font-size: var(--text-base);
color: var(--color-text-body);
}
#wrap .iconbox-pricing h3,
#wrap .iconbox-pricing h4,
#wrap .pricing-table h4 {
color: var(--color-text);
}
#wrap .lqd-modal-sticky-foot .package-modal-body > h2 {
font-size: var(--text-section);
color: var(--color-text);
}
#wrap .lqd-modal-sticky-foot .package-modal-body > p,
#wrap .lqd-modal-sticky-foot .news-list-table td small {
color: var(--color-text-secondary);
font-size: var(--text-sm);
}
@keyframes ai-word-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes ai-word-sweep{from{background-size:0 100%}to{background-size:100% 100%}}
@keyframes ai-word-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes ai-word-fade{from{opacity:0}to{opacity:1}}
@keyframes ai-word-pop{from{opacity:0;transform:scale(.82)}to{opacity:1;transform:none}}
.ai-chatgpt-window[data-ai-word-reveal] .ai-chatgpt-question,
.ai-chatgpt-window[data-ai-word-reveal] .ai-chatgpt-source-check,
.ai-chatgpt-window[data-ai-word-reveal] .ai-chatgpt-sources,
.ai-chatgpt-window[data-ai-word-reveal] .ai-chatgpt-source-chip{
opacity:1;
transform:none;
transition:none;
}
.ai-chatgpt-window[data-ai-word-reveal] .ai-w{
display:inline-block;
animation:ai-word-in .32s ease both;
}
.ai-chatgpt-window[data-ai-word-reveal] .ai-w-brand{
display:inline;
color:#0587ed;
font-weight:500;
background:linear-gradient(90deg,#E8E4FF,#DCE8FF) no-repeat;
background-size:100% 100%;
border-radius:6px;
padding:1px 5px;
animation:ai-word-in .32s ease both,ai-word-sweep .55s ease both;
}
.ai-chatgpt-window[data-ai-word-reveal] .ai-w-block{
display:block;
width:100%;
animation:ai-word-rise .62s cubic-bezier(.23,1,.32,1) both;
}
.ai-chatgpt-window[data-ai-word-reveal] .ai-chatgpt-sources-label.ai-w-block{
width:auto;
display:inline-block;
animation:ai-word-fade .45s ease both;
}
.ai-chatgpt-window[data-ai-word-reveal] .ai-w-chip{
display:inline-flex;
animation:ai-word-pop .55s cubic-bezier(.34,1.4,.64,1) both;
}
.js .ai-chatgpt-window[data-ai-word-reveal]:not(.play) .ai-w,
.js .ai-chatgpt-window[data-ai-word-reveal]:not(.play) .ai-w-block,
.js .ai-chatgpt-window[data-ai-word-reveal]:not(.play) .ai-w-chip{
animation-play-state:paused!important;
}
.ai-chatgpt-window[data-ai-word-reveal].reset .ai-w,
.ai-chatgpt-window[data-ai-word-reveal].reset .ai-w-block,
.ai-chatgpt-window[data-ai-word-reveal].reset .ai-w-chip{
animation:none!important;
}
@media (prefers-reduced-motion:reduce){
.ai-chatgpt-window[data-ai-word-reveal] .ai-w,
.ai-chatgpt-window[data-ai-word-reveal] .ai-w-block,
.ai-chatgpt-window[data-ai-word-reveal] .ai-w-chip{
animation-duration:.01ms!important;
animation-delay:0s!important;
}
}
.horizontal-divided-list {
display: flex;
list-style: none;
justify-content: center;
padding: 0;
margin: 0;
}
.review-5-star {
display: inline-block
}
.horizontal-divided-list li {
padding: 10px;
text-align: center;
}
.h5 .emoji {
margin-top: -4px;
margin-right: 3px;
}
.horizontal-divided-list li:first-child {
border-left: none;
}
[data-megamenu-bg-scheme=dark] .lqd-custom-menu a {
color: var(--color-link);
}
.roller {
height: 1em;
position: relative;
overflow: hidden;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 37px !important;
line-height: 1.197 !important
}
.roller #rolltext {
position: absolute;
top: 0;
animation: roller 3.5s;
animation-fill-mode: forwards;
left: 0;
white-space: nowrap;
}
.roller:hover #rolltext {
animation: roller-reverse 6s cubic-bezier(0, 0, 0, 0);
animation-fill-mode: forwards;
}
.text-default {
color: var(--color-font);
}
#login-check {
margin-left: 0;
height: 18px;
width: 18px;
}
.login-check-label {
margin-left: 8px;
margin-top: 1px;
}
.heading-bullets li {
float: left;
margin-right: 9px;
}
@keyframes roller {
0% {
top: 0;
}
100% {
top: -12em;
}
}
@keyframes roller-reverse {
0% {
top: -12em;
}
100% {
top: 0;
}
}
@media screen and (min-width: 768px) {
.benefits-image-tablet {
transform: translateY(0px);
opacity: 1;
float: left;
width: 40%;
margin-right: var(--space-6, 1.5rem);
position: relative;
margin-bottom: var(--block-gap, clamp(1.5rem, 3vw, 2rem)) !important;
}
.append2.hero-headline {
font-size: var(--text-display, clamp(1.875rem, 3.5vw, 2.8125rem)) !important;
}
}
@media screen and (max-width: 1199px) {
[data-mobile-nav-style=classic] .navbar-collapse,
[data-mobile-nav-style=minimal] .navbar-collapse {
max-height: 100vh;
}
.megamenu .nav-item-children {
padding: 0px 12px;
}
}
@media screen and (max-width: 991px) {
.horizontal-divided-list li {
border: none;
padding: 5px 10px;
}
.horizontal-divided-list li:last-child {
border-bottom: none;
}
.content h4,
.content .h4 {
font-size: var(--text-3xl, 1.875rem);
}
.feature-box {
margin-bottom: var(--block-gap, clamp(1.5rem, 3vw, 2rem)) !important;
}
.feature-box, .report-feature-box {
border-radius: var(--radius-surface, 1rem);
border: 1px solid #ededed;
background: #fff;
padding: 30px 30px 10px 30px;
box-shadow: 0 25px 70px rgba(0, 0, 0, 0.07);
}
.report-feature-box {
margin-left:10px !important;
margin-right:10px !important;
margin-top:0px !important;
margin-bottom: var(--block-gap, clamp(1.5rem, 3vw, 2rem)) !important;
padding-top:0px;
}
#case-study-lbo .iconbox, .review-box{
margin-bottom: var(--block-gap, clamp(1.5rem, 3vw, 2rem));
}
}
@media screen and (max-width: 550px) {
.text-left-mob {
text-align: left !important;
text-wrap: wrap !important;
}
.feature-box, .report-feature-box {
margin-left: 24px;
margin-right: 24px;
margin-bottom: var(--block-gap, clamp(1.5rem, 3vw, 2rem)) !important;
}
.intercom-namespace .intercom-with-namespace-4wz414 {
bottom: 10px !important;
}
.mobile-banner {
padding: 10px 20px !important;
}
}
@media screen and (max-width: 767px) {
.append2.hero-headline {
font-size: var(--text-display, clamp(1.875rem, 3.5vw, 2.8125rem)) !important;
}
#how-it-works .container {
margin-top: 0;
z-index: 2 !important;
position: relative;
}
#benefits {
padding-bottom: 0 !important;
}
.review-box:last-of-type {
margin-bottom: var(--block-gap, clamp(1.5rem, 3vw, 2rem));
}
}
@media screen and (max-width: 800px) {
#cookieNoticePro.display-bottom {
bottom: 87px;
}
}
.mobile-banner {
display: none;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
z-index: 99;
padding: 20px;
backdrop-filter: blur(10px) saturate(150%);
background-color: rgba(255, 255, 255, 0.9);
}
.desktop-bubble {
position: fixed;
bottom: 0;
right: 60px;
z-index: 999991;
padding: 20px;
}
.buy-now-button {
display: block;
text-align: center;
color: #fff;
padding: 10px 20px;
border-radius: var(--radius-control, 0.5rem);
text-decoration: none;
font-weight: bold;
background: -webkit-gradient(linear, left top, right top, from(var(--color-gradient-stop)), to(var(--color-gradient-start)));
background: linear-gradient(to right, var(--color-gradient-stop) 0, var(--color-gradient-start) 100%);
background-size: 99.99%;
width: calc(100% - 70px);
}
.buy-now-button:hover,
.buy-now-button:active {
color: #fff;
background: -webkit-gradient(linear, left top, right top, from(var(--color-gradient-stop)), to(var(--color-gradient-start)));
background: linear-gradient(to right, var(--color-gradient-stop) 0, var(--color-gradient-start) 100%);
background-size: 99.99%;
}
@media (max-width: 768px) {
.mobile-banner {
display: block;
}
}
.review-box:before {
background: none !important;
height: 0px;
}
.review-box img.star-rating {
right: auto !important;
width: 133px;
height: 50px;
}
.review-box img.yellow-star-rating-heading{
width: 20px;
height: 20px;
position: relative;
border-radius: 0;
left: 0;
bottom: 0 !important;
margin-right: -3px;
top: -3px;
}
.review-box img.review-favicon {
width: 40px;
height: 40px;
border-radius: var(--radius-control, 0.5rem);
position: static;
top: auto;
left: auto;
bottom: auto !important;
float: none;
margin: 0;
flex-shrink: 0;
object-fit: contain;
background: #f5f7fa;
padding: 4px;
box-sizing: border-box;
}
.review-box {
padding: 1.8rem 1.5rem 1.5rem 1.5rem;
border-radius: var(--radius-surface, 1rem);
}
.tooltiptext {
z-index: 99999;
}
.review-tag {
border: #fae2cc;
background: #fae2cc;
font-size: var(--text-xs, 0.75rem);
border-radius: var(--radius-pill, 9999px);
padding: 6px 16px;
margin-left: 0;
color: #d29b6e;
display: inline-block;
}
.review-box .bp_rating {
display: inline-block;
margin: 0;
}
.review-box img {
bottom: 37px !important;
}
.review-box span span {
margin: 20px 0 15px 65px;
}
.bp_rating.star_gray .fa-square {
color: #00e89b;
}
.bp_rating.star_red .fa-square {
color: #d29b6e;
}
.tooltip:not(.tooltip-plain) .tooltiptext:before {
display: none !important;
background: none !important;
}
.tooltip:not(.tooltip-plain) .tooltiptext span:after {
background-image: none !important;
}
.tooltip .bp_rating {
display: inline-block !important;
}
.tooltip .star-container {
position: absolute;
bottom: 19px;
right: -100px;
scale: 0.8;
}
ol.styled-counter {
counter-reset: item;
list-style: none;
padding-left: 0;
}
ol.styled-counter li {
counter-increment: item;
position: relative;
padding-left: 2.12em;
margin-bottom: 0.5em;
}
ol.styled-counter li::before {
content: counter(item);
position: absolute;
left: 0;
top: 0;
width: 1.8em;
height: 1.8em;
line-height: 1.8em;
border-radius: 50%;
background-color: #71a986;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 15px;
}
.review-stars-br {
position: absolute;
right: 15px;
bottom: 11px;
}
.bp_rating .fa-star {
font-size: 19px;
color: #fff;
}
.bp_rating .fa-square {
color: #00b67a;
}
.bp_rating.fa-stack {
width: 1.67em;
}
.bp_rating .fa-square.star5 {
color: #00b67a;
}
.bp_rating .fa-square.star4 {
color: #72cf10;
}
.bp_rating .fa-square.star3 {
color: #fece00;
}
.bp_rating .fa-square.star2 {
color: #ff8621;
}
.bp_rating .fa-square.star1 {
color: #ff3315;
}
.bp_rating .fa-square.star-null {
color: #dcdce6;
}
.pricing-table thead {
z-index: 999;
}
.lity {
z-index: 9999999;
}
.text-light {
color: var(--color-text-muted, #9ca3af);
}
.centered-reviews {
min-height: 24px;
margin: auto auto;
width: fit-content;
}
.liquid-img-group-content.content-floated-mid {
top: calc(50% - 15px);
}
.hover-glow:hover {
box-shadow: 0 0 15px rgb(254 81 107), 0 0 25px rgb(254 81 107 / 60%);
transform: scale(1.05);
}
#why-brand-push .iconbox-side .iconbox-icon-wrap {
margin-left: -10px;
}
@media (max-width: 768px) {
#heading-trust1 .inline-reviews,
#heading-trust1 p {
margin: auto auto;
width: 100%;
}
#heading-trust1 .inline-reviews {
margin-top: 16px !important;
}
.lead-xs {
font-size: 1.3rem;
font-weight: 400;
line-height: 1.6;
}
.inline-circle img {
width: 55px;
}
ol.styled-counter li {
border: 1px solid #ededed;
background: #fff;
box-shadow: 0 25px 70px rgba(0, 0, 0, 0.07);
border-radius: var(--radius-surface, 1rem);
padding: 15px 15px 15px 50px;
margin-bottom: 15px;
}
ol.styled-counter li::before {
top: 15px;
left: 12px;
}
}
#news-carousel {
position: relative;
margin: 0;
}
.carousel-wrapper {
overflow: hidden;
background: white;
padding: 1rem 0;
width: 100%;
max-width: 1150px;
margin: auto;
}
.carousel-inner {
width: 200%;
display: flex;
flex-wrap: nowrap;
gap: 5rem;
will-change: transform;
}
.carousel-item img {
max-height: 100px;
display: block;
}
.google-rank-element {
width: 100%;
background: #fff;
border-radius: var(--radius-surface, 1rem);
border: 1px solid #ededed;
box-shadow: 0 30px 30px rgba(0, 0, 0, .05);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.icon-circle-img {
width: 65%;
position: relative;
top: -5px;
left: -1px;
}
.pricing-emoji {
position: relative;
margin-top: -12px;
margin-bottom: -12px;
margin-left: -15px !important;
width: 59px !important;
}
.yellow-star-rating-heading {
width: 27px;
margin-right: -8px;
}
.hero-headline {
font-size: var(--text-display, clamp(1.875rem, 3.5vw, 2.8125rem)) !important;
line-height: var(--leading-tight, 1.15);
}
.hero-subheading {
font-weight: var(--weight-medium, 500);
font-size: var(--text-xl, 1.25rem) !important;
max-width: 95%;
color: var(--color-text-secondary, #6b7280);
}
.pricing-table tbody tr td .fa-minus-circle {
color: #ccc;
}
.review-container .liquid-img-container-inner::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 45%;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}
.iconbox-pricing {
padding: 30px;
}
.iconbox-pricing ul {
list-style: none;
padding-left: 0;
}
ul.li-tick {
list-style: none;
margin: 0;
padding: 0;
}
ul.li-tick>li {
position: relative;
padding-left: 26px;
margin: 0 0 5px 0;
}
ul.li-tick>li::before {
content: "";
position: absolute;
left: -3px;
top: -1px;
width: 25px;
height: 25px;
background: url("https://www.brandpush.co/assets/img/icons/brandpush-tick-1.png") no-repeat center;
background-size: contain;
}
.pricing-card-green {
background: #f3f7f5;
}
.pricing-table-green-col {
background: #fff !important;
}
th.pricing-table-green-col:after {
display: none !important;
}
.iconbox-hover-zoom:hover {
transform: scale(1.02);
}
.iconbox-hover-zoom {
transition: transform 0.2s ease;
}
#news_sites {
background: none !important;
}
.screenshot-arrow {
left: -18px;
}
.iconbox-logo {
height: 80px;
padding: 20px;
}
#placement-box .iconbox-logo {
padding: 0;
justify-content: center;
display: flex;
align-content: center;
}
.iconbox-logo img {
margin-top: auto;
margin-bottom: auto;
max-width: 70%;
max-height: 50px;
}
.inline-form {
display: flex;
align-items: center;
gap: 12px;
}
.inline-form > :first-child {
width: 140px;
margin: 0;
}
.inline-form > :nth-child(2) {
flex: 1;
}
#reviews .reviews-carousel-track {
column-count: 3;
column-gap: 1.5rem;
width: 100%;
}
#reviews .reviews-carousel-track .review-box,
.masonry .review-box {
display: inline-block;
width: 100%;
max-width: 100%;
margin: 0 0 1.5rem !important;
break-inside: avoid;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
overflow: visible;
vertical-align: top;
}
@media (max-width: 991px) {
#reviews .reviews-carousel-track {
column-count: 2;
}
}
@media (min-width: 1200px) {
.main-header {
transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
background-color 0.4s ease,
box-shadow 0.4s ease,
backdrop-filter 0.4s ease;
will-change: transform, background-color, box-shadow;
}
.main-header.is-sticky {
position: fixed !important;
top: 0;
left: 0;
right: 0;
z-index: 999999;
background: rgba(255, 255, 255, 0.82) !important;
backdrop-filter: blur(20px) saturate(180%);
-webkit-backdrop-filter: blur(20px) saturate(180%);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.06),
0 1px 3px rgba(0, 0, 0, 0.04);
border-bottom: 1px solid rgba(230, 230, 230, 0.45);
animation: navSlideDown 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.main-header.is-sticky .nav-item-children {
z-index: 9999999 !important;
}
.main-header.is-sticky .mainbar-wrap {
transition: padding 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}
.main-header.is-sticky .mainbar-row {
padding-top: 2px !important;
padding-bottom: 2px !important;
transition: padding 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}
.main-header.is-sticky .navbar-brand-inner img {
transition: height 0.35s cubic-bezier(0.22, 1, 0.36, 1),
opacity 0.3s ease;
height: 22px !important;
}
.main-header .main-nav > li > a:focus,
.main-header .main-nav > li > a:active,
.main-header .nav-item-children a:focus,
.main-header .nav-item-children a:active {
outline: none !important;
box-shadow: none !important;
}
.main-header.is-sticky .col:not(.text-right) .nav-get-started-btn {
display: none !important;
}
.main-header.is-sticky .text-right .nav-get-started-btn {
display: flex !important;
align-items: center !important;
align-self: center !important;
flex: 0 0 auto !important;
margin-left: 8px;
height: auto !important;
}
.main-header.is-sticky .nav-get-started-btn > a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
flex-flow: row nowrap !important;
padding: 14px 20px !important;
margin: 0 !important;
border-radius: var(--radius-full, 9999px) !important;
background: linear-gradient(135deg, #ff6a5c 0%, #ff8a6a 100%) !important;
color: #fff !important;
font-weight: var(--weight-semibold, 600) !important;
font-size: var(--text-xs, 0.75rem) !important;
text-transform: uppercase !important;
letter-spacing: 0.8px !important;
border: none !important;
line-height: 1 !important;
height: auto !important;
min-height: unset !important;
max-height: none !important;
white-space: nowrap !important;
box-shadow: 0 2px 10px rgba(255, 106, 92, 0.3);
transition: transform 0.25s ease, box-shadow 0.25s ease !important;
text-decoration: none !important;
}
.main-header.is-sticky .nav-get-started-btn > a:hover {
transform: translateY(-1px) !important;
box-shadow: 0 4px 18px rgba(255, 106, 92, 0.45) !important;
}
.main-header.is-sticky .nav-get-started-btn > a .link-icon,
.main-header.is-sticky .nav-get-started-btn > a .link-ext,
.main-header.is-sticky .nav-get-started-btn > a .submenu-expander {
display: none !important;
}
.main-header.is-sticky .nav-get-started-btn > a .txt {
color: #fff !important;
}
.main-header.is-sticky .nav-get-started-btn > a::before,
.main-header.is-sticky .nav-get-started-btn > a::after {
display: none !important;
}
html {
--sticky-nav-height: 80px;
}
html.bp-index7-root,
body.bp-index8 {
overflow-anchor: none;
}
.main-header.is-sticky .main-nav > li > a {
transition: color 0.25s ease, text-shadow 0.25s ease;
}
.main-header.is-sticky .main-nav > li > a:hover {
text-shadow: 0 0 12px rgba(99, 102, 241, 0.25);
}
.main-header.is-leaving {
animation: navSlideUp 0.35s cubic-bezier(0.55, 0, 1, 0.45) forwards;
}
@keyframes navSlideDown {
from {
transform: translateY(-100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@keyframes navSlideUp {
from {
transform: translateY(0);
opacity: 1;
}
to {
transform: translateY(-100%);
opacity: 0;
}
}
}
.hero-benefits-list {
list-style: none;
padding: 0;
margin: 0;
}
.hero-benefit-tick {
margin: -4px 0 0 -9px;
padding: 0;
}
.review-progress-cell {
padding-top: 5px;
}
.review-progress-bar {
height: 16px;
}
@media (min-width: 768px) {
#reviews .reviews-carousel-ui {
display: none !important;
}
#reviews .reviews-carousel-viewport {
overflow: visible;
}
#reviews .reviews-carousel-track {
display: block !important;
column-count: 3 !important;
column-gap: 1.5rem;
width: 100%;
transform: none !important;
}
#reviews .reviews-carousel-track .review-box {
display: inline-block !important;
width: 100%;
max-width: 100%;
margin: 0 0 1.5rem !important;
break-inside: avoid;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
vertical-align: top;
height: auto !important;
min-height: 0 !important;
align-self: auto !important;
}
#reviews .reviews-carousel-track .review-box .review-text {
display: block !important;
height: auto !important;
min-height: 0 !important;
}
@media (max-width: 991px) {
#reviews .reviews-carousel-track {
column-count: 2 !important;
}
}
}
.bp-live-totals {
padding: 56px 0 48px;
background: none;
border: 0;
box-shadow: none;
}
.bp-live-totals__list {
display: flex;
align-items: flex-start;
justify-content: space-evenly;
list-style: none;
margin: 0;
padding: 0;
}
.bp-live-totals__item {
flex: 1 1 0;
max-width: 240px;
text-align: center;
padding: 0 24px;
border-left: 1px solid rgba(15, 23, 42, 0.1);
}
.bp-live-totals__item:first-child {
border-left: 0;
}
.bp-live-totals__num {
display: block;
font-family: inherit;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.35;
letter-spacing: normal;
font-variant-numeric: tabular-nums;
color: #1d1d1d;
}
.bp-live-totals__label {
display: block;
margin-top: 0.35rem;
font-size: 0.6875rem;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #9ca3af;
}
.bp-live-totals__note {
margin: 2.5rem 0 0;
text-align: center;
font-size: 0.8125rem;
font-weight: 400;
line-height: 1.4;
color: #9ca3af;
}
.bp-live-totals__rule {
display: block;
width: 100%;
height: 0;
margin: 2.5rem 0 0;
border: 0;
border-top: 1px solid rgba(15, 23, 42, 0.1);
}
@media (max-width: 767px) {
.bp-live-totals__note-extra {
display: block;
}
.bp-live-totals {
padding: 44px 0 36px;
}
.bp-live-totals__list {
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 28px;
}
.bp-live-totals__item {
max-width: none;
padding: 0 12px;
border-left: 0;
}
}
.bp-proof__ticker,
.bp-proof__fallback {
display: inline-flex;
align-items: center;
justify-content: flex-start;
gap: 0.4em;
width: max-content;
max-width: 100%;
text-align: left;
}
.bp-proof__ticker[hidden],
.bp-proof__fallback[hidden] {
display: none !important;
}
.bp-proof__items {
display: block;
position: relative;
flex: 0 0 auto;
text-align: left;
}
.bp-proof__item {
display: none;
white-space: nowrap;
text-align: left;
}
.bp-proof__item.is-active {
display: inline;
}
.bp-proof__dot {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
background: #70a986;
flex: 0 0 8px;
position: relative;
z-index: 1;
animation: bp-proof-pulse 2s ease-in-out infinite;
}
@keyframes bp-proof-pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.55; }
}
@media (prefers-reduced-motion: reduce) {
.bp-proof__dot {
animation: none;
}
.bp-proof__item {
transition: none;
}
}
#results.bp-results-showcase {
--report-navy: #22244c;
--report-indigo: #1b1b3a;
--report-coral: #fb5d6d;
--report-coral-deep: #ea4659;
--report-violet: #6c5ce7;
--report-green: #17865f;
--report-canvas: #f5f7fa;
--report-ink-soft: #5a5e80;
--report-line: #e4e7f0;
--report-paper: #ffffff;
position: relative;
isolation: isolate;
overflow: clip;
background:
radial-gradient(circle at 8% 13%, rgba(108, 92, 231, 0.075), transparent 26rem),
radial-gradient(circle at 94% 76%, rgba(251, 93, 109, 0.075), transparent 30rem),
linear-gradient(180deg, #fff 0%, #f7f8fc 70%, #f5f7fa 100%);
}
#results.bp-results-showcase::before,
#results.bp-results-showcase::after {
position: absolute;
z-index: -1;
border-radius: 999px;
content: "";
pointer-events: none;
filter: blur(2px);
}
#results.bp-results-showcase::before {
top: 17rem;
left: -15rem;
width: 28rem;
height: 28rem;
border: 1px solid rgba(108, 92, 231, 0.11);
box-shadow:
0 0 0 4rem rgba(108, 92, 231, 0.018),
0 0 0 8rem rgba(108, 92, 231, 0.012);
}
#results.bp-results-showcase::after {
right: -9rem;
bottom: 13rem;
width: 21rem;
height: 21rem;
border: 1px solid rgba(251, 93, 109, 0.12);
box-shadow: 0 0 0 5rem rgba(251, 93, 109, 0.018);
}
#results .bp-results-heading {
max-width: 780px;
margin-inline: auto;
}
#results .bp-results-heading h2 {
max-width: 760px;
margin-inline: auto;
}
#results .bp-results-heading .bp-results-heading-accent {
color: var(--report-coral);
}
#results .bp-results-heading .lead {
max-width: 720px;
margin-inline: auto;
}
#results .bp-report-showcase {
display: grid;
grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.82fr);
gap: clamp(2.5rem, 4.6vw, 5rem);
align-items: start;
margin-top: clamp(1rem, 2.4vw, 2.25rem);
}
#results .bp-report-preview-column {
min-width: 0;
perspective: 1400px;
}
#results .bp-report-browser {
position: relative;
overflow: hidden;
border: 1px solid rgba(34, 36, 76, 0.13);
border-radius: 24px;
background: #fff;
box-shadow:
0 2px 6px rgba(34, 36, 76, 0.05),
0 24px 54px rgba(34, 36, 76, 0.12),
0 55px 110px rgba(34, 36, 76, 0.08);
opacity: 0;
transform: translateY(24px) rotateX(1.5deg);
transform-origin: 50% 0;
transition:
opacity 700ms cubic-bezier(0.16, 1, 0.3, 1),
transform 900ms cubic-bezier(0.16, 1, 0.3, 1);
}
#results .bp-report-showcase.is-ready .bp-report-browser {
opacity: 1;
transform: translateY(0) rotateX(0);
}
#results .bp-report-browserbar {
display: flex;
gap: 0.8rem;
align-items: center;
min-height: 52px;
padding: 0 16px;
border-bottom: 1px solid #e9ebf2;
background: rgba(255, 255, 255, 0.96);
color: #686b87;
font-family: "Hanken Grotesk", "Poppins", sans-serif;
}
#results .bp-report-browser-dots {
display: flex;
flex: none;
gap: 5px;
}
#results .bp-report-browser-dots i {
width: 8px;
height: 8px;
border-radius: 50%;
background: #d7dae5;
}
#results .bp-report-browser-dots i:first-child {
background: #fb7c87;
}
#results .bp-report-browser-dots i:nth-child(2) {
background: #f4c65c;
}
#results .bp-report-browser-dots i:last-child {
background: #5dca95;
}
#results .bp-report-browser-address {
display: flex;
min-width: 0;
flex: 1;
align-items: center;
justify-content: center;
gap: 7px;
overflow: hidden;
border: 1px solid #eceef4;
border-radius: 999px;
background: #f8f9fc;
padding: 6px 12px;
font-size: 10px;
font-weight: 600;
white-space: nowrap;
text-overflow: ellipsis;
}
#results .bp-report-browser-address svg {
flex: none;
color: var(--report-green);
}
#results .bp-report-browser-open {
display: inline-flex;
flex: none;
align-items: center;
gap: 5px;
color: var(--report-navy);
font-size: 10px;
font-weight: 700;
text-decoration: none;
transition:
color 180ms ease,
transform 180ms ease;
}
#results .bp-report-browser-open:hover,
#results .bp-report-browser-open:focus-visible {
color: var(--report-violet);
transform: translateX(2px);
}
#results .bp-report-preview {
position: relative;
height: 1040px;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
scroll-behavior: smooth;
scrollbar-color: rgba(108, 92, 231, 0.4) transparent;
scrollbar-width: thin;
background: #f6f7fb;
color: var(--report-navy);
font-family: "Hanken Grotesk", "Poppins", sans-serif;
font-size: 11px;
line-height: 1.45;
-webkit-overflow-scrolling: touch;
}
#results .bp-report-preview::-webkit-scrollbar {
width: 7px;
}
#results .bp-report-preview::-webkit-scrollbar-track {
background: transparent;
}
#results .bp-report-preview::-webkit-scrollbar-thumb {
border: 2px solid transparent;
border-radius: 999px;
background: rgba(108, 92, 231, 0.42);
background-clip: padding-box;
}
#results .bp-report-preview,
#results .bp-report-preview *,
#results .bp-report-feature-list,
#results .bp-report-feature-list * {
box-sizing: border-box;
}
#results .bp-report-preview button,
#results .bp-report-feature-list button {
font: inherit;
}
#results .bp-report-mini-nav {
position: sticky;
z-index: 20;
top: 0;
display: flex;
gap: 4px;
align-items: center;
overflow-x: auto;
border-bottom: 1px solid rgba(228, 231, 240, 0.95);
background: rgba(255, 255, 255, 0.9);
padding: 9px 13px;
box-shadow: 0 6px 16px rgba(34, 36, 76, 0.035);
backdrop-filter: blur(14px) saturate(145%);
scrollbar-width: none;
}
#results .bp-report-mini-nav::-webkit-scrollbar {
display: none;
}
#results .bp-report-mini-nav button {
flex: none;
border: 0;
border-radius: 999px;
background: transparent;
padding: 6px 10px;
color: #737690;
font-size: 9px;
font-weight: 700;
letter-spacing: 0.01em;
cursor: pointer;
transition:
color 180ms ease,
background-color 180ms ease,
box-shadow 180ms ease;
}
#results .bp-report-mini-nav button:hover {
color: var(--report-navy);
background: #f2f3f8;
}
#results .bp-report-mini-nav button.is-active {
background: var(--report-navy);
color: #fff;
box-shadow: 0 5px 12px rgba(34, 36, 76, 0.18);
}
#results .bp-report-demo-section {
position: relative;
scroll-margin-top: 0;
}
#results .bp-report-demo-inner {
width: min(100% - 42px, 670px);
margin-inline: auto;
}
#results .bp-report-demo-hero {
overflow: hidden;
background:
radial-gradient(circle at 86% 17%, rgba(251, 93, 109, 0.19), transparent 34%),
radial-gradient(circle at 8% 105%, rgba(108, 92, 231, 0.42), transparent 44%),
var(--report-indigo);
padding: 24px 0 21px;
color: #f8f8ff;
}
#results .bp-report-demo-masthead {
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
#results .bp-report-demo-logo {
display: inline-flex;
align-items: center;
gap: 6px;
color: #fff;
font-size: 9px;
font-weight: 800;
letter-spacing: 0.025em;
text-transform: uppercase;
}
#results .bp-report-demo-logo-mark {
color: var(--report-violet);
font-size: 13px;
line-height: 1;
}
#results .bp-report-demo-masthead-actions {
display: flex;
gap: 5px;
align-items: center;
}
#results .bp-report-demo-hero-action {
display: inline-flex;
align-items: center;
border: 1px solid rgba(255, 255, 255, 0.16);
border-radius: 999px;
padding: 5px 8px;
color: rgba(255, 255, 255, 0.76);
font-size: 7px;
font-weight: 700;
}
#results .bp-report-verified {
display: inline-flex;
align-items: center;
gap: 5px;
border: 1px solid rgba(255, 255, 255, 0.16);
border-radius: 999px;
padding: 5px 8px;
color: rgba(255, 255, 255, 0.76);
font-size: 7px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
#results .bp-report-verified i {
width: 5px;
height: 5px;
border-radius: 50%;
background: #68dfa6;
box-shadow: 0 0 0 3px rgba(104, 223, 166, 0.11);
}
#results .bp-report-demo-hero-grid {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(180px, 0.9fr);
gap: 24px;
align-items: center;
margin-top: 23px;
}
#results .bp-report-demo-eyebrow {
margin: 0 0 10px;
color: #ff8e9a;
font-size: 7px;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
}
#results .bp-report-demo-brand {
margin: 0;
color: #fff;
font-size: clamp(29px, 4.8vw, 42px);
font-weight: 800;
line-height: 0.96;
letter-spacing: -0.045em;
}
#results .bp-report-demo-lede {
max-width: 31ch;
margin: 13px 0 0;
color: rgba(244, 244, 255, 0.74);
font-size: 10px;
line-height: 1.55;
}
#results .bp-report-demo-lede strong {
color: #fff;
font-weight: 700;
}
#results .bp-report-demo-meta {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: 14px;
}
#results .bp-report-demo-meta span {
display: inline-flex;
align-items: center;
gap: 4px;
border-radius: 999px;
background: #fff;
padding: 5px 8px;
color: var(--report-navy);
font-size: 7px;
font-weight: 700;
}
#results .bp-report-demo-article-stack {
position: relative;
min-height: 150px;
}
#results .bp-report-demo-article-stack::before,
#results .bp-report-demo-article-stack::after {
position: absolute;
inset: 9px -9px -9px 9px;
border: 1px solid rgba(255, 255, 255, 0.11);
border-radius: 13px;
background: rgba(255, 255, 255, 0.018);
content: "";
transform: rotate(2.5deg);
}
#results .bp-report-demo-article-stack::after {
inset: 15px -15px -15px 15px;
opacity: 0.65;
transform: rotate(4.5deg);
}
#results .bp-report-demo-article {
position: relative;
z-index: 2;
min-height: 150px;
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius: 13px;
background: rgba(255, 255, 255, 0.06);
padding: 13px;
box-shadow: 0 20px 35px rgba(8, 8, 29, 0.25);
backdrop-filter: blur(7px);
}
#results .bp-report-demo-article-top {
display: flex;
align-items: center;
gap: 7px;
}
#results .bp-report-demo-outlet-mark {
display: grid;
width: 28px;
height: 28px;
flex: none;
place-items: center;
border-radius: 8px;
background: #fff;
color: #16172f;
font-size: 7px;
font-weight: 900;
line-height: 1;
text-align: center;
}
#results .bp-report-demo-article-id {
min-width: 0;
flex: 1;
}
#results .bp-report-demo-article-id b {
display: block;
color: #fff;
font-size: 9px;
}
#results .bp-report-demo-article-id span {
display: block;
margin-top: 1px;
color: #77dfa9;
font-size: 7px;
}
#results .bp-report-live {
border-radius: 999px;
background: rgba(251, 93, 109, 0.14);
padding: 3px 6px;
color: #ff93a0;
font-size: 6px;
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
}
#results .bp-report-demo-article h4 {
margin: 13px 0 0;
color: #fff;
font-size: 10px;
font-weight: 700;
line-height: 1.28;
letter-spacing: -0.01em;
}
#results .bp-report-demo-article-link {
display: inline-flex;
align-items: center;
gap: 4px;
margin-top: 10px;
color: rgba(255, 255, 255, 0.58);
font-size: 7px;
font-weight: 600;
}
#results .bp-report-demo-as-seen {
position: relative;
z-index: 1;
display: flex;
gap: 15px;
align-items: center;
margin-top: 23px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding-top: 15px;
}
#results .bp-report-demo-as-seen > span:first-child {
flex: none;
color: rgba(255, 255, 255, 0.42);
font-size: 6px;
font-weight: 800;
letter-spacing: 0.16em;
text-transform: uppercase;
}
#results .bp-report-demo-logo-row {
display: flex;
min-width: 0;
flex: 1;
gap: 16px;
align-items: center;
overflow: hidden;
color: rgba(255, 255, 255, 0.78);
font-size: 9px;
font-weight: 800;
white-space: nowrap;
}
#results .bp-report-demo-logo-row small {
margin-left: auto;
color: #ff8e9a;
font-size: 6px;
font-weight: 700;
}
#results .bp-report-demo-results,
#results .bp-report-demo-ai,
#results .bp-report-demo-rankings,
#results .bp-report-demo-publications,
#results .bp-report-demo-badge {
padding: 30px 0;
}
#results .bp-report-demo-kicker {
display: flex;
align-items: center;
gap: 7px;
margin: 0 0 8px;
color: var(--report-coral);
font-size: 7px;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
}
#results .bp-report-demo-kicker::before {
width: 17px;
height: 1px;
background: currentColor;
content: "";
}
#results .bp-report-demo-title {
margin: 0;
color: var(--report-navy);
font-size: 23px;
font-weight: 800;
line-height: 1.04;
letter-spacing: -0.035em;
}
#results .bp-report-demo-title em {
color: var(--report-coral);
font-style: normal;
}
#results .bp-report-demo-copy {
max-width: 52ch;
margin: 9px 0 0;
color: var(--report-ink-soft);
font-size: 9px;
line-height: 1.55;
}
#results .bp-report-demo-stats {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 9px;
margin-top: 22px;
}
#results .bp-report-demo-stat {
position: relative;
min-height: 116px;
overflow: hidden;
grid-column: span 2;
border: 1px solid var(--report-line);
border-radius: 13px;
background: #fff;
padding: 13px;
box-shadow: 0 8px 19px rgba(34, 36, 76, 0.055);
}
#results .bp-report-demo-stat.is-wide {
grid-column: span 3;
min-height: 128px;
border-color: transparent;
color: #fff;
}
#results .bp-report-demo-stat.is-coral {
background: linear-gradient(145deg, #fb6877, #f34e61);
}
#results .bp-report-demo-stat.is-violet {
background: linear-gradient(145deg, #7668ea, #5b49d8);
}
#results .bp-report-demo-stat.is-navy {
border-color: transparent;
background:
radial-gradient(circle at 92% 15%, rgba(108, 92, 231, 0.6), transparent 46%),
var(--report-navy);
color: #fff;
}
#results .bp-report-demo-stat::after {
position: absolute;
top: -32px;
right: -28px;
width: 90px;
height: 90px;
border: 1px solid currentColor;
border-radius: 50%;
content: "";
opacity: 0.09;
}
#results .bp-report-demo-stat-icon {
display: grid;
width: 24px;
height: 24px;
place-items: center;
border-radius: 7px;
background: #f0effc;
color: var(--report-violet);
}
#results .bp-report-demo-stat.is-wide .bp-report-demo-stat-icon,
#results .bp-report-demo-stat.is-navy .bp-report-demo-stat-icon {
background: rgba(255, 255, 255, 0.15);
color: #fff;
}
#results .bp-report-demo-stat-number {
display: block;
margin-top: 12px;
color: var(--report-navy);
font-size: 25px;
font-weight: 800;
line-height: 0.9;
letter-spacing: -0.04em;
font-variant-numeric: tabular-nums;
}
#results .bp-report-demo-stat.is-wide .bp-report-demo-stat-number,
#results .bp-report-demo-stat.is-navy .bp-report-demo-stat-number {
color: #fff;
font-size: 31px;
}
#results .bp-report-demo-stat-label {
display: block;
margin-top: 9px;
color: var(--report-navy);
font-size: 8px;
font-weight: 800;
}
#results .bp-report-demo-stat.is-wide .bp-report-demo-stat-label,
#results .bp-report-demo-stat.is-navy .bp-report-demo-stat-label {
color: #fff;
}
#results .bp-report-demo-stat-note {
display: block;
margin-top: 3px;
color: #8a8da6;
font-size: 7px;
line-height: 1.35;
}
#results .bp-report-demo-stat.is-wide .bp-report-demo-stat-note,
#results .bp-report-demo-stat.is-navy .bp-report-demo-stat-note {
color: rgba(255, 255, 255, 0.67);
}
#results .bp-report-demo-reach {
overflow: hidden;
background:
radial-gradient(circle at 8% -5%, rgba(108, 92, 231, 0.42), transparent 44%),
radial-gradient(circle at 96% 110%, rgba(251, 93, 109, 0.25), transparent 48%),
var(--report-indigo);
padding: 30px 0;
color: #fff;
}
#results .bp-report-demo-reach-grid {
display: grid;
grid-template-columns: 0.72fr 1.28fr;
gap: 24px;
align-items: end;
}
#results .bp-report-demo-reach .bp-report-demo-kicker {
color: #ff8e9a;
}
#results .bp-report-demo-reach-number {
display: block;
margin-top: 9px;
background: linear-gradient(120deg, #fff 20%, #ffb4bc 66%, #b8afff);
color: #fff;
font-size: 48px;
font-weight: 800;
line-height: 0.9;
letter-spacing: -0.06em;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
#results .bp-report-demo-reach-label {
display: block;
margin-top: 7px;
color: #fff;
font-size: 10px;
font-weight: 700;
}
#results .bp-report-demo-reach-copy {
margin: 8px 0 0;
color: rgba(235, 235, 250, 0.61);
font-size: 8px;
line-height: 1.5;
}
#results .bp-report-demo-bars {
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 14px;
background: rgba(255, 255, 255, 0.05);
padding: 14px;
}
#results .bp-report-demo-bars-head {
display: flex;
justify-content: space-between;
margin-bottom: 9px;
color: rgba(255, 255, 255, 0.54);
font-size: 7px;
font-weight: 700;
}
#results .bp-report-demo-bar {
display: grid;
grid-template-columns: 82px 1fr 40px;
gap: 8px;
align-items: center;
padding: 5px 0;
}
#results .bp-report-demo-bar-name {
overflow: hidden;
color: #fff;
font-size: 7px;
font-weight: 700;
white-space: nowrap;
text-overflow: ellipsis;
}
#results .bp-report-demo-bar-track {
height: 6px;
overflow: hidden;
border-radius: 999px;
background: rgba(255, 255, 255, 0.1);
}
#results .bp-report-demo-bar-fill {
display: block;
width: 0;
height: 100%;
border-radius: inherit;
background: linear-gradient(90deg, var(--report-violet), #9589ff);
transition: width 950ms cubic-bezier(0.16, 1, 0.3, 1);
}
#results .bp-report-demo-bar:nth-child(3) .bp-report-demo-bar-fill {
transition-delay: 90ms;
}
#results .bp-report-demo-bar:nth-child(4) .bp-report-demo-bar-fill {
transition-delay: 180ms;
}
#results .bp-report-demo-bar:nth-child(5) .bp-report-demo-bar-fill {
transition-delay: 270ms;
}
#results .bp-report-demo-bars.is-visible .bp-report-demo-bar-fill {
width: var(--bar-width);
}
#results .bp-report-demo-bar-value {
color: rgba(255, 255, 255, 0.76);
font-size: 7px;
font-weight: 700;
text-align: right;
font-variant-numeric: tabular-nums;
}
#results .bp-report-demo-reach-foot {
display: flex;
gap: 18px;
margin-top: 18px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding-top: 13px;
}
#results .bp-report-demo-reach-foot strong {
display: block;
color: #ff8e9a;
font-size: 14px;
line-height: 1;
}
#results .bp-report-demo-reach-foot span {
display: block;
margin-top: 3px;
color: rgba(255, 255, 255, 0.51);
font-size: 7px;
}
#results .bp-report-demo-ai {
background:
radial-gradient(circle at 98% 0%, rgba(108, 92, 231, 0.1), transparent 47%),
#fff;
}
#results .bp-report-demo-ai-head {
display: flex;
gap: 16px;
align-items: flex-end;
justify-content: space-between;
}
#results .bp-report-demo-ai-count {
flex: none;
border: 1px solid #dedafc;
border-radius: 12px;
background: #f3f1ff;
padding: 9px 12px;
color: var(--report-violet);
text-align: center;
}
#results .bp-report-demo-ai-count strong {
display: block;
font-size: 23px;
font-weight: 800;
line-height: 1;
}
#results .bp-report-demo-ai-count span {
display: block;
margin-top: 2px;
font-size: 6px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
#results .bp-report-demo-ai-filters {
display: flex;
flex-wrap: wrap;
gap: 5px;
margin-top: 19px;
}
#results .bp-report-demo-ai-filter {
border: 1px solid var(--report-line);
border-radius: 999px;
background: #fff;
padding: 6px 9px;
color: #6c708f;
font-size: 7px;
font-weight: 700;
cursor: pointer;
transition:
color 160ms ease,
border-color 160ms ease,
background-color 160ms ease,
transform 160ms ease;
}
#results .bp-report-demo-ai-filter:hover {
border-color: #c9c2fa;
color: var(--report-violet);
transform: translateY(-1px);
}
#results .bp-report-demo-ai-filter.is-active {
border-color: var(--report-navy);
background: var(--report-navy);
color: #fff;
}
#results .bp-report-demo-ai-cards {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
margin-top: 12px;
}
#results .bp-report-demo-ai-card {
position: relative;
min-width: 0;
overflow: hidden;
border: 1px solid var(--report-line);
border-radius: 14px;
background: #fff;
padding: 14px;
box-shadow: 0 9px 22px rgba(34, 36, 76, 0.055);
opacity: 1;
transform: scale(1);
transition:
opacity 180ms ease,
transform 180ms ease,
box-shadow 180ms ease;
}
#results .bp-report-demo-ai-card:hover {
box-shadow: 0 13px 28px rgba(34, 36, 76, 0.1);
transform: translateY(-2px);
}
#results .bp-report-demo-ai-card[hidden] {
display: none;
}
#results .bp-report-demo-ai-card-top {
display: flex;
gap: 8px;
align-items: center;
}
#results .bp-report-demo-ai-icon {
display: grid;
width: 22px;
height: 22px;
flex: none;
place-items: center;
}
#results .bp-report-demo-ai-icon img {
display: block;
width: 18px;
height: 18px;
}
#results .bp-report-demo-ai-id {
min-width: 0;
flex: 1;
}
#results .bp-report-demo-ai-id b {
display: block;
overflow: hidden;
color: var(--report-navy);
font-size: 8px;
white-space: nowrap;
text-overflow: ellipsis;
}
#results .bp-report-demo-ai-id span {
display: block;
margin-top: 1px;
color: #8a8da6;
font-size: 7px;
}
#results .bp-report-demo-ai-status {
border: 1px solid #dedafc;
border-radius: 999px;
background: #f3f1ff;
padding: 4px 6px;
color: var(--report-violet);
font-size: 6px;
font-weight: 800;
}
#results .bp-report-demo-ai-query {
display: flex;
gap: 7px;
align-items: center;
margin-top: 12px;
border: 1px solid #eceef5;
border-radius: 9px;
background: #f8f9fc;
padding: 8px 9px;
color: #4d516f;
font-size: 7px;
font-weight: 600;
}
#results .bp-report-demo-ai-query svg {
flex: none;
color: var(--report-violet);
}
#results .bp-report-demo-ai-answer {
margin: 10px 0 0;
color: #676b87;
font-size: 7px;
line-height: 1.5;
}
#results .bp-report-demo-ai-answer strong {
color: var(--report-navy);
}
#results .bp-report-demo-ai-source {
display: flex;
gap: 7px;
align-items: center;
margin-top: 11px;
color: #8a8da6;
font-size: 6px;
font-weight: 700;
text-transform: uppercase;
}
#results .bp-report-demo-ai-source strong {
border: 1px solid var(--report-line);
border-radius: 999px;
background: #fff;
padding: 5px 8px;
color: var(--report-navy);
font-size: 7px;
text-transform: none;
}
#results .bp-report-demo-ai-meta {
display: flex;
gap: 8px;
align-items: center;
justify-content: space-between;
margin: 12px -14px -14px;
border-top: 1px solid var(--report-line);
background: #f8f9fc;
padding: 8px 14px;
color: #8a8da6;
font-size: 6px;
font-weight: 600;
}
#results .bp-report-demo-ai-meta strong {
color: var(--report-violet);
font-weight: 700;
}
#results .bp-report-demo-ai-platforms {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 5px;
margin-top: 13px;
}
#results .bp-report-demo-ai-platform {
min-width: 0;
border-radius: 8px;
background: #f6f7fb;
padding: 7px 4px;
color: #777a94;
font-size: 6px;
font-weight: 700;
text-align: center;
}
#results .bp-report-demo-ai-platform strong {
display: block;
margin-bottom: 2px;
color: var(--report-navy);
font-size: 10px;
}
#results .bp-report-demo-rankings {
border-top: 1px solid var(--report-line);
border-bottom: 1px solid var(--report-line);
background: #f6f7fb;
}
#results .bp-report-demo-ranking-card {
display: grid;
grid-template-columns: auto 1fr auto;
gap: 14px;
align-items: center;
margin-top: 19px;
border: 1px solid var(--report-line);
border-radius: 14px;
background: #fff;
padding: 15px;
box-shadow: 0 9px 22px rgba(34, 36, 76, 0.05);
}
#results .bp-report-demo-ranking-icon {
display: grid;
width: 40px;
height: 40px;
place-items: center;
border-radius: 12px;
background: #f0effc;
color: var(--report-violet);
}
#results .bp-report-demo-ranking-copy b {
display: block;
color: var(--report-navy);
font-size: 9px;
}
#results .bp-report-demo-ranking-copy span {
display: block;
margin-top: 3px;
color: #777b96;
font-size: 7px;
line-height: 1.45;
}
#results .bp-report-demo-ranking-pill {
border: 1px solid #dedafc;
border-radius: 999px;
background: #f5f3ff;
padding: 6px 9px;
color: #594acb;
font-size: 6px;
font-weight: 800;
white-space: nowrap;
}
#results .bp-report-demo-publication-tools {
display: flex;
gap: 7px;
align-items: center;
margin-top: 18px;
}
#results .bp-report-demo-search {
position: relative;
min-width: 0;
flex: 1;
}
#results .bp-report-demo-search svg {
position: absolute;
top: 50%;
left: 10px;
color: #9a9db1;
transform: translateY(-50%);
pointer-events: none;
}
#results .bp-report-demo-search input {
width: 100%;
height: 34px;
border: 1px solid var(--report-line);
border-radius: 999px;
outline: none;
background: #f8f9fc;
padding: 0 11px 0 30px;
color: var(--report-navy);
font-family: inherit;
font-size: 8px;
transition:
border-color 160ms ease,
background-color 160ms ease,
box-shadow 160ms ease;
}
#results .bp-report-demo-search input:focus {
border-color: var(--report-violet);
background: #fff;
box-shadow: 0 0 0 3px rgba(108, 92, 231, 0.09);
}
#results .bp-report-demo-filter {
height: 34px;
flex: none;
border: 1px solid var(--report-line);
border-radius: 999px;
background: #fff;
padding: 0 11px;
color: #6f728d;
font-size: 7px;
font-weight: 700;
cursor: pointer;
}
#results .bp-report-demo-filter.is-active {
border-color: var(--report-navy);
background: var(--report-navy);
color: #fff;
}
#results .bp-report-demo-outlets {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 9px;
margin-top: 11px;
}
#results .bp-report-demo-outlet {
display: grid;
grid-template-columns: auto 1fr;
gap: 9px;
align-items: center;
border: 1px solid var(--report-line);
border-radius: 12px;
background: #fff;
padding: 11px;
box-shadow: 0 7px 18px rgba(34, 36, 76, 0.045);
transition:
border-color 160ms ease,
transform 160ms ease,
box-shadow 160ms ease;
}
#results .bp-report-demo-outlet:hover {
border-color: #c9c3f6;
box-shadow: 0 11px 24px rgba(34, 36, 76, 0.08);
transform: translateY(-2px);
}
#results .bp-report-demo-outlet[hidden] {
display: none;
}
#results .bp-report-demo-outlet-logo {
display: grid;
width: 34px;
height: 34px;
place-items: center;
border: 1px solid #eceef4;
border-radius: 10px;
background: #fafbfc;
color: var(--report-navy);
font-size: 7px;
font-weight: 900;
line-height: 1.05;
text-align: center;
}
#results .bp-report-demo-outlet-main {
min-width: 0;
}
#results .bp-report-demo-outlet-title {
display: flex;
gap: 6px;
align-items: center;
justify-content: space-between;
}
#results .bp-report-demo-outlet-title b {
overflow: hidden;
color: var(--report-navy);
font-size: 8px;
white-space: nowrap;
text-overflow: ellipsis;
}
#results .bp-report-demo-outlet-title span {
flex: none;
border-radius: 999px;
background: #e8f7f0;
padding: 3px 5px;
color: var(--report-green);
font-size: 5px;
font-weight: 800;
text-transform: uppercase;
}
#results .bp-report-demo-outlet-metrics {
display: flex;
gap: 9px;
margin-top: 6px;
}
#results .bp-report-demo-outlet-metrics span {
color: #8a8da4;
font-size: 6px;
}
#results .bp-report-demo-outlet-metrics strong {
color: var(--report-navy);
font-size: 7px;
}
#results .bp-report-demo-placement-proof {
display: flex;
gap: 8px;
align-items: center;
margin-top: 11px;
border-radius: 10px;
background: #eaf7f1;
padding: 9px 11px;
color: #356c59;
font-size: 7px;
font-weight: 600;
}
#results .bp-report-demo-placement-proof svg {
flex: none;
color: var(--report-green);
}
#results .bp-report-demo-empty {
display: none;
margin-top: 11px;
border: 1px dashed #d8dbe7;
border-radius: 12px;
padding: 18px;
color: #83869e;
font-size: 8px;
text-align: center;
}
#results .bp-report-demo-outlets.is-empty + .bp-report-demo-empty {
display: block;
}
#results .bp-report-demo-badge {
border-top: 1px solid var(--report-line);
background: #f6f7fb;
}
#results .bp-report-demo-badge-layout {
display: grid;
grid-template-columns: 1.25fr 0.75fr;
gap: 12px;
margin-top: 18px;
}
#results .bp-report-demo-badge-stage {
display: grid;
min-height: 190px;
place-items: center;
border: 1px solid var(--report-line);
border-radius: 14px;
background-color: #fff;
background-image:
linear-gradient(45deg, #f3f4f8 25%, transparent 25%),
linear-gradient(-45deg, #f3f4f8 25%, transparent 25%),
linear-gradient(45deg, transparent 75%, #f3f4f8 75%),
linear-gradient(-45deg, transparent 75%, #f3f4f8 75%);
background-position:
0 0,
0 8px,
8px -8px,
-8px 0;
background-size: 16px 16px;
padding: 19px;
}
#results .bp-report-demo-badge-card {
width: 100%;
max-width: 290px;
border: 1px solid rgba(34, 36, 76, 0.1);
border-radius: 13px;
background: #fff;
padding: 17px;
box-shadow: 0 16px 30px rgba(34, 36, 76, 0.13);
color: var(--report-navy);
text-align: center;
transition:
color 240ms ease,
background-color 240ms ease,
border-color 240ms ease,
transform 240ms ease;
}
#results .bp-report-demo-badge-stage[data-badge-theme="dark"] .bp-report-demo-badge-card {
border-color: rgba(255, 255, 255, 0.12);
background: var(--report-indigo);
color: #fff;
transform: scale(1.015);
}
#results .bp-report-demo-badge-label {
display: block;
color: #8a8da4;
font-size: 6px;
font-weight: 800;
letter-spacing: 0.17em;
text-transform: uppercase;
}
#results .bp-report-demo-badge-logos {
display: flex;
flex-wrap: wrap;
gap: 7px 13px;
align-items: center;
justify-content: center;
margin-top: 9px;
font-size: 9px;
font-weight: 900;
}
#results .bp-report-demo-badge-verify {
display: flex;
gap: 5px;
align-items: center;
justify-content: center;
margin-top: 11px;
border-top: 1px solid rgba(34, 36, 76, 0.1);
padding-top: 9px;
color: var(--report-green);
font-size: 6px;
font-weight: 700;
}
#results .bp-report-demo-badge-stage[data-badge-theme="dark"] .bp-report-demo-badge-label {
color: rgba(255, 255, 255, 0.48);
}
#results .bp-report-demo-badge-stage[data-badge-theme="dark"] .bp-report-demo-badge-verify {
border-color: rgba(255, 255, 255, 0.12);
color: #70d9a6;
}
#results .bp-report-demo-badge-controls {
border: 1px solid var(--report-line);
border-radius: 14px;
background: #fff;
padding: 15px;
box-shadow: 0 8px 20px rgba(34, 36, 76, 0.045);
}
#results .bp-report-demo-badge-controls > b {
display: block;
color: var(--report-navy);
font-size: 9px;
}
#results .bp-report-demo-badge-controls > p {
margin: 4px 0 13px;
color: #85889f;
font-size: 7px;
line-height: 1.45;
}
#results .bp-report-demo-badge-segment {
display: flex;
gap: 4px;
border-radius: 9px;
background: #f1f2f7;
padding: 4px;
}
#results .bp-report-demo-badge-segment button {
min-width: 0;
flex: 1;
border: 0;
border-radius: 7px;
background: transparent;
padding: 7px 4px;
color: #73768f;
font-size: 7px;
font-weight: 700;
cursor: pointer;
}
#results .bp-report-demo-badge-segment button.is-active {
background: #fff;
color: var(--report-navy);
box-shadow: 0 2px 7px rgba(34, 36, 76, 0.12);
}
#results .bp-report-demo-badge-options {
display: grid;
gap: 8px;
margin-top: 13px;
}
#results .bp-report-demo-badge-option {
display: flex;
gap: 7px;
align-items: center;
color: #626680;
font-size: 7px;
font-weight: 600;
}
#results .bp-report-demo-badge-option i {
position: relative;
width: 24px;
height: 14px;
flex: none;
border-radius: 999px;
background: var(--report-violet);
}
#results .bp-report-demo-badge-option i::after {
position: absolute;
top: 2px;
right: 2px;
width: 10px;
height: 10px;
border-radius: 50%;
background: #fff;
content: "";
box-shadow: 0 1px 3px rgba(34, 36, 76, 0.25);
}
#results .bp-report-feature-list {
position: sticky;
top: 92px;
min-width: 0;
font-family: "Poppins", sans-serif;
}
#results .bp-report-feature-intro {
margin-bottom: 18px;
}
#results .bp-report-feature-intro-label {
display: inline-flex;
gap: 7px;
align-items: center;
color: var(--report-violet);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
}
#results .bp-report-feature-intro-label::before {
width: 20px;
height: 1px;
background: currentColor;
content: "";
}
#results .bp-report-feature-intro h3 {
max-width: 430px;
margin: 10px 0 0;
color: #1f2245;
font-size: clamp(24px, 2.4vw, 32px);
font-weight: 700;
line-height: 1.12;
letter-spacing: -0.035em;
}
#results .bp-report-feature-intro p {
max-width: 48ch;
margin: 10px 0 0;
color: #747790;
font-size: 14px;
line-height: 1.65;
}
#results .bp-report-features {
position: relative;
display: grid;
gap: 9px;
}
#results .bp-report-features::before {
position: absolute;
z-index: 0;
top: 30px;
bottom: 30px;
left: 25px;
width: 1px;
background: linear-gradient(180deg, rgba(108, 92, 231, 0.22), rgba(251, 93, 109, 0.18));
content: "";
}
#results .bp-report-feature {
--feature-color: var(--report-violet);
--feature-soft: rgba(108, 92, 231, 0.09);
position: relative;
z-index: 1;
display: grid;
width: 100%;
grid-template-columns: 50px minmax(0, 1fr) 30px;
gap: 14px;
align-items: center;
border: 1px solid transparent;
border-radius: 17px;
outline: none;
background: transparent;
padding: 13px 14px 13px 0;
color: inherit;
text-align: left;
cursor: pointer;
transition:
border-color 210ms ease,
background-color 210ms ease,
box-shadow 260ms ease,
transform 260ms cubic-bezier(0.16, 1, 0.3, 1);
}
#results .bp-report-feature[data-feature-kind="reach"] {
--feature-color: #d94558;
--feature-soft: rgba(251, 93, 109, 0.1);
}
#results .bp-report-feature[data-feature-kind="ai"] {
--feature-color: #5b4bd4;
--feature-soft: rgba(108, 92, 231, 0.1);
}
#results .bp-report-feature[data-feature-kind="ranking"] {
--feature-color: #247cb0;
--feature-soft: rgba(49, 144, 199, 0.1);
}
#results .bp-report-feature[data-feature-kind="placement"] {
--feature-color: #187c59;
--feature-soft: rgba(31, 157, 107, 0.1);
}
#results .bp-report-feature[data-feature-kind="badge"] {
--feature-color: #b36b18;
--feature-soft: rgba(227, 165, 60, 0.12);
}
#results .bp-report-feature:hover,
#results .bp-report-feature:focus-visible {
border-color: rgba(34, 36, 76, 0.1);
background: rgba(255, 255, 255, 0.72);
transform: translateX(-4px);
}
#results .bp-report-feature.is-active {
border-color: rgba(34, 36, 76, 0.1);
background: #fff;
box-shadow:
0 2px 5px rgba(34, 36, 76, 0.04),
0 15px 34px rgba(34, 36, 76, 0.085);
transform: translateX(-7px);
}
#results .bp-report-feature-icon {
position: relative;
display: grid;
width: 50px;
height: 50px;
place-items: center;
border: 5px solid #f7f8fc;
border-radius: 16px;
background: var(--feature-soft);
color: var(--feature-color);
box-shadow: 0 0 0 1px rgba(34, 36, 76, 0.08);
transition:
color 210ms ease,
background-color 210ms ease,
transform 260ms cubic-bezier(0.16, 1, 0.3, 1);
}
#results .bp-report-feature.is-active .bp-report-feature-icon {
background: var(--feature-color);
color: #fff;
transform: rotate(-3deg) scale(1.035);
}
#results .bp-report-feature-copy {
min-width: 0;
}
#results .bp-report-feature-title {
display: flex;
flex-wrap: wrap;
gap: 7px;
align-items: center;
margin: 0;
color: #202347;
font-size: 16px;
font-weight: 700;
line-height: 1.25;
letter-spacing: -0.015em;
}
#results .bp-report-feature-new {
border-radius: 999px;
background: #eeeafd;
padding: 3px 6px;
color: #594acb;
font-size: 8px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
#results .bp-report-feature-copy p {
margin: 5px 0 0;
color: #797c93;
font-size: 12px;
line-height: 1.55;
}
#results .bp-report-feature-arrow {
display: grid;
width: 28px;
height: 28px;
place-items: center;
border-radius: 50%;
background: #f3f4f8;
color: #9295a9;
transition:
color 180ms ease,
background-color 180ms ease,
transform 220ms ease;
}
#results .bp-report-feature:hover .bp-report-feature-arrow,
#results .bp-report-feature.is-active .bp-report-feature-arrow {
background: var(--feature-soft);
color: var(--feature-color);
transform: translateX(2px);
}
#results .bp-report-feature-cta {
position: relative;
overflow: hidden;
margin-top: 15px;
border: 1px solid rgba(255, 255, 255, 0.11);
border-radius: 18px;
background:
radial-gradient(circle at 90% 0%, rgba(251, 93, 109, 0.25), transparent 45%),
linear-gradient(135deg, #22244c, #191934);
padding: 18px 19px;
color: #fff;
box-shadow: 0 18px 38px rgba(34, 36, 76, 0.16);
}
#results .bp-report-feature-cta::after {
position: absolute;
right: -30px;
bottom: -44px;
width: 130px;
height: 130px;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 50%;
content: "";
box-shadow: 0 0 0 24px rgba(255, 255, 255, 0.018);
}
#results .bp-report-feature-cta-content {
position: relative;
z-index: 1;
display: flex;
gap: 14px;
align-items: center;
justify-content: space-between;
}
#results .bp-report-feature-cta-copy b {
display: block;
color: #fff;
font-size: 14px;
}
#results .bp-report-feature-cta-copy span {
display: block;
margin-top: 3px;
color: rgba(255, 255, 255, 0.59);
font-size: 10px;
line-height: 1.45;
}
#results .bp-report-feature-cta-link {
display: inline-flex;
flex: none;
gap: 6px;
align-items: center;
border-radius: 999px;
background: #fff;
padding: 9px 12px;
color: var(--report-navy);
font-size: 10px;
font-weight: 700;
text-decoration: none;
transition:
color 180ms ease,
transform 180ms ease,
box-shadow 180ms ease;
}
#results .bp-report-feature-cta-link:hover,
#results .bp-report-feature-cta-link:focus-visible {
color: var(--report-violet);
box-shadow: 0 7px 18px rgba(0, 0, 0, 0.18);
transform: translateY(-2px);
}
#results .bp-report-format-actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
justify-content: center;
margin-top: clamp(2.6rem, 4.5vw, 4.5rem);
}
#results .bp-report-format-actions .btn {
margin: 0 !important;
}
#results .bp-report-format-note {
width: 100%;
margin: 3px 0 0;
color: #85889e;
font-size: 11px;
text-align: center;
}
@media (max-width: 1199px) {
#results .bp-report-showcase {
grid-template-columns: minmax(0, 1.04fr) minmax(330px, 0.8fr);
gap: 2.5rem;
}
#results .bp-report-preview {
height: 940px;
}
#results .bp-report-feature-list {
top: 74px;
}
#results .bp-report-feature {
grid-template-columns: 46px minmax(0, 1fr) 27px;
gap: 11px;
padding-block: 11px;
}
#results .bp-report-feature-icon {
width: 46px;
height: 46px;
}
#results .bp-report-feature-copy p {
font-size: 11px;
}
}
@media (max-width: 991px) {
#results .bp-report-showcase {
grid-template-columns: minmax(0, 1fr);
gap: 2.6rem;
max-width: 760px;
margin-inline: auto;
}
#results .bp-report-preview {
height: 820px;
}
#results .bp-report-feature-list {
position: static;
}
#results .bp-report-feature-intro {
max-width: 600px;
}
#results .bp-report-features {
grid-template-columns: 1fr 1fr;
}
#results .bp-report-features::before {
display: none;
}
#results .bp-report-feature {
height: 100%;
grid-template-columns: 48px minmax(0, 1fr) 27px;
border-color: rgba(34, 36, 76, 0.08);
background: rgba(255, 255, 255, 0.72);
padding: 13px;
}
#results .bp-report-feature:hover,
#results .bp-report-feature:focus-visible,
#results .bp-report-feature.is-active {
transform: translateY(-3px);
}
#results .bp-report-feature-cta {
grid-column: 1 / -1;
}
}
@media (max-width: 767px) {
#results.bp-results-showcase {
overflow: hidden;
}
#results .bp-results-heading,
#results .bp-results-heading h2,
#results .bp-results-heading .lead {
max-width: none;
margin-inline: 0;
text-align: left;
}
#results .bp-report-showcase {
gap: 2.25rem;
margin-top: 0.5rem;
}
#results .bp-report-browser {
border-radius: 19px;
box-shadow:
0 2px 5px rgba(34, 36, 76, 0.05),
0 24px 48px rgba(34, 36, 76, 0.13);
}
#results .bp-report-browserbar {
min-height: 46px;
padding: 0 11px;
}
#results .bp-report-browser-address {
justify-content: flex-start;
padding-inline: 9px;
}
#results .bp-report-browser-open span {
display: none;
}
#results .bp-report-preview {
height: min(690px, 72vh);
min-height: 590px;
}
#results .bp-report-demo-inner {
width: min(100% - 28px, 670px);
}
#results .bp-report-mini-nav {
padding-inline: 9px;
}
#results .bp-report-demo-hero {
padding-top: 20px;
}
#results .bp-report-demo-hero-grid {
grid-template-columns: 1fr;
gap: 20px;
}
#results .bp-report-demo-brand {
font-size: 34px;
}
#results .bp-report-demo-lede {
max-width: 36ch;
}
#results .bp-report-demo-article-stack {
min-height: 140px;
margin-right: 10px;
}
#results .bp-report-demo-article {
min-height: 140px;
}
#results .bp-report-demo-logo-row {
gap: 11px;
}
#results .bp-report-demo-logo-row span:nth-child(n + 4) {
display: none;
}
#results .bp-report-demo-stats {
grid-template-columns: 1fr 1fr;
}
#results .bp-report-demo-stat,
#results .bp-report-demo-stat.is-wide {
min-height: 112px;
grid-column: span 1;
}
#results .bp-report-demo-stat.is-navy {
grid-column: 1 / -1;
}
#results .bp-report-demo-reach-grid {
grid-template-columns: 1fr;
}
#results .bp-report-demo-reach-number {
font-size: 45px;
}
#results .bp-report-demo-ai-head {
align-items: flex-start;
}
#results .bp-report-demo-ai-cards,
#results .bp-report-demo-outlets,
#results .bp-report-demo-badge-layout {
grid-template-columns: 1fr;
}
#results .bp-report-demo-ai-platforms {
grid-template-columns: repeat(3, 1fr);
}
#results .bp-report-demo-ranking-card {
grid-template-columns: auto 1fr;
}
#results .bp-report-demo-ranking-pill {
display: none;
}
#results .bp-report-demo-publication-tools {
flex-wrap: wrap;
}
#results .bp-report-demo-search {
flex-basis: 100%;
}
#results .bp-report-demo-badge-stage {
min-height: 175px;
}
#results .bp-report-feature-intro h3 {
font-size: 26px;
}
#results .bp-report-features {
grid-template-columns: 1fr;
}
#results .bp-report-feature {
grid-template-columns: 48px minmax(0, 1fr) 28px;
padding: 13px;
}
#results .bp-report-feature-cta {
grid-column: auto;
}
#results .bp-report-format-actions {
align-items: stretch;
flex-direction: column;
margin-top: 2.75rem;
}
#results .bp-report-format-actions .btn {
width: 100%;
text-align: center;
}
}
@media (max-width: 410px) {
#results .bp-report-demo-inner {
width: min(100% - 22px, 670px);
}
#results .bp-report-demo-title {
font-size: 21px;
}
#results .bp-report-demo-as-seen {
gap: 10px;
}
#results .bp-report-demo-logo-row {
gap: 9px;
font-size: 8px;
}
#results .bp-report-demo-bar {
grid-template-columns: 69px 1fr 35px;
gap: 6px;
}
#results .bp-report-demo-ai-platforms {
grid-template-columns: repeat(2, 1fr);
}
#results .bp-report-feature-cta-content {
align-items: flex-start;
flex-direction: column;
}
}
@media (prefers-reduced-motion: reduce) {
#results .bp-report-browser,
#results .bp-report-demo-bar-fill,
#results .bp-report-feature,
#results .bp-report-feature-icon,
#results .bp-report-demo-ai-card,
#results .bp-report-demo-badge-card {
transition-duration: 0.01ms !important;
}
#results .bp-report-browser {
opacity: 1;
transform: none;
}
}
#results.bp-results-showcase {
overflow: clip;
background: linear-gradient(180deg, #fff 0%, #f5f7fa 80%, #f5f7fa 100%);
}
#results.bp-results-showcase::before,
#results.bp-results-showcase::after {
display: none;
}
#results .bp-report-showcase {
grid-template-columns: minmax(0, 1fr) minmax(360px, 0.84fr);
gap: clamp(4rem, 6.5vw, 6.5rem);
}
#results .bp-report-preview-column {
perspective: none;
}
#results .bp-report-browser {
border-color: #ededed;
border-radius: 18px;
box-shadow: 0 25px 70px rgba(34, 36, 76, 0.08);
transform: translateY(18px);
}
#results .bp-report-showcase.is-ready .bp-report-browser {
transform: translateY(0);
}
#results .bp-report-browserbar {
display: none;
}
#results .bp-report-preview {
height: 1040px;
}
#results .bp-report-feature-list {
position: static;
padding-top: 28px;
}
#results .bp-report-features {
display: block;
}
#results .bp-report-features::before {
display: none;
}
#results .bp-report-feature {
display: block;
min-height: 158px;
border: 0;
border-radius: 0;
background: transparent;
padding: 0 0 36px;
box-shadow: none;
color: inherit;
}
#results .bp-report-feature:first-child {
min-height: 205px;
}
#results .bp-report-feature:hover,
#results .bp-report-feature:focus-visible,
#results .bp-report-feature.is-active {
border-color: transparent;
background: transparent;
box-shadow: none;
transform: none;
}
#results .bp-report-feature:focus-visible {
border-radius: 8px;
outline: 2px solid rgba(108, 92, 231, 0.5);
outline-offset: 8px;
}
#results .bp-report-feature-icon,
#results .bp-report-feature-arrow {
display: none;
}
#results .bp-report-feature-title {
display: inline-flex;
color: #242424;
font-size: 20px;
line-height: 1.25;
letter-spacing: -0.018em;
transition: color 180ms ease;
}
#results .bp-report-feature:hover .bp-report-feature-title,
#results .bp-report-feature:focus-visible .bp-report-feature-title {
color: var(--report-coral-deep);
}
#results .bp-report-feature-copy p {
max-width: 39ch;
margin-top: 9px;
color: #686868;
font-size: 14px;
line-height: 1.65;
}
#results .bp-report-feature-new {
align-self: center;
background: #fff0f2;
color: var(--report-coral-deep);
}
#results .bp-report-feature-stats {
display: flex;
gap: clamp(2rem, 4vw, 3.75rem);
align-items: flex-start;
margin-top: 18px;
}
#results .bp-report-feature-stats > span {
display: flex;
flex-direction: column;
color: #777;
font-size: 11px;
line-height: 1.35;
}
#results .bp-report-feature-stats strong {
display: block;
margin-bottom: 2px;
color: #f26b7a;
font-size: 32px;
font-weight: 700;
line-height: 1;
letter-spacing: -0.035em;
}
#results .bp-report-format-title {
width: 100%;
margin: 0 0 12px;
color: #242424;
text-align: center;
}
@media (max-width: 1199px) {
#results .bp-report-showcase {
grid-template-columns: minmax(0, 1fr) minmax(330px, 0.82fr);
gap: 3.5rem;
}
#results .bp-report-preview {
height: 940px;
}
#results .bp-report-feature {
min-height: 140px;
}
#results .bp-report-feature:first-child {
min-height: 190px;
}
}
@media (max-width: 991px) {
#results .bp-report-showcase {
grid-template-columns: minmax(0, 1fr);
gap: 2.5rem;
}
#results .bp-report-feature-list {
padding-top: 0;
}
#results .bp-report-features {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
#results .bp-report-feature,
#results .bp-report-feature:first-child {
display: grid;
min-height: 0;
grid-template-columns: 48px minmax(0, 1fr) 28px;
gap: 12px;
align-items: center;
border: 1px solid #ededed;
border-radius: 16px;
background: #fff;
padding: 15px;
box-shadow: 0 16px 38px rgba(34, 36, 76, 0.065);
}
#results .bp-report-feature:hover,
#results .bp-report-feature:focus-visible,
#results .bp-report-feature.is-active {
border-color: rgba(108, 92, 231, 0.18);
background: #fff;
box-shadow: 0 18px 42px rgba(34, 36, 76, 0.09);
transform: translateY(-2px);
}
#results .bp-report-feature-icon,
#results .bp-report-feature-arrow {
display: grid;
}
#results .bp-report-feature-title {
font-size: 16px;
}
#results .bp-report-feature-copy p {
max-width: none;
margin-top: 5px;
font-size: 11px;
line-height: 1.55;
}
#results .bp-report-feature-stats {
display: none;
}
}
@media (max-width: 767px) {
#results .bp-report-features {
grid-template-columns: 1fr;
}
#results .bp-report-browser {
border-radius: 16px;
box-shadow: 0 20px 48px rgba(34, 36, 76, 0.1);
}
#results .bp-report-format-title {
margin-bottom: 4px;
text-align: left;
}
}
#results .bp-report-iframe-frame {
overflow: hidden;
}
#results .bp-report-browserbar {
display: flex;
position: relative;
z-index: 3;
gap: 12px;
align-items: center;
min-height: 44px;
padding: 0 16px;
border-bottom: 1px solid #e9ebf2;
background: #f7f8fc;
}
#results .bp-report-browser-address {
display: flex;
min-width: 0;
flex: 1;
align-items: center;
justify-content: flex-start;
gap: 7px;
overflow: hidden;
border: 0;
border-radius: 0;
background: transparent;
padding: 0;
font-size: 12px;
font-weight: 500;
letter-spacing: -0.01em;
color: #5c5f78;
white-space: nowrap;
}
#results .bp-report-browser-address > span {
overflow: hidden;
text-overflow: ellipsis;
}
#results .bp-report-browser-open {
pointer-events: auto;
}
#results .bp-report-iframe-shell {
position: relative;
height: 900px;
overflow: hidden;
background: #f7f8fc;
}
#results .bp-report-iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
background: #fff;
pointer-events: none;
opacity: 1;
transition: opacity 280ms ease;
}
#results .bp-report-iframe-shell:hover .bp-report-iframe,
#results .bp-report-iframe-shell:focus-within .bp-report-iframe {
pointer-events: auto;
}
#results .bp-report-iframe-shell.is-loading .bp-report-iframe {
opacity: 0;
pointer-events: none;
}
#results .bp-report-iframe-skeleton {
position: absolute;
inset: 0;
z-index: 5;
display: flex;
padding: 28px 24px 32px;
background: #fff;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition:
opacity 220ms ease,
visibility 220ms ease;
}
#results .bp-report-iframe-shell.is-loading .bp-report-iframe-skeleton {
opacity: 1;
visibility: visible;
}
#results .bp-report-iframe-skeleton-inner {
display: flex;
width: 100%;
flex-direction: column;
gap: 14px;
}
#results .bp-report-skel-line,
#results .bp-report-skel-card,
#results .bp-report-skel-block,
#results .bp-report-skel-row {
border-radius: 10px;
background: linear-gradient(
90deg,
#eef0f5 0%,
#f7f8fb 45%,
#eef0f5 100%
);
background-size: 200% 100%;
animation: bp-report-skel-shimmer 1.35s ease-in-out infinite;
}
#results .bp-report-skel-eyebrow {
width: 34%;
height: 12px;
}
#results .bp-report-skel-title {
width: 72%;
height: 28px;
margin-top: 4px;
}
#results .bp-report-skel-title-sm {
width: 54%;
height: 18px;
}
#results .bp-report-skel-stats {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin-top: 10px;
}
#results .bp-report-skel-card {
height: 88px;
border-radius: 14px;
}
#results .bp-report-skel-block {
width: 100%;
height: 120px;
margin-top: 8px;
border-radius: 16px;
}
#results .bp-report-skel-block-lg {
height: 180px;
}
#results .bp-report-skel-rows {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 4px;
}
#results .bp-report-skel-row {
height: 42px;
border-radius: 12px;
}
#results .bp-report-skel-row:nth-child(2) {
width: 94%;
}
#results .bp-report-skel-row:nth-child(3) {
width: 88%;
}
#results .bp-report-skel-row:nth-child(4) {
width: 80%;
}
@keyframes bp-report-skel-shimmer {
0% { background-position: 100% 0; }
100% { background-position: -100% 0; }
}
@media (prefers-reduced-motion: reduce) {
#results .bp-report-skel-line,
#results .bp-report-skel-card,
#results .bp-report-skel-block,
#results .bp-report-skel-row {
animation: none;
}
}
#results .bp-report-iframe-scrollbar {
position: absolute;
top: 10px;
right: 6px;
bottom: 10px;
z-index: 4;
width: 5px;
border-radius: 999px;
background: rgba(34, 36, 76, 0.06);
opacity: 0;
pointer-events: none;
transition: opacity 160ms ease;
}
#results .bp-report-iframe-shell.is-user-scrolling .bp-report-iframe-scrollbar {
opacity: 1;
}
#results .bp-report-iframe-scrollbar-thumb {
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 28px;
border-radius: 999px;
background: rgba(34, 36, 76, 0.35);
}
#results .bp-report-iframe-shield {
display: none;
}
#results .bp-report-showcase {
align-items: center;
margin-top: 0;
}
#results .bp-report-feature-list {
padding-top: 0;
}
#results .bp-report-features {
display: flex;
flex-direction: column;
gap: 10px;
}
#results .bp-report-feature {
display: grid;
grid-template-columns: minmax(0, 1fr) 18px;
gap: 14px;
align-items: start;
min-height: 0;
border: 1px solid transparent;
border-radius: 16px;
background: transparent;
padding: 18px 18px 18px 16px;
cursor: pointer;
box-shadow: none;
transition:
border-color 200ms ease,
background-color 200ms ease,
box-shadow 220ms ease,
transform 200ms ease;
}
#results .bp-report-feature:first-child {
min-height: 0;
}
#results .bp-report-feature-icon,
#results .bp-report-feature-chapter {
display: none !important;
}
#results .bp-report-feature-arrow {
display: grid !important;
width: 18px;
height: 18px;
place-items: center;
margin-top: 8px;
color: #9ca3af;
opacity: 0.85;
transition:
color 200ms ease,
opacity 200ms ease,
transform 200ms ease;
}
#results .bp-report-feature-copy {
min-width: 0;
}
#results .bp-report-feature-copy p {
max-width: none;
}
#results .bp-report-feature-title {
color: #737373;
transition: color 180ms ease;
}
#results .bp-report-feature:hover,
#results .bp-report-feature:focus-visible,
#results .bp-report-feature.is-preview {
border-color: rgba(34, 36, 76, 0.14);
background: #fff;
box-shadow: 0 6px 18px rgba(34, 36, 76, 0.06);
transform: translateY(-1px);
}
#results .bp-report-feature:hover .bp-report-feature-title,
#results .bp-report-feature:focus-visible .bp-report-feature-title,
#results .bp-report-feature.is-preview .bp-report-feature-title,
#results .bp-report-feature.is-active .bp-report-feature-title {
color: #242424;
}
#results .bp-report-feature:hover .bp-report-feature-arrow,
#results .bp-report-feature:focus-visible .bp-report-feature-arrow,
#results .bp-report-feature.is-preview .bp-report-feature-arrow,
#results .bp-report-feature.is-active .bp-report-feature-arrow {
color: #737373;
opacity: 1;
transform: translateX(2px);
}
#results .bp-report-feature.is-active,
#results .bp-report-feature.is-active:hover,
#results .bp-report-feature.is-active:focus-visible,
#results .bp-report-feature.is-active.is-preview {
border-color: rgba(34, 36, 76, 0.16);
background: #fff;
box-shadow:
0 1px 2px rgba(34, 36, 76, 0.04),
0 10px 28px rgba(34, 36, 76, 0.08);
transform: none;
}
#results .bp-report-feature:focus-visible {
outline: 2px solid rgba(2, 135, 237, 0.45);
outline-offset: 2px;
}
@media (max-width: 991px) {
#results .bp-report-iframe-shell {
height: min(72vh, 740px);
}
}
#results .bp-report-feature-mock {
display: none;
}
@media (max-width: 767px) {
#results .bp-report-preview-column {
display: none !important;
}
#results .bp-report-showcase {
display: block !important;
gap: 0 !important;
margin-top: 0 !important;
}
#results .bp-report-feature-list {
position: static;
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
}
#results .bp-report-feature-list > .cards-dots {
display: none !important;
}
#results .bp-report-feature[data-feature-kind="badge"] {
display: none !important;
}
#results .bp-report-features {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
gap: 1rem;
overflow: visible !important;
margin: 0 !important;
padding: 0 !important;
}
#results .bp-report-feature,
#results .bp-report-feature:first-child {
flex: none !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start;
align-items: stretch;
gap: 0;
height: auto;
margin: 0 !important;
padding: 1.15rem 1.1rem 1.15rem !important;
border: 1px solid #ededed !important;
border-radius: 16px;
background: #fff !important;
box-shadow: 0 14px 34px rgba(0, 0, 0, 0.09) !important;
transform: none !important;
cursor: default;
text-align: left;
}
#results .bp-report-feature:hover,
#results .bp-report-feature:focus-visible,
#results .bp-report-feature.is-preview,
#results .bp-report-feature.is-active,
#results .bp-report-feature.is-active:hover {
border-color: #ededed !important;
background: #fff !important;
box-shadow: 0 14px 34px rgba(0, 0, 0, 0.09) !important;
transform: none !important;
}
#results .bp-report-feature-arrow {
display: none !important;
}
#results .bp-report-feature-copy {
display: flex;
flex-direction: column;
min-width: 0;
}
#results .bp-report-feature-title {
color: #242424 !important;
font-size: var(--text-md, 1.0625rem);
font-weight: var(--weight-bold, 700);
line-height: var(--leading-snug, 1.35);
letter-spacing: -0.02em;
}
#results .bp-report-feature-copy p {
margin-top: 0.4rem;
margin-bottom: 0;
color: var(--color-text-body, #737373) !important;
font-size: var(--text-sm, 0.875rem);
font-weight: var(--weight-regular, 400);
line-height: var(--leading-relaxed, 1.65);
}
#results .bp-report-feature-stats {
display: none !important;
}
#results .bp-report-feature-mock {
display: block;
margin-top: 0.95rem;
}
#results .bp-mini-mock {
display: block;
border: 1px solid #e8eaf0;
border-radius: 14px;
background: #f7f8fc;
padding: 0.85rem 0.9rem;
overflow: hidden;
}
#results .bp-mini-mock-head,
#results .bp-mini-mock-kicker {
display: flex;
justify-content: space-between;
gap: 0.5rem;
margin-bottom: 0.65rem;
color: #8a8ea3;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.02em;
text-transform: uppercase;
}
#results .bp-mini-mock--reach {
background: linear-gradient(165deg, #1b1b3a 0%, #22244c 100%);
border-color: transparent;
color: #fff;
}
#results .bp-mini-mock--reach .bp-mini-mock-head {
color: rgba(255, 255, 255, 0.55);
}
#results .bp-mini-traf {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.4fr) auto;
gap: 0.45rem;
align-items: center;
padding: 0.28rem 0;
}
#results .bp-mini-traf-name {
overflow: hidden;
color: #fff;
font-size: 11px;
font-weight: 600;
white-space: nowrap;
text-overflow: ellipsis;
}
#results .bp-mini-traf-track {
display: block;
height: 7px;
overflow: hidden;
border-radius: 999px;
background: rgba(255, 255, 255, 0.12);
}
#results .bp-mini-traf-track i {
display: block;
width: var(--w, 50%);
height: 100%;
border-radius: inherit;
}
#results .bp-mini-traf-val {
color: rgba(255, 255, 255, 0.78);
font-size: 11px;
font-weight: 700;
font-variant-numeric: tabular-nums;
text-align: right;
}
#results .bp-mini-ai-bar {
display: flex;
height: 12px;
overflow: hidden;
border-radius: 999px;
background: #e6e8f0;
margin-bottom: 0.75rem;
}
#results .bp-mini-ai-bar i {
display: block;
min-width: 4px;
}
#results .bp-mini-ai-legend {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.4rem 0.75rem;
}
#results .bp-mini-ai-legend > span {
display: flex;
align-items: center;
gap: 0.35rem;
color: #5c5f78;
font-size: 11px;
font-weight: 500;
white-space: nowrap;
}
#results .bp-mini-ai-legend > span i {
width: 7px;
height: 7px;
border-radius: 50%;
flex-shrink: 0;
}
#results .bp-mini-ai-legend b {
margin-left: auto;
color: #242424;
font-weight: 700;
font-variant-numeric: tabular-nums;
}
#results .bp-mini-rank-row {
display: grid;
grid-template-columns: minmax(0, 1fr) auto auto;
gap: 0.5rem;
align-items: center;
padding: 0.4rem 0;
border-top: 1px solid #e8eaf0;
}
#results .bp-mini-rank-row:first-of-type {
border-top: 0;
padding-top: 0;
}
#results .bp-mini-rank-query {
display: inline-flex;
min-width: 0;
align-items: center;
gap: 0.35rem;
border: 1px solid #e4e7ef;
border-radius: 999px;
background: #fff;
padding: 0.35rem 0.65rem 0.35rem 0.5rem;
color: #242424;
font-size: 11px;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#results .bp-mini-rank-query svg {
flex-shrink: 0;
color: #9aa0b5;
}
#results .bp-mini-rank-pos {
display: grid;
place-items: center;
min-width: 2rem;
height: 1.7rem;
border-radius: 8px;
background: #eef6ff;
color: #0287ed;
font-size: 11px;
font-weight: 800;
font-variant-numeric: tabular-nums;
}
#results .bp-mini-rank-pub {
min-width: 2.75rem;
color: #5c5f78;
font-size: 11px;
font-weight: 700;
text-align: right;
white-space: nowrap;
}
#results .bp-mini-rank-favicon {
width: 20px;
height: 20px;
border-radius: 5px;
background: #fff;
object-fit: contain;
}
#results .bp-mini-pub-row {
display: flex;
gap: 0.7rem;
align-items: center;
padding: 0.55rem 0;
border-top: 1px solid #e8eaf0;
}
#results .bp-mini-pub-row:first-of-type {
border-top: 0;
padding-top: 0;
}
#results .bp-mini-pub-favicon {
width: 28px;
height: 28px;
flex-shrink: 0;
border-radius: 8px;
background: #fff;
object-fit: contain;
}
#results .bp-mini-pub-meta {
display: flex;
min-width: 0;
flex: 1;
flex-direction: column;
gap: 0.3rem;
}
#results .bp-mini-pub-meta b {
color: #242424;
font-size: 12px;
font-weight: 700;
}
#results .bp-mini-pub-stats {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 0.35rem;
color: #737373;
font-size: 11px;
font-weight: 500;
}
#results .bp-mini-pub-stats span {
min-width: 0;
}
#results .bp-mini-pub-stats strong {
color: #242424;
font-weight: 700;
}
#results .bp-mini-mock--badge {
background: #fff;
padding: 1rem;
}
#results .bp-mini-badge {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.55rem;
border: 1px solid #e8eaf0;
border-radius: 12px;
background: #fafbfc;
padding: 1rem 0.85rem 0.85rem;
box-shadow: 0 8px 20px rgba(34, 36, 76, 0.06);
}
#results .bp-mini-badge-label {
color: #8a8ea3;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
#results .bp-mini-badge-logos {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.4rem 0.65rem;
}
#results .bp-mini-badge-logos span {
color: #242424;
font-size: 12px;
font-weight: 700;
}
#results .bp-mini-badge-verify {
color: #17865f;
font-size: 10px;
font-weight: 600;
}
#results .bp-mini-traf,
#results .bp-mini-ai-legend > span,
#results .bp-mini-rank-row,
#results .bp-mini-pub-row,
#results .bp-mini-badge-logos span,
#results .bp-mini-badge-label,
#results .bp-mini-badge-verify {
opacity: 0;
transform: translateY(6px);
transition:
opacity 0.35s ease,
transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
transition-delay: calc(var(--i, 0) * 0.07s);
}
#results .bp-mini-traf:nth-child(2) { --i: 0; }
#results .bp-mini-traf:nth-child(3) { --i: 1; }
#results .bp-mini-traf:nth-child(4) { --i: 2; }
#results .bp-mini-traf:nth-child(5) { --i: 3; }
#results .bp-mini-traf:nth-child(6) { --i: 4; }
#results .bp-mini-ai-legend > span:nth-child(1) { --i: 1; }
#results .bp-mini-ai-legend > span:nth-child(2) { --i: 2; }
#results .bp-mini-ai-legend > span:nth-child(3) { --i: 3; }
#results .bp-mini-ai-legend > span:nth-child(4) { --i: 4; }
#results .bp-mini-ai-legend > span:nth-child(5) { --i: 5; }
#results .bp-mini-rank-row:nth-child(2),
#results .bp-mini-pub-row:nth-child(2) { --i: 0; }
#results .bp-mini-rank-row:nth-child(3),
#results .bp-mini-pub-row:nth-child(3) { --i: 1; }
#results .bp-mini-rank-row:nth-child(4),
#results .bp-mini-pub-row:nth-child(4) { --i: 2; }
#results .bp-mini-rank-row:nth-child(5),
#results .bp-mini-pub-row:nth-child(5) { --i: 3; }
#results .bp-mini-badge-label { --i: 0; }
#results .bp-mini-badge-logos span:nth-child(1) { --i: 1; }
#results .bp-mini-badge-logos span:nth-child(2) { --i: 2; }
#results .bp-mini-badge-logos span:nth-child(3) { --i: 3; }
#results .bp-mini-badge-logos span:nth-child(4) { --i: 4; }
#results .bp-mini-badge-verify { --i: 5; }
#results .bp-mini-traf-track i {
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
transition-delay: calc(0.12s + var(--i, 0) * 0.07s);
}
#results .bp-mini-ai-bar {
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
transition-delay: 0.08s;
}
#results .bp-mini-rank-pos {
transform: scale(0.86);
transition:
transform 0.35s cubic-bezier(0.34, 1.4, 0.64, 1),
background-color 0.2s ease;
transition-delay: calc(0.12s + var(--i, 0) * 0.07s);
}
#results .bp-mini-badge {
transform: translateY(8px) scale(0.98);
opacity: 0;
transition:
opacity 0.4s ease,
transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
#results .bp-mini-mock.is-inview .bp-mini-traf,
#results .bp-mini-mock.is-inview .bp-mini-ai-legend > span,
#results .bp-mini-mock.is-inview .bp-mini-rank-row,
#results .bp-mini-mock.is-inview .bp-mini-pub-row,
#results .bp-mini-mock.is-inview .bp-mini-badge-logos span,
#results .bp-mini-mock.is-inview .bp-mini-badge-label,
#results .bp-mini-mock.is-inview .bp-mini-badge-verify {
opacity: 1;
transform: translateY(0);
}
#results .bp-mini-mock.is-inview .bp-mini-traf-track i,
#results .bp-mini-mock.is-inview .bp-mini-ai-bar {
transform: scaleX(1);
}
#results .bp-mini-mock.is-inview .bp-mini-rank-pos {
transform: scale(1);
}
#results .bp-mini-mock.is-inview .bp-mini-badge {
opacity: 1;
transform: translateY(0) scale(1);
}
#results .bp-mini-mock.is-inview .bp-mini-badge-verify {
animation: bpMiniBadgeVerify 2.4s ease-in-out 0.55s 1;
}
}
@keyframes bpMiniBadgeVerify {
0%, 100% { color: #17865f; }
50% { color: #0f6b4a; }
}
@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
#results .bp-mini-traf,
#results .bp-mini-ai-legend > span,
#results .bp-mini-rank-row,
#results .bp-mini-pub-row,
#results .bp-mini-badge-logos span,
#results .bp-mini-badge-label,
#results .bp-mini-badge-verify,
#results .bp-mini-traf-track i,
#results .bp-mini-ai-bar,
#results .bp-mini-rank-pos,
#results .bp-mini-badge {
opacity: 1 !important;
transform: none !important;
transition: none !important;
animation: none !important;
}
}
#results .bp-report-format-mobile {
display: none;
}
@media (max-width: 767px) {
#results .bp-report-format-actions {
display: none !important;
}
#results .bp-report-format-mobile {
display: flex;
justify-content: center;
margin-top: var(--space-8, 2rem);
margin-bottom: var(--space-6, 1.5rem);
padding: 0;
}
#results .bp-report-format-mobile .btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 320px;
text-align: center;
color: #1d1d1d !important;
background: #fff !important;
background-color: #fff !important;
border: 1px solid #ededed !important;
box-shadow: none !important;
}
#results .bp-report-format-mobile .btn:hover,
#results .bp-report-format-mobile .btn:focus {
color: #1d1d1d !important;
background: #fff !important;
background-color: #fff !important;
border-color: #d8dbe2 !important;
}
}
@font-face{font-family:Inter;src:url(/assets/index5-benefits/fonts/inter-var.woff2) format("woff2");font-weight:100 900;font-display:swap}
.bp5-benefit-stage{
width:100%;
max-width:100%;
margin:0;
padding:16px 0 28px;
overflow:visible;
}
#benefits .bp5-benefit-stage .bp5-ben{width:100%}
#benefits .feature-box .bp5-benefit-stage{
margin-bottom:1rem;
padding-top:8px;
padding-bottom:20px;
}
@media (min-width:992px){
#benefits .bp-benefit-social{margin-top:1.35rem}
#benefits .benefits-cards-scroll > .row > .lqd-column.mb-30{
display:flex;
align-items:center;
overflow:visible;
}
#benefits .benefits-cards-scroll > .row > .lqd-column.mb-30 > .bp5-benefit-stage{
width:100%;
min-width:0;
flex:1 1 auto;
padding:24px 0 32px;
}
#SEO > .lqd-column.mb-30,
#trust-badge > .lqd-column.mb-30{
padding-left:0 !important;
}
}
.bp5-ben{
position:relative;
aspect-ratio:920/640;
width:100%;
cursor:pointer;
-webkit-tap-highlight-color:transparent;
outline:0;
color:var(--ink);
font-family:Inter,system-ui,-apple-system,sans-serif;
-webkit-font-smoothing:antialiased;
font-feature-settings:"cv11" 1;
text-align:left;
overflow:visible;
}
.bp5-ben:focus-visible{outline:2px solid var(--blue);outline-offset:12px;border-radius:12px}
.bp5-ben img,.bp5-ben svg{display:block}
.bp5-ben *,.bp5-ben *::before,.bp5-ben *::after{box-sizing:border-box}
.bp5-ben .stage{position:absolute;left:0;top:0;width:1100px;height:640px;transform:scale(var(--s,1));transform-origin:0 0;will-change:transform}
.bp5-ben{
--ink:#1D1D1F;--ink-2:#2B2B30;--meta:#6B6B70;--meta-2:#9A9AA2;--line:#ECEEF3;--fill:#F1F3F7;--fill-2:#EEF1F6;
--blue:#4280EC;--g-blue:#1F5FE0;--g-grey:#5F6368;--green:#22C55E;
--card:#fff;--edge:rgba(29,29,31,.08);
--shadow:0 30px 70px rgba(20,30,60,.12),0 2px 6px rgba(20,30,60,.05),inset 0 0 0 1px rgba(255,255,255,.9);
--shadow-2:0 30px 70px rgba(20,30,60,.16),0 2px 6px rgba(0,0,0,.06),inset 0 0 0 1px rgba(255,255,255,.9);
--ease:cubic-bezier(.2,.8,.2,1);--spring:cubic-bezier(.34,1.4,.64,1);
}
.bp5-ben .win{position:absolute;background:var(--card);border-radius:28px;overflow:hidden;box-shadow:var(--shadow);outline:1px solid var(--edge);outline-offset:-1px}
.bp5-ben .traffic-win{
background:transparent;
box-shadow:none;
outline:none;
overflow:visible;
}
.bp5-ben .win-face{
position:absolute;
inset:0;
border-radius:28px;
overflow:hidden;
background:var(--card);
box-shadow:var(--shadow);
outline:1px solid var(--edge);
outline-offset:-1px;
}
.bp5-ben .chart-fg-slot{
position:absolute;
inset:0;
z-index:3;
pointer-events:none;
overflow:visible;
-webkit-mask-image:none!important;
mask-image:none!important;
}
.bp5-ben .chart-fg-slot .chrome,
.bp5-ben .chart-fg-slot .top{
visibility:hidden;
}
.bp5-ben .chart-fg-slot .chart-hit{
pointer-events:auto;
}
.bp5-ben .fade-b{-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent);mask-image:linear-gradient(to bottom,#000 55%,transparent)}
.bp5-ben .fade-r{-webkit-mask-image:linear-gradient(to right,#000 62%,rgba(0,0,0,.5) 82%,transparent);mask-image:linear-gradient(to right,#000 62%,rgba(0,0,0,.5) 82%,transparent)}
.bp5-ben .fade-rb{-webkit-mask-image:linear-gradient(to right,#000 62%,rgba(0,0,0,.45) 82%,transparent),linear-gradient(to bottom,#000 58%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,#000 62%,rgba(0,0,0,.45) 82%,transparent),linear-gradient(to bottom,#000 58%,transparent);mask-composite:intersect}
.bp5-ben .win.site.fade-rb{-webkit-mask-image:linear-gradient(to right,#000 48%,rgba(0,0,0,.4) 68%,transparent 88%),linear-gradient(to bottom,#000 58%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,#000 48%,rgba(0,0,0,.4) 68%,transparent 88%),linear-gradient(to bottom,#000 58%,transparent);mask-composite:intersect}
.bp5-ben .traffic-win .win-face.fade-rb{-webkit-mask-image:linear-gradient(to right,#000 55%,rgba(0,0,0,.42) 74%,transparent 92%),linear-gradient(to bottom,#000 58%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,#000 55%,rgba(0,0,0,.42) 74%,transparent 92%),linear-gradient(to bottom,#000 58%,transparent);mask-composite:intersect}
.bp5-ben .chrome{display:flex;align-items:center;gap:8px;height:58px;padding:0 22px;border-bottom:1px solid var(--line);background:#FAFBFD}
.bp5-ben .chrome i{width:12px;height:12px;border-radius:50%;background:#DCE0E8}
.bp5-ben .chrome .url{margin-left:14px;flex:1;height:34px;border-radius:999px;background:var(--fill-2);display:flex;align-items:center;gap:10px;padding:0 16px;font-size:17px;color:var(--meta)}
.bp5-ben .chrome .url svg{width:14px;height:14px;stroke:var(--meta-2);fill:none;stroke-width:2}
.bp5-ben .glass{position:absolute;border-radius:24px;padding:18px 22px;color:#fff;font-size:21px;line-height:1.25;letter-spacing:-.01em;background:linear-gradient(135deg,rgba(92,134,240,.9),rgba(66,110,232,.86) 60%,rgba(110,140,244,.88));-webkit-backdrop-filter:blur(22px) saturate(1.2);backdrop-filter:blur(22px) saturate(1.2);box-shadow:0 24px 54px rgba(30,60,160,.24),0 2px 4px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.65),inset 0 -1px 0 rgba(255,255,255,.15)}
.bp5-ben .glass::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.85),rgba(255,255,255,.15) 60%,rgba(255,255,255,.35));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.bp5-ben .glass .row{display:flex;align-items:center;gap:14px}
.bp5-ben .glass b{display:block;font-weight:600}
.bp5-ben .glass .mini{width:38px;height:38px;border-radius:12px;flex:none;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.bp5-ben .glass .mini img{width:24px;height:24px;border-radius:6px}
.bp5-ben .glass .when{margin-left:auto;font-size:18px;opacity:.75}
.bp5-ben .ltile{position:absolute;width:132px;height:132px;border-radius:32px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 24px 56px rgba(20,30,60,.16),0 2px 6px rgba(0,0,0,.06),inset 0 0 0 1px rgba(255,255,255,.9)}
.bp5-ben .ltile img{width:60%}
.bp5-ben .chip{display:inline-flex;align-items:center;gap:10px;background:var(--fill);border-radius:999px;padding:8px 16px 8px 10px;font-size:19px;font-weight:500;color:var(--ink-2);box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
.bp5-ben .chip img{width:24px;height:24px;border-radius:6px}
.bp5-ben .ltile,
.bp5-ben .notif,
.bp5-ben .badgepanel,
.bp5-ben .rise,
.bp5-ben .chart-fg-slot{
z-index:4;
-webkit-mask-image:none!important;
mask-image:none!important;
-webkit-mask-composite:unset;
mask-composite:unset;
}
.bp5-ben .ltile,
.bp5-ben .notif,
.bp5-ben .badgepanel,
.bp5-ben .rise{
--px:0px;
--py:0px;
translate:var(--px) var(--py);
transition:translate .2s ease-out;
}
@media (prefers-reduced-motion:reduce){
.bp5-ben .ltile,
.bp5-ben .notif,
.bp5-ben .badgepanel,
.bp5-ben .rise{transition:none}
}
.bp5-ben .aio{padding:26px 32px 20px}
.bp5-ben .aio .hd{display:flex;align-items:center;gap:12px;font-weight:600;font-size:22px;margin-bottom:18px}
.bp5-ben .aio .hd svg{width:28px;height:28px}
.bp5-ben .aio p{font-size:22px;line-height:1.5;color:var(--ink-2);margin-bottom:16px;max-width:600px}
.bp5-ben .aio mark{background:linear-gradient(90deg,#E8E4FF,#DCE8FF) no-repeat;color:#3E2BB8;border-radius:8px;padding:2px 8px;font-weight:600}
.bp5-ben .aio .cite{display:inline-flex;align-items:center;gap:7px;color:var(--blue);font-weight:500;vertical-align:baseline}
.bp5-ben .aio .cite img{width:20px;height:20px;border-radius:5px;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
.bp5-ben .aio .srcs{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap;align-items:center}
.bp5-ben .aio .srcs-label{
flex:0 0 100%;
margin:0 0 2px;
font-size:15px;
font-weight:600;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--meta);
}
.bp5-ben .w{display:inline-block}
.bp5-ben .serp .gbar{display:flex;align-items:center;gap:16px;margin:26px 32px 0;height:60px;border:1.5px solid #DFE1E5;border-radius:999px;padding:0 22px;font-size:24px;box-shadow:0 2px 8px rgba(32,33,36,.1)}
.bp5-ben .serp .gbar img{width:28px;height:28px}
.bp5-ben .serp .gbar .mag{margin-left:auto;width:24px;height:24px;stroke:var(--blue);fill:none;stroke-width:2.4}
.bp5-ben .serp .tabs{display:flex;gap:30px;margin:20px 32px 0;padding-bottom:12px;border-bottom:1.5px solid var(--line);font-size:19px;color:var(--g-grey)}
.bp5-ben .serp .tabs b{color:var(--blue);font-weight:500;border-bottom:3px solid var(--blue);padding-bottom:10px;margin-bottom:-13.5px}
.bp5-ben .serp .res{margin:22px 32px 0;padding-bottom:22px;border-bottom:1.5px solid #F0F0F2;opacity:.45;filter:saturate(.6)}
.bp5-ben .src{display:flex;align-items:center;gap:12px;font-size:18px;color:var(--g-grey)}
.bp5-ben .src img{width:28px;height:28px;border-radius:8px}
.bp5-ben .src b{display:block;font-weight:500;color:var(--ink-2)}
.bp5-ben .tt{font-size:23px;font-weight:500;color:var(--g-blue);line-height:1.3;margin:8px 0 6px}
.bp5-ben .sn{font-size:18px;line-height:1.45;color:var(--g-grey)}
.bp5-ben .rise{position:absolute;background:#fff;border-radius:22px;padding:22px 26px;box-shadow:var(--shadow-2);outline:1px solid var(--edge);outline-offset:-1px}
.bp5-ben .rise .src img{width:30px;height:30px}
.bp5-ben .rise .tt{font-size:24px;margin:10px 0 6px}
.bp5-ben .rise .rank{position:absolute;top:-16px;left:-16px;height:40px;padding:0 14px;border-radius:999px;background:var(--ink);color:#fff;font-weight:600;font-size:18px;display:flex;align-items:center;gap:8px;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.bp5-ben .rise .rank svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.bp5-ben .ana{padding:26px 32px 24px}
.bp5-ben .ana .top{display:flex;align-items:flex-start;gap:20px}
.bp5-ben .ana .kpi .l{font-size:19px;color:var(--meta);font-weight:500}
.bp5-ben .ana .kpi .l span{color:var(--meta-2);font-weight:400}
.bp5-ben .ana .kpi .v{font-size:46px;font-weight:700;letter-spacing:-.03em;line-height:1.15;display:flex;align-items:center;gap:14px;font-variant-numeric:tabular-nums}
.bp5-ben .ana .delta{display:inline-flex;align-items:center;gap:6px;background:#E7F8EE;color:#178A46;font-size:19px;font-weight:600;border-radius:999px;padding:6px 12px;letter-spacing:0}
.bp5-ben .ana .delta svg{width:14px;height:14px;fill:#178A46}
.bp5-ben .ana .period{margin-left:auto;margin-top:4px}
.bp5-ben .ana .pill{white-space:nowrap;font-size:17px;font-weight:500;color:var(--ink-2);background:var(--fill);border-radius:999px;padding:8px 14px;display:flex;align-items:center;gap:8px}
.bp5-ben .ana .pill svg{width:14px;height:14px;stroke:var(--meta);fill:none;stroke-width:2.2}
.bp5-ben .ana .chart{margin-top:22px;position:relative}
.bp5-ben .ana .chart svg{width:100%;height:auto;overflow:visible}
.bp5-ben .chart-fg-slot .chart-hit{pointer-events:auto;cursor:crosshair}
.bp5-ben .chart-fg .hit{cursor:crosshair}
.bp5-ben .chart-tip{
position:absolute;
z-index:6;
min-width:118px;
padding:10px 14px;
border-radius:12px;
background:#fff;
color:var(--ink);
box-shadow:0 12px 28px rgba(20,30,60,.16),0 1px 3px rgba(0,0,0,.06);
outline:1px solid var(--edge);
pointer-events:none;
transform:translate(-50%,calc(-100% - 14px));
text-align:left;
line-height:1.25;
}
.bp5-ben .chart-tip[hidden]{display:none!important}
.bp5-ben .chart-tip-date{display:block;font-size:12px;font-weight:500;color:var(--meta);margin-bottom:2px}
.bp5-ben .chart-tip-val{display:block;font-size:18px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink)}
.bp5-ben .chart-tip-sub{display:block;font-size:11px;font-weight:500;color:var(--meta);margin-top:3px}
.bp5-ben .ana .legend{display:flex;gap:22px;margin-top:10px;font-size:16px;color:var(--meta);align-items:center;white-space:nowrap}
.bp5-ben .ana .legend i{display:inline-block;width:26px;border-top:3px solid var(--blue);margin-right:8px;vertical-align:middle}
.bp5-ben .ana .legend i.d{border-top-style:dashed;border-top-color:#B9C2D8}
.bp5-ben .notif{width:470px}
.bp5-ben .notif .txt{font-size:21px}
.bp5-ben .pt{transform-box:fill-box;transform-origin:center}
.bp5-ben .site .nav{display:flex;align-items:center;gap:26px;height:64px;padding:0 34px;font-size:18px;color:var(--ink-2);border-bottom:1px solid var(--line)}
.bp5-ben .site .nav .logo{font-weight:700;font-size:21px;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}
.bp5-ben .site .nav .logo i{width:26px;height:26px;border-radius:8px;background:linear-gradient(140deg,#FF8A5B,#F5544D)}
.bp5-ben .site .nav .cta{margin-left:auto;background:var(--ink);color:#fff;border-radius:999px;padding:10px 18px;font-weight:500;font-size:17px}
.bp5-ben .site .hero{position:relative;height:300px;padding:44px 40px;color:#fff;overflow:hidden;background:linear-gradient(120deg,#132247,#1E3468 60%,#2F4F9A)}
.bp5-ben .site .hero::before,.bp5-ben .site .hero::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.bp5-ben .site .hero::before{right:-120px;top:-120px;width:420px;height:420px;background:radial-gradient(circle,rgba(255,190,140,.28),rgba(255,120,80,0) 65%)}
.bp5-ben .site .hero::after{left:-60px;bottom:-140px;width:360px;height:360px;background:radial-gradient(circle,rgba(110,160,255,.25),rgba(110,160,255,0) 65%)}
.bp5-ben .site .hero>*{position:relative;z-index:1}
.bp5-ben .site .hero .k{font-size:15px;letter-spacing:.14em;text-transform:uppercase;opacity:.75;font-weight:500;color:#fff}
.bp5-ben .site .hero h1{font-weight:700;font-size:38px;line-height:1.15;letter-spacing:-.02em;max-width:440px;margin:10px 0 12px;color:#fff!important}
.bp5-ben .site .hero .sub{font-size:19px;opacity:.85;max-width:420px;line-height:1.4;color:#fff}
.bp5-ben .site .stats{display:flex;padding:24px 34px 8px}
.bp5-ben .site .stats div{flex:1;border-left:1px solid var(--line);padding-left:18px}
.bp5-ben .site .stats div:first-child{border-left:0;padding-left:0}
.bp5-ben .site .stats b{display:block;font-size:28px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.bp5-ben .site .stats span{font-size:16px;color:var(--meta)}
.bp5-ben .site .tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:18px 34px 30px}
.bp5-ben .site .tiles i{height:88px;border-radius:16px;background:var(--fill-2)}
.bp5-ben .site .tiles i:nth-child(2n){background:#E9EDF4}
.bp5-ben .badgepanel{position:absolute;background:#fff;border-radius:22px;padding:14px 18px;box-shadow:var(--shadow-2);outline:1px solid var(--edge);outline-offset:-1px;overflow:visible}
.bp5-ben .badgepanel img{width:100%;height:auto;display:block}
.bp5-ben .win.news{
overflow:visible;
background:transparent;
box-shadow:none;
outline:none;
}
.bp5-ben .news-face{
position:absolute;
inset:0;
background:var(--card);
border-radius:28px;
overflow:hidden;
box-shadow:var(--shadow);
outline:1px solid var(--edge);
outline-offset:-1px;
}
.bp5-ben .news{padding:28px 36px 48px;color:var(--ink)}
.bp5-ben .news-brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;letter-spacing:-.01em;margin-bottom:18px}
.bp5-ben .news-brand img{width:28px;height:28px;border-radius:8px}
.bp5-ben .news-kicker{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--meta);margin-bottom:10px}
.bp5-ben .news-hed{font-size:34px;font-weight:700;line-height:1.18;letter-spacing:-.02em;max-width:34rem;margin:0 0 14px;color:var(--ink)!important}
.bp5-ben .news-by{font-size:15px;color:var(--meta);margin-bottom:22px}
.bp5-ben .news-hero{
height:210px;
border-radius:18px;
overflow:hidden;
background:linear-gradient(135deg,#E8EEF8,#D5DEEE 55%,#C7D4EA);
margin-bottom:22px;
}
.bp5-ben .news-hero img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
display:block;
}
.bp5-ben .news-p{font-size:17px;line-height:1.55;color:var(--ink-2);margin:0 0 14px;max-width:36rem}
.bp5-ben .news-face.fade-rb{
-webkit-mask-image:linear-gradient(to right,#000 58%,rgba(0,0,0,.42) 78%,transparent),linear-gradient(to bottom,#000 78%,transparent);
-webkit-mask-composite:source-in;
mask-image:linear-gradient(to right,#000 58%,rgba(0,0,0,.42) 78%,transparent),linear-gradient(to bottom,#000 78%,transparent);
mask-composite:intersect;
}
.bp5-ben .notif .mini svg{display:block}
.bp5-ben .notif--guarantee{
background:#70a986;
box-shadow:0 24px 54px rgba(112,169,134,.28),0 2px 4px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(255,255,255,.12);
-webkit-backdrop-filter:none;
backdrop-filter:none;
}
.bp5-ben .notif--guarantee::before{
background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.12) 60%,rgba(255,255,255,.25));
}
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes climb{from{opacity:0;transform:translateY(240px)}to{opacity:1;transform:none}}
@keyframes pop{from{opacity:0;transform:scale(.82)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes word{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes sweep{from{background-size:0 100%}to{background-size:100% 100%}}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes pulse{from{transform:scale(1);opacity:.55}to{transform:scale(2.8);opacity:0}}
@keyframes float{50%{transform:translateY(-8px)}}
.bp5-ben .a-rise{animation:rise .7s var(--ease) both}
.bp5-ben .a-climb{animation:climb .9s var(--ease) both}
.bp5-ben .a-pop{animation:pop .55s var(--ease) both}
.bp5-ben .a-spring{animation:pop .7s var(--spring) both}
.bp5-ben .a-fade{animation:fade .6s ease both}
.bp5-ben .w{animation:word .32s ease both}
.bp5-ben .aio mark.w{animation:word .32s ease both,sweep .55s ease both}
.bp5-ben .a-float{animation:float 4.5s ease-in-out infinite}
.bp5-ben .a-pop.a-float,.bp5-ben .a-spring.a-float{animation:pop .7s var(--spring) both,float 4.5s ease-in-out infinite}
.bp5-ben .draw{stroke-dasharray:1400;stroke-dashoffset:1400;animation:draw 1.6s cubic-bezier(.4,0,.2,1) both}
.bp5-ben .a-reveal{animation:reveal 1.1s cubic-bezier(.4,0,.2,1) both}
.bp5-ben .a-pulse{opacity:0;animation:pulse 1.6s ease-out infinite}
.js .bp5-ben:not(.play) *{animation-play-state:paused!important}
.bp5-ben.reset *{animation:none!important}
@media (prefers-reduced-motion:reduce){.bp5-ben *{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important}}
.ai-chatgpt-window[data-ai-word-reveal] .ai-chatgpt-question,
.ai-chatgpt-window[data-ai-word-reveal] .ai-chatgpt-source-check,
.ai-chatgpt-window[data-ai-word-reveal] .ai-chatgpt-sources,
.ai-chatgpt-window[data-ai-word-reveal] .ai-chatgpt-source-chip{
opacity:1;
transform:none;
transition:none;
}
.ai-chatgpt-window[data-ai-word-reveal] .ai-w{
display:inline-block;
animation:word .32s ease both;
}
.ai-chatgpt-window[data-ai-word-reveal] .ai-w-brand{
display:inline;
color:#0587ed;
font-weight:500;
background:linear-gradient(90deg,#E8E4FF,#DCE8FF) no-repeat;
background-size:100% 100%;
border-radius:6px;
padding:1px 5px;
animation:word .32s ease both,sweep .55s ease both;
}
.ai-chatgpt-window[data-ai-word-reveal] .ai-w-block{
display:block;
width:100%;
animation:rise .62s cubic-bezier(.23,1,.32,1) both;
}
.ai-chatgpt-window[data-ai-word-reveal] .ai-chatgpt-sources-label.ai-w-block{
width:auto;
display:inline-block;
animation:fade .45s ease both;
}
.ai-chatgpt-window[data-ai-word-reveal] .ai-w-chip{
display:inline-flex;
animation:pop .55s cubic-bezier(.34,1.4,.64,1) both;
}
.js .ai-chatgpt-window[data-ai-word-reveal]:not(.play) .ai-w,
.js .ai-chatgpt-window[data-ai-word-reveal]:not(.play) .ai-w-block,
.js .ai-chatgpt-window[data-ai-word-reveal]:not(.play) .ai-w-chip{
animation-play-state:paused!important;
}
.ai-chatgpt-window[data-ai-word-reveal].reset .ai-w,
.ai-chatgpt-window[data-ai-word-reveal].reset .ai-w-block,
.ai-chatgpt-window[data-ai-word-reveal].reset .ai-w-chip{
animation:none!important;
}
@media (prefers-reduced-motion:reduce){
.ai-chatgpt-window[data-ai-word-reveal] .ai-w,
.ai-chatgpt-window[data-ai-word-reveal] .ai-w-block,
.ai-chatgpt-window[data-ai-word-reveal] .ai-w-chip{
animation-duration:.01ms!important;
animation-delay:0s!important;
}
}
@media (min-width: 1200px) {
.bp-mnav-toggle,
.bp-mnav {
display: none;
}
}
@media (min-width: 768px) {
#content.content {
display: flex !important;
flex-direction: column !important;
}
#content.content > * {
order: 200 !important;
}
#content.content > #hero-section { order: 10 !important; }
#content.content > #news-carousel { order: 20 !important; }
#content.content > #how-it-works { order: 30 !important; }
#content.content > #benefits { order: 40 !important; }
#content.content > #how-it-works-legacy { order: 45 !important; }
#content.content > #results { order: 50 !important; }
#content.content > #recommendations { order: 60 !important; }
#content.content > #case-studies { order: 70 !important; }
#content.content > #reviews { order: 80 !important; }
#content.content > #packages { order: 90 !important; }
#content.content > #pricing { order: 100 !important; }
#content.content > #money-back-guarantee { order: 110 !important; }
#content.content > #why-brand-push { order: 120 !important; }
#content.content > #faq { order: 130 !important; }
#content.content > #official-reviews { order: 140 !important; }
#content.content > section.cta1 { order: 150 !important; }
}
#packages .pricing-desktop-metrics {
display: flex;
flex-direction: column;
gap: 1.5rem;
margin: 0 0 1rem;
}
#packages .pricing-desktop-kpis {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0.5rem;
}
#packages .pricing-desktop-kpi {
display: flex;
flex-direction: column;
gap: 0.35rem;
min-width: 0;
padding: 0.25rem 0.25rem 0;
text-align: center;
background: transparent;
border: none;
}
#packages .pricing-desktop-kpi-label {
font-size: 10px;
line-height: 1.2;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #9ca3af;
}
#packages .pricing-desktop-kpi-value {
font-size: 1.25rem;
line-height: 1.1;
font-weight: 700;
color: #1d1d1d;
}
#packages .pricing-desktop-kpi-value a {
color: inherit;
text-decoration: none;
}
#packages .pricing-desktop-kpi-value a:hover {
text-decoration: underline;
}
#packages .pricing-desktop-bar.tooltip.tooltip-plain {
position: relative;
cursor: help;
}
#packages .pricing-desktop-extra.tooltip.tooltip-plain {
position: relative;
cursor: help;
}
@media (min-width: 768px) {
#packages .row.d-flex,
#packages .pricing-package-col,
#packages .iconbox-pricing {
overflow: visible !important;
}
#packages .pricing-package-col {
position: relative;
z-index: 1;
}
#packages .pricing-package-col:hover,
#packages .pricing-package-col:focus-within,
#packages .pricing-package-col:has(.tooltip:hover),
#packages .pricing-package-col:has(.tooltip:focus-within) {
z-index: 40;
}
#packages .pricing-package-col .iconbox-pricing:hover,
#packages .pricing-package-col .iconbox-pricing:focus-within,
#packages .pricing-package-col .iconbox-pricing:has(.tooltip:hover) {
z-index: 40;
overflow: visible !important;
}
#packages .pricing-package-col .iconbox-pricing .tooltip.tooltip-plain .tooltiptext {
width: 18.5rem !important;
max-width: 18.5rem !important;
left: calc(100% + 0.7rem) !important;
right: auto !important;
top: 50% !important;
bottom: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
transform: translateY(-50%) !important;
padding: 1rem 1.15rem !important;
font-size: 0.9375rem !important;
line-height: 1.45 !important;
z-index: 9999 !important;
box-shadow: 0 8px 20px rgb(0 0 0 / 15%);
}
#packages .pricing-package-col .iconbox-pricing .tooltip.tooltip-plain .tooltiptext::after {
top: 50% !important;
bottom: auto !important;
left: auto !important;
right: 100% !important;
margin-left: 0 !important;
margin-top: -5px !important;
border-width: 5px !important;
border-style: solid !important;
border-color: transparent #fff transparent transparent !important;
}
#packages .pricing-package-col--ultimate .iconbox-pricing .tooltip.tooltip-plain .tooltiptext {
left: auto !important;
right: calc(100% + 0.7rem) !important;
}
#packages .pricing-package-col--ultimate .iconbox-pricing .tooltip.tooltip-plain .tooltiptext::after {
left: 100% !important;
right: auto !important;
border-color: transparent transparent transparent #fff !important;
}
}
#packages .pricing-desktop-bars {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
#packages .pricing-desktop-bar {
position: relative;
}
#packages .pricing-desktop-bar-head {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 0.5rem;
margin-bottom: 0.35rem;
}
#packages .pricing-desktop-bar-label {
font-size: 12px;
line-height: 1.3;
font-weight: 500;
color: #6b7280;
}
#packages .pricing-desktop-bar-label .pricing-avg-full {
display: inline;
}
#packages .pricing-desktop-bar-label .pricing-avg-short {
display: none;
}
@media (max-width: 767px) {
#packages .pricing-desktop-bar-label .pricing-avg-full {
display: none;
}
#packages .pricing-desktop-bar-label .pricing-avg-short {
display: inline;
}
}
#packages .pricing-desktop-bar-value {
font-size: 13px;
line-height: 1.2;
font-weight: 700;
color: #1d1d1d;
flex-shrink: 0;
}
#packages .pricing-desktop-bar-track {
background: transparent;
border-radius: 0;
overflow: visible;
height: auto;
}
#packages .pricing-desktop-bar-segments {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 3px;
width: 100%;
}
#packages .pricing-desktop-bar-segment {
display: block;
height: 6px;
border-radius: 2px;
background: #e8e8e8;
}
#packages .pricing-desktop-bar-segment.is-filled {
background: #71a986;
}
#packages .pricing-package-col--ultimate .pricing-desktop-bars {
gap: 0.55rem;
}
#packages .pricing-desktop-extras-list {
display: flex;
flex-direction: column;
gap: 0.35rem;
margin-top: -0.15rem;
}
#packages .pricing-package-col--ultimate .pricing-desktop-extras-list {
gap: 0.2rem;
margin-top: -0.1rem;
}
#packages .pricing-desktop-extra {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
min-height: 1.3em;
}
#packages .pricing-desktop-extra.tooltip.tooltip-plain {
cursor: help;
}
#packages .pricing-desktop-extra-label {
font-size: 12px;
line-height: 1.3;
font-weight: 500;
color: #6b7280;
}
#packages .pricing-desktop-extra-tick {
display: inline-flex;
align-items: center;
justify-content: flex-end;
flex-shrink: 0;
min-width: 1.25em;
font-size: 13px;
line-height: 1.2;
font-weight: 700;
color: #71a986;
}
#packages .pricing-desktop-extras {
margin-top: 0.25rem;
}
@media (max-width: 767px) {
#packages .pricing-desktop-metrics {
display: flex !important;
flex-direction: column;
gap: 1rem;
margin: 0 0 1rem;
}
#packages .pricing-desktop-kpis {
display: none !important;
}
#packages .pricing-kpis-row--extra {
display: none !important;
}
#packages .iconbox-pricing ul.pricing-desktop-extras {
display: none !important;
}
}
#pricing #pricing-comparison-table.pricing-table {
display: table !important;
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0 !important;
border-radius: var(--radius-surface, 18px) !important;
border: 1px solid #ededed !important;
overflow: visible !important;
}
#pricing #pricing-comparison-table thead {
border-top-left-radius: var(--radius-surface, 18px);
border-top-right-radius: var(--radius-surface, 18px);
}
#pricing #pricing-comparison-table thead tr:first-child > th:first-child {
border-top-left-radius: var(--radius-surface, 18px) !important;
}
#pricing #pricing-comparison-table thead tr:first-child > th:last-child {
border-top-right-radius: var(--radius-surface, 18px) !important;
background-clip: padding-box;
}
#pricing #pricing-comparison-table tbody tr:last-child > td:first-child {
border-bottom-left-radius: var(--radius-surface, 18px) !important;
}
#pricing #pricing-comparison-table tbody tr:last-child > td:last-child {
border-bottom-right-radius: var(--radius-surface, 18px) !important;
}
#pricing #pricing-comparison-table.pricing-table thead tr th {
padding-top: 44px !important;
}
#pricing #pricing-comparison-table thead th.pt-0 {
padding-top: 0 !important;
}
#pricing #pricing-comparison-table .pricing-most-popular-badge--notch {
top: 0 !important;
z-index: 5;
}
#pricing,
#pricing .container,
#pricing .pricing-table-row,
#pricing .lqd-column,
#pricing #pricing-comparison-table,
#pricing #pricing-comparison-table thead,
#pricing #pricing-comparison-table tbody,
#pricing #pricing-comparison-table tr,
#pricing #pricing-comparison-table th,
#pricing #pricing-comparison-table td {
overflow: visible !important;
}
#pricing #pricing-comparison-table .tooltip {
position: relative;
z-index: 1;
}
#pricing #pricing-comparison-table .tooltip:hover,
#pricing #pricing-comparison-table td:hover,
#pricing #pricing-comparison-table th:hover {
z-index: 10050;
}
#pricing #pricing-comparison-table .tooltip .tooltiptext {
z-index: 10051 !important;
pointer-events: none;
}
#pricing #pricing-comparison-table td:last-child .tooltip .tooltiptext,
#pricing #pricing-comparison-table td:nth-last-child(1) .tooltip .tooltiptext,
#pricing #pricing-comparison-table th:last-child .tooltip .tooltiptext {
left: auto !important;
right: 0 !important;
margin-left: 0 !important;
}
#pricing #pricing-comparison-table td:last-child .tooltip .tooltiptext::after,
#pricing #pricing-comparison-table th:last-child .tooltip .tooltiptext::after {
left: auto !important;
right: 18px !important;
margin-left: 0 !important;
}
#pricing #pricing-comparison-table td:nth-last-child(2) .tooltip .tooltiptext {
left: auto !important;
right: -24px !important;
margin-left: 0 !important;
}
#pricing #pricing-comparison-table td:nth-last-child(2) .tooltip .tooltiptext::after {
left: auto !important;
right: 40px !important;
margin-left: 0 !important;
}
#pricing #pricing-comparison-table td:first-child .tooltip .tooltiptext {
left: 0 !important;
right: auto !important;
margin-left: 0 !important;
}
#pricing #pricing-comparison-table td:first-child .tooltip .tooltiptext::after {
left: 24px !important;
margin-left: 0 !important;
}
#pricing-comparison-table .pricing-table-metric {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#pricing-comparison-table .pricing-table-notches {
display: flex;
align-items: center;
justify-content: center;
gap: 3px;
margin-top: 6px;
}
#pricing-comparison-table .pricing-table-notch {
display: block;
width: 5.5px;
height: 5.5px;
border-radius: 50%;
background: #ddd;
flex-shrink: 0;
}
#pricing-comparison-table .pricing-table-notch.is-filled {
background: #70a986;
}
.bp-orders-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.bp-orders-panel {
width: 100%;
}
.bp-orders-col-title {
margin: 0 0 0.45rem;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.25;
color: #1a1a1a;
text-align: left;
}
.bp-orders-mega-col {
text-align: left !important;
padding-top: 2rem;
padding-bottom: 2rem;
}
.bp-orders-mega-col .iconbox,
.bp-orders-mega-col .contents,
.bp-orders-mega-col .bp-orders-mega-form {
margin-bottom: 0 !important;
}
.bp-orders-mega-col + .bp-orders-mega-col {
border-left: 1px solid #ededed;
padding-left: 2.5rem;
}
.bp-orders-mega-form .bp-orders-trust {
text-align: left;
}
.bp-orders-mega-status {
display: flex;
flex-direction: column;
gap: 0.65rem;
max-width: 32rem;
text-align: left;
}
.bp-orders-mega-status .bp-track-order-id {
margin: 0;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.25;
color: #1a1a1a;
}
.bp-orders-mega-status .bp-track-status-label {
font-size: 1rem;
}
.bp-orders-mega-status .status-timeline {
display: flex;
align-items: center;
gap: 5px;
width: 100%;
}
.bp-orders-mega-status .status-step {
flex: 1 1 0;
height: 6px;
border-radius: 999px;
background: #e5e7eb;
}
.bp-orders-mega-status .status-step.done { background: #22c55e; }
.bp-orders-mega-status .status-step.current { background: #3b82f6; }
.bp-orders-mega-status .status-step.warn { background: #f59e0b; }
.bp-orders-mega-status .status-step.error { background: #ef4444; }
.bp-orders-mega-status .bp-track-meta {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.bp-orders-mega-status .bp-track-ask,
.bp-orders-mega-status .bp-track-link-btn {
width: 100%;
}
.bp-orders-mega-status .bp-track-stages {
font-size: 0.625rem;
}
.bp-orders-mega-status .bp-track-meta-card {
padding: 0.65rem 0.75rem;
}
.bp-orders-mega-status .bp-track-secure {
padding: 0.85rem 0.9rem;
}
.bp-orders-mega-status .bp-track-secure h4 {
margin: 0 0 0.35rem;
font-size: 0.9375rem;
font-weight: 700;
line-height: 1.3;
color: #1a1a1a;
}
.bp-orders-mega-status .bp-track-footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin: 0.15rem 0 0;
}
.bp-orders-mega-status .bp-track-back {
display: inline-flex;
align-items: center;
gap: 0.4rem;
color: #0287ed;
font-size: 0.875rem;
font-weight: 500;
line-height: 1.2;
text-decoration: none;
white-space: nowrap;
}
.bp-orders-mega-status .bp-track-back .fa-chevron-left {
font-size: 0.7em;
line-height: 1;
}
.bp-orders-mega-status .bp-track-back:hover {
text-decoration: underline;
}
.bp-orders-mega-status .bp-track-ask-link {
display: inline;
margin-left: auto;
padding: 0;
border: 0;
background: none;
color: #0287ed;
font-size: 0.875rem;
font-weight: 500;
line-height: 1.2;
cursor: pointer;
white-space: nowrap;
}
.bp-orders-mega-status .bp-track-ask-link:hover {
text-decoration: underline;
}
.bp-orders-mega-col .bp-orders-mega-status h4 {
font-size: 1.25rem;
}
.bp-orders-mega-col .bp-orders-mega-status .bp-track-secure h4 {
font-size: 0.9375rem;
}
.bp-orders-track-submit[disabled] {
opacity: 0.7;
cursor: wait;
}
.bp-orders-mega-form {
display: flex;
flex-direction: column;
gap: 0.85rem;
max-width: 22.5rem;
}
.bp-orders-mega-label {
display: flex;
flex-direction: column;
gap: 0.375rem;
margin: 0;
font-size: 0.875rem;
font-weight: 600;
color: #1a1a1a;
text-align: left;
}
.bp-orders-mega-label-row {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 0.75rem;
max-width: 22.5rem;
}
.bp-orders-mega-input {
width: 100%;
padding: 0.6875rem 0.875rem;
border: 1px solid #e5e7eb;
border-radius: 0.5rem;
background: #fff;
font-size: 0.9375rem;
line-height: 1.4;
color: #1a1a1a;
outline: none;
}
.bp-orders-mega-input::placeholder {
color: #9ca3af;
}
.bp-orders-mega-input:focus {
border-color: #fe516b;
box-shadow: 0 0 0 3px rgba(254, 81, 107, 0.12);
}
.bp-orders-mega-forgot {
font-size: 0.8125rem;
font-weight: 500;
color: #0287ed;
text-decoration: none;
white-space: nowrap;
}
.bp-orders-mega-forgot:hover {
text-decoration: underline;
}
.bp-orders-mega-actions {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.75rem;
}
.bp-orders-mega-form .login-megamenu-submit {
width: 100%;
}
.bp-orders-track-submit {
background: #fff !important;
color: #737373 !important;
border: 1px solid #ededed !important;
box-shadow: none !important;
height: 3rem;
}
.bp-orders-track-submit .btn-txt {
color: inherit !important;
}
.bp-orders-track-submit:hover,
.bp-orders-track-submit:focus {
background: #0287ed !important;
color: #fff !important;
border-color: #0287ed !important;
}
.bp-orders-login-submit {
background: #181b31 !important;
color: #fff !important;
border: 0 !important;
box-shadow: none !important;
min-width: 7.5rem;
height: 3rem;
}
.bp-orders-login-submit .btn-txt {
color: #fff !important;
}
.bp-orders-login-submit:hover,
.bp-orders-login-submit:focus {
background: #111322 !important;
color: #fff !important;
}
.bp-orders-mega-remember {
display: flex;
align-items: center;
gap: 0.5rem;
margin: 0;
padding: 0;
font-size: 0.8125rem;
font-weight: 500;
line-height: 1;
color: #6b7280;
cursor: pointer;
}
.bp-orders-mega-remember span {
display: block;
line-height: 1;
}
.bp-orders-mega-checkbox {
width: 1rem;
height: 1rem;
margin: 0 !important;
padding: 0;
flex: 0 0 1rem;
align-self: center;
accent-color: #fe516b;
vertical-align: middle;
}
.bp-orders-tabs {
display: flex;
gap: 0;
margin: 0 0 1rem;
border-bottom: 1px solid #e5e7eb;
}
.bp-orders-tab {
flex: 1 1 0;
margin: 0;
padding: 0.55rem 0.4rem 0.65rem;
border: 0;
border-bottom: 2px solid transparent;
background: transparent;
color: #6b7280;
font-size: 0.8125rem;
font-weight: 600;
line-height: 1.3;
cursor: pointer;
}
.bp-orders-tab.is-active {
color: #1a1a1a;
border-bottom-color: #fe516b;
}
.bp-orders-tab:focus-visible {
outline: 2px solid #0287ed;
outline-offset: 2px;
}
.bp-orders-pane[hidden] {
display: none !important;
}
.bp-orders-track-form {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.bp-orders-track-form .login-megamenu-label {
display: flex;
flex-direction: column;
gap: 0.375rem;
}
.bp-orders-track-form .login-megamenu-submit {
width: 100%;
}
.bp-orders-trust {
margin: -0.15rem 0 0;
font-size: 0.75rem;
line-height: 1.4;
color: #6b7280;
text-align: center;
}
.bp-orders-switch {
margin: 0.85rem 0 0;
font-size: 0.8125rem;
line-height: 1.4;
}
.bp-orders-switch a,
.bp-orders-ask a {
color: #0287ed;
font-weight: 500;
text-decoration: none;
}
.bp-orders-switch a:hover,
.bp-orders-ask a:hover {
text-decoration: underline;
}
.bp-orders-ask {
margin: 0.5rem 0 0;
font-size: 0.8125rem;
}
.bp-orders-error,
.bp-orders-notice {
margin: 0 0 0.85rem;
padding: 0.65rem 0.75rem;
border-radius: 0.5rem;
font-size: 0.8125rem;
line-height: 1.45;
}
.bp-orders-error {
background: #fef2f2;
color: #991b1b;
}
.bp-orders-notice {
background: #ecfdf5;
color: #065f46;
}
@media (min-width: 1200px) {
body.bp-index7 .main-header,
body.bp-index7 .mainbar-wrap,
body.bp-index7 .mainbar-container,
body.bp-index7 .mainbar-row,
body.bp-index7 #account-header-collapse,
body.bp-index7 #account-primary-nav {
overflow: visible !important;
}
body.bp-index7 #account-header-collapse,
body.bp-index7 #account-primary-nav,
body.bp-index7 .mainbar-row > .col.text-right {
position: static !important;
}
body.bp-index7 li.bp-orders-nav .megamenu-inner-row {
border-radius: 0 !important;
}
}
body.bp-track-page {
margin: 0;
background: #f5f7fb;
color: #111827;
font-family: "DM Sans", "Poppins", sans-serif;
}
.bp-track-header {
background: #fff;
border-bottom: 1px solid #e5e7eb;
}
.bp-track-header-inner {
max-width: 1080px;
margin: 0 auto;
padding: 0.9rem 1.25rem;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
.bp-track-header-logo img {
display: block;
height: 27px;
width: auto;
}
.bp-track-header-nav {
display: flex;
align-items: center;
gap: 1.25rem;
}
.bp-track-header-nav a {
color: #111827;
font-size: 0.9375rem;
font-weight: 600;
text-decoration: none;
}
.bp-track-header-nav a:hover {
color: #0287ed;
}
.bp-track-header-cta {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 2.5rem;
padding: 0 1.1rem;
border-radius: 999px;
background: linear-gradient(90deg, #fe516b, #ff8a3d);
color: #fff !important;
font-size: 0.875rem;
font-weight: 700;
}
.bp-track-main {
max-width: 720px;
margin: 0 auto;
padding: 2.5rem 1.25rem 4rem;
}
.bp-track-main h1 {
margin: 0 0 0.4rem;
font-size: 2rem;
line-height: 1.2;
}
.bp-track-lead {
margin: 0 0 1.5rem;
color: #6b7280;
font-size: 1rem;
}
.bp-track-card {
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 1rem;
padding: 1.5rem 1.4rem 1.35rem;
box-shadow: 0 16px 40px rgba(17, 24, 39, 0.06);
}
.bp-track-page .bp-orders-panel {
max-width: 360px;
}
.bp-track-status {
display: flex;
flex-direction: column;
gap: 1.15rem;
}
.bp-track-status-head {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 0.75rem;
}
.bp-track-status-label {
font-size: 1.125rem;
font-weight: 700;
}
.bp-track-tone-review { color: #2563eb; }
.bp-track-tone-issue { color: #e11d48; }
.bp-track-tone-hold { color: #b45309; }
.bp-track-tone-success { color: #15803d; }
.bp-track-tone-progress { color: #111827; }
.bp-track-status .status-timeline {
display: flex;
align-items: center;
gap: 5px;
width: 100%;
}
.bp-track-status .status-step {
flex: 1 1 0;
height: 6px;
border-radius: 999px;
background: #e5e7eb;
}
.bp-track-status .status-step.done { background: #22c55e; }
.bp-track-status .status-step.current { background: #3b82f6; }
.bp-track-status .status-step.warn { background: #f59e0b; }
.bp-track-status .status-step.error { background: #ef4444; }
.bp-track-stages {
display: flex;
justify-content: space-between;
margin-top: -0.35rem;
font-size: 0.6875rem;
color: #9ca3af;
}
.bp-track-stages span { flex: 1; text-align: center; }
.bp-track-stages span:first-child { text-align: left; }
.bp-track-stages span:last-child { text-align: right; }
.bp-track-message {
margin: 0;
font-size: 0.9375rem;
color: #374151;
}
.bp-track-meta {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.75rem;
}
.bp-track-meta-card {
display: flex;
flex-direction: column;
gap: 0.15rem;
padding: 0.85rem 0.9rem;
background: #f8fafc;
border: 1px solid #eef2f7;
border-radius: 0.7rem;
}
.bp-track-meta-card span {
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #6b7280;
}
.bp-track-meta-card strong {
font-size: 0.9375rem;
color: #111827;
}
.bp-track-actions {
display: flex;
flex-direction: column;
gap: 0.85rem;
}
.bp-track-ask,
.bp-track-link-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 2.75rem;
padding: 0 1rem;
border: 0;
border-radius: 999px;
font-size: 0.875rem;
font-weight: 700;
cursor: pointer;
text-decoration: none;
}
.bp-track-ask {
background: #fff;
color: #111827;
border: 1px solid #d1d5db;
}
.bp-track-link-btn {
width: 100%;
background: linear-gradient(90deg, #fe516b, #ff8a3d);
color: #fff;
}
.bp-track-secure {
padding: 1rem 1.05rem;
background: #f8fafc;
border: 1px solid #eef2f7;
border-radius: 0.75rem;
}
.bp-track-secure p {
margin: 0 0 0.75rem;
font-size: 0.875rem;
color: #374151;
}
.bp-track-secure h2 {
margin: 0 0 0.35rem;
font-size: 0.95rem;
}
.bp-track-other {
margin: 0.25rem 0 0;
font-size: 0.875rem;
}
.bp-track-other a {
color: #0287ed;
font-weight: 500;
text-decoration: none;
}
.bp-track-other a:hover { text-decoration: underline; }
.bp-track-order-id {
margin: 0 0 0.15rem;
}
.bp-track-429 {
max-width: 520px;
margin: 4rem auto;
padding: 0 1.25rem;
text-align: center;
}
@media (max-width: 700px) {
.bp-track-meta { grid-template-columns: 1fr; }
.bp-track-header-nav a:not(.bp-track-header-cta) { display: none; }
}
@media (min-width: 1200px) {
body.bp-index7 .main-header,
body.bp-index7 .mainbar-wrap,
body.bp-index7 .mainbar-container,
body.bp-index7 .mainbar-row,
body.bp-index7 #account-header-collapse,
body.bp-index7 #account-primary-nav {
overflow: visible !important;
}
body.bp-index7 #account-header-collapse,
body.bp-index7 #account-primary-nav,
body.bp-index7 .mainbar-row > .col.text-right,
body.bp-index7 #account-primary-nav > li.bp-orders-nav {
position: static !important;
}
body.bp-index7 #account-primary-nav > li.bp-orders-nav .megamenu-inner-row {
border-radius: 0 !important;
overflow: visible;
}
body.bp-index7 #account-primary-nav > li.bp-orders-nav .ld-container {
width: 100% !important;
max-width: 1170px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
body.bp-index7 #account-primary-nav > li.bp-orders-nav,
body.bp-index7 #account-primary-nav > li.bp-orders-nav .nav-item-children,
body.bp-index7 #account-primary-nav > li.bp-orders-nav .megamenu-column {
text-align: left !important;
}
body.bp-index7 .main-header:not(.is-sticky) .nav-get-started-btn > a,
body.bp-index7 .main-header:not(.is-sticky) .nav-get-started-btn > a .link-txt {
overflow: visible !important;
position: relative;
}
body.bp-index7 .main-header:not(.is-sticky) .nav-get-started-btn > a .link-ext {
display: inline-block !important;
}
body.bp-index7 .main-header:not(.is-sticky) .main-nav > li.nav-get-started-btn > a:hover .link-ext,
body.bp-index7 .main-header:not(.is-sticky) .main-nav > li.nav-get-started-btn.is-active > a .link-ext,
body.bp-index7 .main-header:not(.is-sticky) .main-nav > li.nav-get-started-btn.active > a .link-ext {
transform: scaleX(1) !important;
transform-origin: left center !important;
}
}
#wrap #hero-section .hero-delivery-clock-icon {
height: 22px;
width: 22px;
margin-left: -6px;
margin-top: -2px;
margin-right: 2px;
}
body.bp-index6 #wrap .cta1 .cta-delivery-copy .hero-delivery-clock-icon,
body.bp-index6 .cta1 .cta-delivery-copy .hero-delivery-clock-icon {
height: 22px;
width: 22px;
margin-left: -6px;
margin-top: -2px;
margin-right: 2px;
vertical-align: -0.3em;
}
body.bp-index6 #wrap .cta1 .cta-delivery-copy .hero-delivery-date,
body.bp-index6 .cta1 .cta-delivery-copy .hero-delivery-date {
font-weight: 600;
}
#wrap #hero-section .hero-cta-group .btn,
#wrap #hero-section .lqd-column.col-lg-7 > a.btn.btn-solid {
min-height: 3.3rem;
height: 3.3rem;
max-height: 3.3rem;
}
#wrap #hero-section .hero-cta-group .btn > span,
#wrap #hero-section .lqd-column.col-lg-7 > a.btn.btn-solid > span {
padding: 0 1.85rem !important;
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
box-sizing: border-box;
}
#wrap #hero-section .hero-cta-group .btn,
#wrap #hero-section .hero-cta-group .btn .btn-txt,
#wrap #hero-section .lqd-column.col-lg-7 > a.btn.btn-solid,
#wrap #hero-section .lqd-column.col-lg-7 > a.btn.btn-solid .btn-txt {
font-size: 16px !important;
font-weight: 600 !important;
letter-spacing: 0.02em !important;
}
body.bp-index7 section.cta1 a.btn,
body.bp-index7 section.cta1 a.btn .btn-txt {
letter-spacing: 0.02em !important;
}
body.bp-index7 #hero-section .bp7-hero-publish-label {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 0.7em;
font-weight: 600 !important;
}
body.bp-index7 #hero-section .bp7-hero-publish-action {
font-weight: 600 !important;
letter-spacing: 0.02em;
}
body.bp-index7 #hero-section .bp7-hero-publish-rule {
display: inline-block;
width: 1px;
height: 0.95em;
background: currentColor;
opacity: 0.42;
flex-shrink: 0;
}
body.bp-index7 #hero-section .bp7-hero-publish-price {
font-weight: 500 !important;
font-size: 0.9em !important;
letter-spacing: 0.01em;
opacity: 0.78;
}
body.bp-index7 #hero-section .hero-cta-subtext > .fa-check {
color: inherit;
}
body.bp-index7 #hero-section .bp7-hero-sample-btn,
body.bp-index7 #hero-section .hero-cta-group .bp7-hero-sample-btn,
body.bp-index7 #hero-section a.btn.bp7-hero-sample-btn {
background: transparent !important;
background-color: transparent !important;
border: 1px solid #fff !important;
box-shadow: none !important;
color: #fff !important;
}
body.bp-index7 #wrap #hero-section .hero-cta-group .bp7-hero-sample-btn > span {
padding-left: 1.4rem !important;
padding-right: 1.4rem !important;
}
body.bp-index7 #hero-section .bp7-hero-sample-btn .btn-txt,
body.bp-index7 #hero-section .bp7-hero-sample-btn .btn-txt.text-black,
body.bp-index7 #wrap #hero-section .hero-cta-group .bp7-hero-sample-btn .btn-txt,
body.bp-index7 #wrap #hero-section .hero-cta-group .bp7-hero-sample-btn .btn-txt.text-black {
display: inline-flex;
align-items: center;
color: #fff !important;
}
body.bp-index7 #hero-section .bp7-hero-sample-btn .fa-play,
body.bp-index7 #wrap #hero-section .hero-cta-group .bp7-hero-sample-btn .fa-play {
margin-right: 0.55rem;
font-size: 0.78em;
line-height: 1;
}
@media (hover: hover) and (pointer: fine) {
body.bp-index7 #hero-section .bp7-hero-sample-btn:hover,
body.bp-index7 #hero-section .hero-cta-group .bp7-hero-sample-btn:hover,
body.bp-index7 #hero-section a.btn.bp7-hero-sample-btn:hover {
background: rgba(255, 255, 255, 0.12) !important;
background-color: rgba(255, 255, 255, 0.12) !important;
border-color: #fff !important;
box-shadow: none !important;
transform: translateY(-2px);
}
body.bp-index7 #hero-section .bp7-hero-sample-btn:hover .btn-txt,
body.bp-index7 #hero-section .bp7-hero-sample-btn:hover .btn-txt.text-black,
body.bp-index7 #wrap #hero-section .hero-cta-group .bp7-hero-sample-btn:hover .btn-txt,
body.bp-index7 #wrap #hero-section .hero-cta-group .bp7-hero-sample-btn:hover .btn-txt.text-black {
color: #fff !important;
}
}
body.bp-index7 #hero-section .hero-review-row {
align-items: center;
}
body.bp-index7 #hero-section .hero-review-avatar {
width: calc(2 * 1.45em);
height: calc(2 * 1.45em);
}
body.bp-index7 #hero-section .hero-review-quote-em {
font-weight: 600;
}
body.bp-index7 #hero-section .hero-review-attribution span {
font-size: 12px;
}
body.bp-index7 #hero-section .hero-review-attribution-inner {
display: inline-flex;
align-items: center;
font-size: 12px;
margin-top: -6px;
}
body.bp-index7 #hero-section .hero-review-attribution .hero-review-attribution-inner > span {
margin-top: 0;
align-self: center;
line-height: 1;
}
body.bp-index7 #hero-section .hero-review-attribution-inner > * {
margin-top: 0;
align-self: center;
line-height: 1;
}
body.bp-index7 #hero-section .hero-review-company-logo {
display: block;
height: 1.2em;
}
#wrap #hero-section a.hero-rank-tooltip,
#wrap #hero-section a.hero-rank-tooltip:hover {
position: relative;
display: inline;
cursor: pointer;
color: inherit;
text-decoration: none;
overflow: visible;
}
#wrap #hero-section .hero-benefits-list,
#wrap #hero-section .hero-benefits-list li {
overflow: visible;
}
#wrap #hero-section .hero-rank-asterisk {
color: #9aa0a8;
font-weight: 400;
margin-left: 0.15em;
}
#wrap #hero-section > .container > .row > .lqd-column.col-lg-7 {
position: relative;
z-index: 5;
}
#wrap #hero-section > .container > .row > .lqd-column.col-lg-5 {
position: relative;
z-index: 1;
}
#wrap #hero-section .hero-video-container {
background: transparent url(https://assets.brandpush.co/img/homepage/news-card-poster-V3.jpg) center / cover no-repeat;
}
@media (min-width: 992px) {
body.bp-index6 #wrap #hero-section .hero-video-container,
body.bp-index6 #hero-section .hero-video-container {
background-color: var(--bp-hero-navy, #1c4a7a);
}
body.bp-index6 #wrap #hero-section .hero-video,
body.bp-index6 #hero-section .hero-video {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
background: transparent !important;
transform: scale(1.01);
transform-origin: center center;
}
}
body.bp-index6 #hero-section .hero-delivery-date {
font-weight: 600;
}
body.bp-index7 #hero-section .hero-cta-subtext,
body.bp-index7 #hero-section .hero-cta-subtext .hero-delivery-copy,
body.bp-index7 #hero-section .hero-cta-subtext .hero-delivery-date {
color: var(--bp-hero-text-soft) !important;
}
#wrap #hero-section .hero-rank-tooltip .tooltiptext {
width: 14rem;
left: calc(100% + 0.7rem);
right: auto;
top: 50%;
bottom: auto;
margin-left: 0;
transform: translateY(-50%);
padding: 1rem 1.15rem;
font-size: 0.9375rem;
line-height: 1.45;
z-index: 9999;
}
#wrap #hero-section .hero-rank-tooltip .tooltiptext::after {
top: 50%;
left: auto;
right: 100%;
margin-left: 0;
margin-top: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent #fff transparent transparent;
}
@media (max-width: 767px) {
#wrap #hero-section .hero-rank-tooltip .tooltiptext {
width: calc(100vw - 2rem);
max-width: 14rem;
padding: 1rem;
font-size: 0.875rem;
}
#wrap #hero-section .hero-cta-subtext .hero-delivery-clock-icon {
display: none !important;
}
}
#packages,
#pricing {
position: relative;
z-index: 2;
}
body.bp-index6 #packages:has(.tooltip:hover),
body.bp-index6 #packages:has(.tooltip:focus-within) {
z-index: 30;
}
#packages .row,
#packages .col-sm-6,
#packages .col-md-3,
#pricing .pricing-table-row,
#pricing-comparison-table {
overflow: visible !important;
}
#packages .col-sm-6,
#packages .col-md-3 {
position: relative;
z-index: 1;
}
#packages .col-sm-6:hover,
#packages .col-md-3:hover {
z-index: 8;
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:hover,
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:focus-within,
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:has(.tooltip:hover),
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:has(.tooltip:focus-within) {
z-index: 80 !important;
}
#packages .iconbox-pricing {
position: relative;
z-index: 1;
overflow: hidden;
border: 1px solid #ededed !important;
border-radius: var(--radius-surface, 18px) !important;
}
#packages .iconbox-pricing:hover,
#packages .iconbox-pricing:focus-within {
z-index: 8;
overflow: visible;
}
#packages .iconbox-pricing > .p-4:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
#packages .iconbox-pricing > .flex-grow-1 {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
#pricing-comparison-table td,
#pricing-comparison-table th {
position: relative;
}
#pricing-comparison-table td:hover,
#pricing-comparison-table .tooltip:hover {
z-index: 8;
}
#packages .tooltip.tooltip-plain,
#pricing-comparison-table .tooltip.tooltip-plain {
cursor: help;
}
#pricing-comparison-table .pricing-table-metric.tooltip.tooltip-plain {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
opacity: 1;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
}
#packages .iconbox-pricing ul li.tooltip.tooltip-plain {
position: relative;
display: list-item;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
opacity: 1;
}
#packages .tooltip.tooltip-plain .tooltiptext,
#pricing-comparison-table .tooltip.tooltip-plain .tooltiptext {
position: absolute !important;
visibility: hidden !important;
z-index: 40;
}
#packages .tooltip.tooltip-plain:hover .tooltiptext,
#pricing-comparison-table .tooltip.tooltip-plain:hover .tooltiptext,
#pricing-comparison-table td:hover .tooltiptext {
visibility: visible !important;
}
#pricing-comparison-table td:hover .tooltiptext {
opacity: 1;
pointer-events: auto;
transition:
opacity var(--dur-fast, 160ms) cubic-bezier(0.23, 1, 0.32, 1),
transform var(--dur-fast, 160ms) cubic-bezier(0.23, 1, 0.32, 1),
visibility 0s linear 0s;
}
body.bp-index6 #pricing #pricing-comparison-table td:has(.pricing-table-metric),
body.bp-index6 #pricing-comparison-table td:has(.pricing-table-metric) {
text-align: center;
}
body.bp-index6 #pricing #pricing-comparison-table .pricing-table-metric.tooltip.tooltip-plain,
body.bp-index6 #pricing-comparison-table .pricing-table-metric.tooltip.tooltip-plain {
width: auto;
max-width: 100%;
display: inline-flex;
}
body.bp-index6 #pricing #pricing-comparison-table td .tooltip .tooltiptext,
body.bp-index6 #pricing-comparison-table td .tooltip .tooltiptext {
width: 280px;
bottom: calc(100% + 10px) !important;
top: auto !important;
left: 50% !important;
right: auto !important;
margin-left: 0 !important;
transform: translate(-50%, 8px) !important;
}
body.bp-index6 #pricing #pricing-comparison-table td .tooltip:hover .tooltiptext,
body.bp-index6 #pricing #pricing-comparison-table td:hover .tooltiptext,
body.bp-index6 #pricing-comparison-table td .tooltip:hover .tooltiptext,
body.bp-index6 #pricing-comparison-table td:hover .tooltiptext {
transform: translate(-50%, 0) !important;
}
body.bp-index6 #pricing #pricing-comparison-table td .tooltip .tooltiptext::after,
body.bp-index6 #pricing-comparison-table td .tooltip .tooltiptext::after {
left: 50% !important;
right: auto !important;
margin-left: -5px !important;
}
body.bp-index6 #pricing #pricing-comparison-table td:nth-last-child(2) .tooltip .tooltiptext,
body.bp-index6 #pricing-comparison-table td:nth-last-child(2) .tooltip .tooltiptext {
left: 50% !important;
right: auto !important;
transform: translate(-68%, 8px) !important;
}
body.bp-index6 #pricing #pricing-comparison-table td:nth-last-child(2) .tooltip:hover .tooltiptext,
body.bp-index6 #pricing #pricing-comparison-table td:nth-last-child(2):hover .tooltiptext,
body.bp-index6 #pricing-comparison-table td:nth-last-child(2) .tooltip:hover .tooltiptext,
body.bp-index6 #pricing-comparison-table td:nth-last-child(2):hover .tooltiptext {
transform: translate(-68%, 0) !important;
}
body.bp-index6 #pricing #pricing-comparison-table td:nth-last-child(2) .tooltip .tooltiptext::after,
body.bp-index6 #pricing-comparison-table td:nth-last-child(2) .tooltip .tooltiptext::after {
left: 68% !important;
right: auto !important;
margin-left: -5px !important;
}
body.bp-index6 #pricing #pricing-comparison-table td:last-child .tooltip .tooltiptext,
body.bp-index6 #pricing-comparison-table td:last-child .tooltip .tooltiptext {
left: 50% !important;
right: auto !important;
transform: translate(-82%, 8px) !important;
}
body.bp-index6 #pricing #pricing-comparison-table td:last-child .tooltip:hover .tooltiptext,
body.bp-index6 #pricing #pricing-comparison-table td:last-child:hover .tooltiptext,
body.bp-index6 #pricing-comparison-table td:last-child .tooltip:hover .tooltiptext,
body.bp-index6 #pricing-comparison-table td:last-child:hover .tooltiptext {
transform: translate(-82%, 0) !important;
}
body.bp-index6 #pricing #pricing-comparison-table td:last-child .tooltip .tooltiptext::after,
body.bp-index6 #pricing-comparison-table td:last-child .tooltip .tooltiptext::after {
left: 82% !important;
right: auto !important;
margin-left: -5px !important;
}
#packages .iconbox-pricing .tooltip.tooltip-plain .tooltiptext {
width: 260px;
margin-left: -8px;
left: 0;
bottom: 28px;
font-size: 14px;
line-height: 1.45;
padding: 16px;
}
#packages .tooltip.tooltip-plain .tooltiptext .bp-index2-tip-header,
#pricing-comparison-table .tooltip.tooltip-plain .tooltiptext .bp-index2-tip-header {
display: block;
margin: 0 0 0.3em;
font-weight: 600;
line-height: 1.3;
color: #1d1d1d;
}
#packages .tooltip.tooltip-plain .tooltiptext .bp-index2-tip-line,
#pricing-comparison-table .tooltip.tooltip-plain .tooltiptext .bp-index2-tip-line {
display: block;
margin: 0 0 0.3em;
}
#packages .tooltip.tooltip-plain .tooltiptext .bp-index2-tip-line:last-child,
#pricing-comparison-table .tooltip.tooltip-plain .tooltiptext .bp-index2-tip-line:last-child {
margin-bottom: 0;
}
#pricing-comparison-table .tooltip.tooltip-plain .tooltiptext {
font-size: 15px;
line-height: 1.45;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-protection-row .tooltip.tooltip-plain {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
vertical-align: middle;
line-height: 1;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-protection-row .tooltip.tooltip-plain:focus {
outline: none;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-protection-row .tooltip.tooltip-plain:focus-visible {
outline: 2px solid #0287ed;
outline-offset: 3px;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-protection-row .tooltip:hover,
body.bp-index7 #pricing #pricing-comparison-table .pricing-protection-row .tooltip:focus-within,
body.bp-index7 #pricing #pricing-comparison-table .pricing-protection-row .tooltip.is-open,
body.bp-index7 #pricing #pricing-comparison-table .pricing-protection-row td:hover,
body.bp-index7 #pricing #pricing-comparison-table .pricing-protection-row td:focus-within {
z-index: 10050;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-protection-row .tooltip:focus-within .tooltiptext,
body.bp-index7 #pricing #pricing-comparison-table .pricing-protection-row .tooltip.is-open .tooltiptext,
body.bp-index7 #wrap #pricing #pricing-comparison-table .pricing-protection-row .tooltip:focus-within .tooltiptext,
body.bp-index7 #wrap #pricing #pricing-comparison-table .pricing-protection-row .tooltip.is-open .tooltiptext {
visibility: visible !important;
opacity: 1;
pointer-events: auto;
transform: translate(-50%, 0) !important;
transition:
opacity var(--dur-fast, 160ms) cubic-bezier(0.23, 1, 0.32, 1),
transform var(--dur-fast, 160ms) cubic-bezier(0.23, 1, 0.32, 1),
visibility 0s linear 0s;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-protection-row td:nth-last-child(2) .tooltip:focus-within .tooltiptext,
body.bp-index7 #pricing #pricing-comparison-table .pricing-protection-row td:nth-last-child(2) .tooltip.is-open .tooltiptext,
body.bp-index7 #wrap #pricing #pricing-comparison-table .pricing-protection-row td:nth-last-child(2) .tooltip:focus-within .tooltiptext,
body.bp-index7 #wrap #pricing #pricing-comparison-table .pricing-protection-row td:nth-last-child(2) .tooltip.is-open .tooltiptext {
transform: translate(-68%, 0) !important;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-protection-row td:last-child .tooltip:focus-within .tooltiptext,
body.bp-index7 #pricing #pricing-comparison-table .pricing-protection-row td:last-child .tooltip.is-open .tooltiptext,
body.bp-index7 #wrap #pricing #pricing-comparison-table .pricing-protection-row td:last-child .tooltip:focus-within .tooltiptext,
body.bp-index7 #wrap #pricing #pricing-comparison-table .pricing-protection-row td:last-child .tooltip.is-open .tooltiptext {
transform: translate(-82%, 0) !important;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-protection-row .tooltip.is-tip-below .tooltiptext,
body.bp-index7 #wrap #pricing #pricing-comparison-table .pricing-protection-row .tooltip.is-tip-below .tooltiptext {
bottom: auto !important;
top: calc(100% + 10px) !important;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-protection-row .tooltip.is-tip-below .tooltiptext::after,
body.bp-index7 #wrap #pricing #pricing-comparison-table .pricing-protection-row .tooltip.is-tip-below .tooltiptext::after {
top: auto;
bottom: 100%;
border-color: transparent transparent #fff transparent;
}
body.bp-index6 #pricing-comparison-table .pricing-table-meter {
display: inline-grid;
grid-template-columns: repeat(5, 6px);
gap: 2px;
width: auto;
height: auto;
margin-top: 6px;
border-radius: 0;
background: transparent;
overflow: visible;
}
body.bp-index6 #pricing-comparison-table .pricing-table-meter-segment {
display: block;
width: 6px;
height: 6px;
border-radius: 1.5px;
background: #e8e8e8;
}
body.bp-index6 #pricing-comparison-table .pricing-table-meter-segment.is-filled {
background: #71a986;
}
@media (max-width: 767px) {
#packages .iconbox-pricing ul {
display: none !important;
}
#packages .pricing-package-col--growth { order: 1; }
#packages .pricing-package-col--access { order: 2; }
#packages .pricing-package-col--authority { order: 3; }
#packages .pricing-package-col--ultimate { order: 4; }
#packages .pricing-kpis {
display: flex;
flex-direction: column;
gap: var(--space-2);
}
#packages .pricing-kpis-row {
display: grid;
gap: var(--space-2);
}
#packages .pricing-kpis-row--main {
grid-template-columns: repeat(3, 1fr);
}
#packages .pricing-kpis-row--extra {
grid-template-columns: repeat(2, 1fr);
}
#packages .iconbox-pricing .flex-grow-1 {
padding-top: 1.5rem;
}
#packages .pricing-kpis {
margin-top: 0 !important;
margin-bottom: 1.5rem !important;
}
#packages .pricing-cta-mobile {
margin-top: 0 !important;
}
}
#packages .packages-trust-row {
display: flex;
justify-content: center;
align-items: center;
}
#packages .packages-trust-row .inline-reviews {
line-height: 0;
}
#packages .packages-trust-row .tooltiptext,
#packages .packages-trust-row .tooltiptext span {
line-height: 1.5;
}
#packages .packages-trust-row .inline-circle img {
margin-top: 0;
vertical-align: middle;
}
#packages .packages-trust-row > p {
margin: 0;
padding: 0;
line-height: 1;
}
#packages .packages-delivery-copy {
font-size: 85%;
font-weight: 500;
color: var(--color-text-muted, #9ca3af);
}
#packages .packages-delivery-copy .hero-delivery-copy {
font-size: inherit;
font-weight: inherit;
color: inherit;
line-height: inherit;
}
#packages .packages-delivery-copy .hero-delivery-date,
body.bp-index6 #packages .packages-delivery-copy .hero-delivery-date {
font-weight: 600;
color: inherit;
}
#packages .packages-delivery-copy-inner {
display: inline;
}
#packages .packages-delivery-copy-icon {
display: inline;
height: 20px;
width: 20px;
margin-top: -4px;
margin-right: 2px;
vertical-align: middle;
}
body.bp-index6 #packages .secure-checkout-badges {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 0.65rem 0.85rem;
margin-top: 1.5rem;
line-height: 1;
}
body.bp-index6 #packages .secure-checkout-lead {
display: inline-flex;
align-items: center;
line-height: 1;
}
body.bp-index6 #packages .secure-checkout-lock-icon {
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 0;
margin-bottom: 0;
color: #9ca3af;
font-size: 0.9em;
line-height: 1;
transform: translateY(0.06em);
}
body.bp-index6 #packages .secure-checkout-label {
font-weight: 500;
color: #9ca3af;
line-height: 1;
display: inline-flex;
align-items: center;
}
body.bp-index6 #packages .secure-checkout-icons {
display: inline-flex;
align-items: center;
gap: 0.7rem;
color: #9ca3af;
font-size: 1.9rem;
line-height: 1;
}
body.bp-index6 #packages .pricing-price-row {
display: flex;
align-items: center;
gap: 0.45rem;
}
body.bp-index6 #packages .pricing-price-row > h2 {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 0 !important;
line-height: 0.92 !important;
}
body.bp-index6 #packages .pricing-price-meta,
body.bp-index6 #packages .pricing-price-meta.small {
display: inline-flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
align-self: center;
margin: 0 !important;
padding: 0 !important;
font-size: 0.9rem !important;
font-weight: 500;
line-height: 1.05 !important;
letter-spacing: 0.01em;
text-align: left;
}
body.bp-index6 #packages .pricing-card-divider {
display: block;
width: auto;
height: 0;
margin: 0 1.5rem;
border: 0;
border-top: 1px solid rgba(15, 23, 42, 0.1);
}
body.bp-index6 #packages .pricing-package-col--ultimate .pricing-card-divider {
border-top-color: rgba(255, 255, 255, 0.12);
}
body.bp-index6 #packages .pricing-card-divider--metrics {
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
flex-shrink: 0;
}
body.bp-index6 #packages .secure-checkout-icons .fab {
display: inline-block;
}
body.bp-index6 #packages .secure-checkout-pay {
display: inline-flex;
align-items: center;
justify-content: center;
color: inherit;
line-height: 0;
}
body.bp-index6 #packages .secure-checkout-pay svg {
display: block;
height: 1.8rem;
width: auto;
color: inherit;
}
body.bp-index6 #packages .secure-checkout-pay--visa svg {
height: 1.55rem;
}
body.bp-index6 #packages .secure-checkout-pay--mastercard svg {
height: 1.8rem;
}
body.bp-index6 #packages .secure-checkout-pay--amex svg {
height: 1.9rem;
max-width: 4.4rem;
}
body.bp-index6 #packages .secure-checkout-pay--paypal svg {
height: 1.9rem;
max-width: 4.6rem;
}
body.bp-index6 #packages .bp-compare-packages-btn {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 0;
}
body.bp-index6 #wrap #packages .bp-compare-packages-btn .fa-chevron-right,
body.bp-index6 #packages .bp-compare-packages-btn .fa-chevron-right,
body.bp-index6 #wrap #packages a.bp-compare-packages-btn > .fa-chevron-right,
body.bp-index6 #wrap #how-it-works .how-it-works-cta .btn .fa-chevron-right,
body.bp-index6 #how-it-works .how-it-works-cta .btn .fa-chevron-right {
display: inline-block !important;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
padding: 0;
font-size: 0.85em;
line-height: 1;
position: relative;
top: 0;
vertical-align: middle;
}
body.bp-index6 #wrap #how-it-works .how-it-works-cta .btn .fa-chevron-right.ml-2,
body.bp-index6 #how-it-works .how-it-works-cta .btn .fa-chevron-right.ml-2,
body.bp-index6 #wrap #how-it-works .how-it-works-cta .btn .ml-2 {
margin-left: 0.5rem !important;
}
body.bp-index6 #wrap #packages .bp-compare-packages-btn .fa-chevron-right.ml-2,
body.bp-index6 #packages .bp-compare-packages-btn .fa-chevron-right.ml-2,
body.bp-index6 #packages .bp-compare-packages-btn .ml-2,
body.bp-index6 #wrap .bp-compare-packages-btn .ml-2 {
margin-left: 0.5rem !important;
}
body.bp-index6 #packages .pricing-card-title-row {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.45rem 0.9rem;
margin-bottom: 0.35rem;
}
body.bp-index6 #packages .pricing-card-title-row h3,
body.bp-index6 #packages .pricing-card-title-row h4 {
width: auto !important;
flex: 0 1 auto;
font-size: var(--text-2xl, 1.5rem) !important;
font-weight: 700;
line-height: var(--leading-snug, 1.25);
margin-bottom: 0 !important;
}
body.bp-index6 #packages .pricing-most-popular-badge--card {
margin-left: 0.15rem !important;
flex: 0 0 auto;
align-self: center !important;
}
body.bp-index6 #packages .pricing-card-best-for {
margin-top: 0;
margin-bottom: 1.15rem !important;
line-height: 1.35;
}
body.bp-index6 #packages .pricing-mbg {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
body.bp-index6 #packages .pricing-mbg a {
display: inline-flex;
align-items: center;
gap: 0.4rem;
justify-content: center;
}
body.bp-index6 #packages .pricing-mbg a i {
color: inherit;
font-size: 0.85em;
font-weight: 700;
line-height: 1;
}
body.bp-index6 #packages .pricing-desktop-kpis--pair {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
gap: 0;
position: relative;
padding: 0.1rem 0 0.15rem;
}
body.bp-index6 #packages .pricing-desktop-kpi-rule {
flex: 0 0 1px;
width: 1px;
align-self: stretch;
margin: 0.4rem 0.85rem 0.15rem;
background: rgba(15, 23, 42, 0.1);
pointer-events: none;
}
body.bp-index6 #packages .pricing-package-col--ultimate .pricing-desktop-kpi-rule {
background: rgba(255, 255, 255, 0.14);
}
body.bp-index6 #packages .pricing-desktop-kpi--inline {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.3rem;
text-align: left;
padding: 0;
min-width: 0;
flex: 0 1 auto;
}
body.bp-index6 #packages .pricing-asseen-tip,
body.bp-index6 #packages .pricing-package-col .iconbox-pricing .pricing-asseen-tip {
width: 16rem !important;
max-width: 16rem !important;
padding: 0 !important;
overflow: visible;
text-align: center;
line-height: 0;
background: #fff !important;
border-radius: var(--radius-surface, 12px);
}
body.bp-index6 #packages .pricing-asseen-tip img {
display: block;
width: 100%;
height: auto;
margin: 0;
border-radius: inherit;
}
body.bp-index6 #packages .pricing-package-col--ultimate,
body.bp-index6 #packages .pricing-package-col--ultimate .iconbox-pricing {
background-color: var(--bp-footer-bg, #0e2744) !important;
background-image: linear-gradient(
180deg,
var(--bp-footer-bg, #0e2744) 0%,
var(--bp-footer-bg, #0e2744) 35%,
var(--bp-footer-bg-deep, #0a1e36) 100%
) !important;
}
body.bp-index6 #packages .pricing-package-col--ultimate .pricing-card-head,
body.bp-index6 #packages .pricing-package-col--ultimate .bg-dark {
background: transparent !important;
background-image: none !important;
}
body.bp-index6 #packages .pricing-package-col--ultimate .text-white,
body.bp-index6 #packages .pricing-package-col--ultimate h2,
body.bp-index6 #packages .pricing-package-col--ultimate h3,
body.bp-index6 #packages .pricing-package-col--ultimate .pricing-desktop-kpi-value,
body.bp-index6 #packages .pricing-package-col--ultimate .pricing-desktop-outlets-value,
body.bp-index6 #packages .pricing-package-col--ultimate .pricing-desktop-bar-value {
color: var(--bp-hero-text, #ffffff) !important;
}
body.bp-index6 #packages .pricing-package-col--ultimate .text-light,
body.bp-index6 #packages .pricing-package-col--ultimate .pricing-card-best-for,
body.bp-index6 #packages .pricing-package-col--ultimate .pricing-price-meta,
body.bp-index6 #packages .pricing-package-col--ultimate .pricing-mbg a,
body.bp-index6 #packages .pricing-package-col--ultimate .pricing-desktop-kpi-copy,
body.bp-index6 #packages .pricing-package-col--ultimate .pricing-desktop-outlets-label,
body.bp-index6 #packages .pricing-package-col--ultimate .pricing-desktop-bar-label,
body.bp-index6 #packages .pricing-package-col--ultimate .pricing-desktop-extra-label,
body.bp-index6 #packages .pricing-package-col--ultimate .pricing-avg-full,
body.bp-index6 #packages .pricing-package-col--ultimate .pricing-avg-short {
color: var(--bp-hero-text-soft, rgba(255, 255, 255, 0.68)) !important;
}
body.bp-index6 #packages .pricing-package-col--ultimate .pricing-mbg a:hover,
body.bp-index6 #packages .pricing-package-col--ultimate .pricing-desktop-outlets-value:hover {
color: var(--bp-hero-link-hover, #d4e4ff) !important;
}
body.bp-index6 #packages .pricing-package-col--ultimate:hover,
body.bp-index6 #packages .pricing-package-col--ultimate:focus-within {
background-color: #143a5c !important;
background-image: linear-gradient(
180deg,
#163f63 0%,
#143a5c 40%,
#0e2744 100%
) !important;
}
body.bp-index6 #packages .pricing-package-col--ultimate:hover .iconbox-pricing,
body.bp-index6 #packages .pricing-package-col--ultimate:focus-within .iconbox-pricing,
body.bp-index6 #packages .pricing-package-col--ultimate:hover .pricing-card-head,
body.bp-index6 #packages .pricing-package-col--ultimate:focus-within .pricing-card-head {
background: transparent !important;
background-image: none !important;
}
body.bp-index6 #packages .pricing-desktop-kpi--inline .pricing-desktop-kpi-value {
font-size: 1.45rem;
line-height: 1;
flex-shrink: 0;
}
body.bp-index6 #packages .pricing-desktop-kpi-copy {
display: block;
font-size: 0.6875rem;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #9ca3af;
white-space: nowrap;
}
body.bp-index7 #packages .pricing-desktop-asseen {
display: flex;
flex-direction: column;
align-items: stretch;
cursor: help;
}
body.bp-index7 #packages .pricing-desktop-asseen-label {
text-align: center;
width: 100%;
margin: 0 0 11px !important;
}
body.bp-index7 #packages .pricing-desktop-asseen .pricing-desktop-outlets-logos,
body.bp-index7 #packages .pricing-desktop-asseen .pricing-outlet-chip,
body.bp-index7 #packages .pricing-desktop-asseen .pricing-desktop-outlets-more {
cursor: pointer;
}
body.bp-index7 #packages .pricing-desktop-asseen.tooltip:hover .pricing-outlet-chip .tooltiptext,
body.bp-index7 #wrap #packages .pricing-desktop-asseen.tooltip:hover .pricing-outlet-chip .tooltiptext {
visibility: hidden !important;
}
body.bp-index7 #packages .pricing-desktop-asseen.tooltip .pricing-outlet-chip:hover > .tooltiptext,
body.bp-index7 #packages .pricing-desktop-asseen.tooltip .pricing-outlet-chip:focus-within > .tooltiptext,
body.bp-index7 #wrap #packages .pricing-desktop-asseen.tooltip .pricing-outlet-chip:hover > .tooltiptext,
body.bp-index7 #wrap #packages .pricing-desktop-asseen.tooltip .pricing-outlet-chip:focus-within > .tooltiptext {
visibility: visible !important;
}
body.bp-index7 #packages .pricing-desktop-asseen:has(.pricing-outlet-chip:hover) > .pricing-asseen-tip,
body.bp-index7 #packages .pricing-desktop-asseen:has(.pricing-outlet-chip:focus-within) > .pricing-asseen-tip,
body.bp-index7 #packages .pricing-desktop-asseen:has(.pricing-desktop-outlets-logos:hover) > .pricing-asseen-tip,
body.bp-index7 #packages .pricing-desktop-asseen:has(.pricing-desktop-outlets-logos:focus-within) > .pricing-asseen-tip,
body.bp-index7 #wrap #packages .pricing-desktop-asseen:has(.pricing-outlet-chip:hover) > .pricing-asseen-tip,
body.bp-index7 #wrap #packages .pricing-desktop-asseen:has(.pricing-outlet-chip:focus-within) > .pricing-asseen-tip,
body.bp-index7 #wrap #packages .pricing-desktop-asseen:has(.pricing-desktop-outlets-logos:hover) > .pricing-asseen-tip,
body.bp-index7 #wrap #packages .pricing-desktop-asseen:has(.pricing-desktop-outlets-logos:focus-within) > .pricing-asseen-tip {
visibility: hidden !important;
}
body.bp-index6 #packages .pricing-desktop-outlets {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
min-height: 1.75rem;
}
body.bp-index6 #packages .pricing-desktop-outlets--logos-only {
justify-content: flex-start;
}
body.bp-index6 #packages .pricing-desktop-outlets-logos {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 0.45rem;
min-width: 0;
text-decoration: none;
color: inherit;
cursor: pointer;
}
body.bp-index6 #packages .pricing-desktop-outlets-logos:hover,
body.bp-index6 #packages .pricing-desktop-outlets-logos:focus-visible {
text-decoration: none;
color: inherit;
}
body.bp-index6 #packages .pricing-desktop-outlets-more {
flex-shrink: 0;
margin-left: auto;
font-size: 0.9375rem;
font-weight: 600;
line-height: 1;
color: #1d1d1d;
text-decoration: none;
cursor: pointer;
}
body.bp-index6 #packages .pricing-desktop-outlets-more:hover,
body.bp-index6 #packages .pricing-desktop-outlets-more:focus-visible {
text-decoration: underline;
}
body.bp-index6 #packages .pricing-package-col--ultimate .pricing-desktop-outlets-more {
color: var(--bp-hero-text, #ffffff) !important;
}
body.bp-index7 #packages .pricing-desktop-outlets-more {
display: inline-flex;
align-items: center;
}
body.bp-index7 #packages .pricing-desktop-outlets-more .fa-chevron-right {
display: inline-block !important;
width: 0;
margin: 0 !important;
overflow: hidden;
opacity: 0;
font-size: 0.75em;
line-height: 1;
vertical-align: 0.05em;
text-decoration: none !important;
text-decoration-line: none !important;
transition: width 160ms ease, opacity 160ms ease, margin-left 160ms ease;
transition-delay: 0ms;
}
body.bp-index7 #packages a.bp7-pricing-mbg-link:hover,
body.bp-index7 #packages a.bp7-pricing-mbg-link:focus-visible {
color: #006fc9 !important;
text-decoration: none !important;
}
body.bp-index7 #packages .pricing-package-col--ultimate a.bp7-pricing-mbg-link:hover,
body.bp-index7 #packages .pricing-package-col--ultimate a.bp7-pricing-mbg-link:focus-visible {
color: #fff !important;
text-decoration: none !important;
}
body.bp-index7 #packages a.bp7-pricing-mbg-link:hover span,
body.bp-index7 #packages a.bp7-pricing-mbg-link:focus-visible span,
body.bp-index7 #packages .pricing-package-col--ultimate a.bp7-pricing-mbg-link:hover span,
body.bp-index7 #packages .pricing-package-col--ultimate a.bp7-pricing-mbg-link:focus-visible span {
text-decoration: underline !important;
text-underline-offset: 0.2em;
}
body.bp-index7 #packages .pricing-desktop-outlets-more:hover,
body.bp-index7 #packages .pricing-desktop-outlets-more:focus-visible,
body.bp-index7 #packages .pricing-package-col--ultimate .pricing-desktop-outlets-more:hover,
body.bp-index7 #packages .pricing-package-col--ultimate .pricing-desktop-outlets-more:focus-visible {
color: #0287ed !important;
text-decoration: none !important;
}
body.bp-index7 #packages .pricing-desktop-outlets-more:hover .fa-chevron-right,
body.bp-index7 #packages .pricing-desktop-outlets-more:focus-visible .fa-chevron-right {
width: 0.9em;
margin-left: 0.35rem !important;
opacity: 1;
transition-delay: 160ms;
animation: bp7-link-chevron-nudge 480ms cubic-bezier(0.22, 1, 0.36, 1) 160ms 1;
}
body.bp-index6 #packages .pricing-outlet-chip {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
height: auto;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-sizing: border-box;
cursor: pointer;
}
body.bp-index6 #packages .pricing-outlet-chip-img {
display: block;
width: 26px;
height: 26px;
object-fit: cover;
border-radius: 5px !important;
background-color: #fff;
overflow: hidden;
}
body.bp-index6 #packages .pricing-outlet-chip-tip {
display: inline-flex !important;
align-items: center;
gap: 0.4rem;
width: max-content !important;
max-width: none !important;
padding: 0.4rem 0.55rem !important;
white-space: nowrap;
text-align: left;
box-sizing: border-box;
}
body.bp-index6 #packages .pricing-outlet-chip-tip img {
width: 14px;
height: 14px;
object-fit: contain;
flex-shrink: 0;
}
body.bp-index6 #packages .pricing-outlet-chip.tooltip.tooltip-plain .tooltiptext,
body.bp-index6 #packages .pricing-package-col .iconbox-pricing .pricing-outlet-chip.tooltip.tooltip-plain .tooltiptext,
body.bp-index6 #packages .pricing-package-col--ultimate .iconbox-pricing .pricing-outlet-chip.tooltip.tooltip-plain .tooltiptext {
width: max-content !important;
max-width: min(90vw, 16rem) !important;
left: 50% !important;
right: auto !important;
top: auto !important;
bottom: calc(100% + 0.45rem) !important;
margin-left: 0 !important;
margin-right: 0 !important;
transform: translateX(-50%) !important;
padding: 0.4rem 0.55rem !important;
font-size: 0.8125rem !important;
line-height: 1.25 !important;
white-space: nowrap;
}
body.bp-index6 #packages .pricing-outlet-chip.tooltip.tooltip-plain .tooltiptext::after,
body.bp-index6 #packages .pricing-package-col .iconbox-pricing .pricing-outlet-chip.tooltip.tooltip-plain .tooltiptext::after,
body.bp-index6 #packages .pricing-package-col--ultimate .iconbox-pricing .pricing-outlet-chip.tooltip.tooltip-plain .tooltiptext::after {
top: 100% !important;
bottom: auto !important;
left: 50% !important;
right: auto !important;
margin-left: -5px !important;
margin-top: 0 !important;
border-width: 5px !important;
border-style: solid !important;
border-color: #fff transparent transparent transparent !important;
}
body.bp-index6 #packages .pricing-desktop-outlets-count {
display: none;
}
body.bp-index6 #packages .pricing-desktop-outlets-value {
font-size: 0.95rem;
font-weight: 600;
color: #1d1d1d;
text-decoration: none;
}
body.bp-index6 #packages .pricing-desktop-outlets-value:hover {
text-decoration: underline;
}
body.bp-index6 #packages .pricing-desktop-outlets-label {
font-size: 0.5625rem;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #9ca3af;
}
body.bp-index6 #packages .pricing-desktop-metrics {
display: flex;
flex-direction: column;
gap: 1.05rem;
}
body.bp-index6 #packages .pricing-desktop-bars {
gap: 1.05rem;
}
body.bp-index6 #packages .pricing-desktop-extras-list {
display: flex;
flex-direction: column;
gap: 1.05rem;
margin-top: 0;
}
body.bp-index6 #packages .packages-delivery-copy {
margin-bottom: 1.1rem !important;
}
body.bp-index6 #packages a[href="#pricing"].btn-white-blue > .fa-angle-right,
body.bp-index6 #packages a[href="#pricing"].btn-white-blue > .fa-chevron-right {
display: inline-block;
margin-left: 0;
font-size: 0.85em;
line-height: 1;
vertical-align: middle;
}
@media (min-width: 768px) {
body.bp-index6 #packages .bp-pricing-board {
display: flex;
flex-direction: column;
background: #fff;
border: 1px solid #ededed;
border-radius: 18px;
box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
overflow: visible;
position: relative;
z-index: 3;
padding: 0;
margin-top: 0;
margin-bottom: 0;
}
body.bp-index6 #wrap #packages .container > .row:first-of-type {
margin-bottom: 0.75rem !important;
}
body.bp-index6 #packages .bp-pricing-board-row,
body.bp-index6 #wrap #packages .bp-pricing-board .row.bp-pricing-board-row,
body.bp-index6 #wrap #packages .bp-pricing-board-row {
display: flex !important;
align-items: stretch !important;
flex: 1 1 auto;
width: 100%;
margin: 0 !important;
margin-bottom: 0 !important;
}
body.bp-index6 #wrap #packages .bp-pricing-board .iconbox-pricing {
margin-bottom: 0 !important;
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col,
body.bp-index6 #wrap #packages .bp-pricing-board .pricing-package-col {
display: flex !important;
flex-direction: column;
align-self: stretch;
padding-left: 0 !important;
padding-right: 0 !important;
margin-bottom: 0 !important;
min-width: 0;
position: relative;
z-index: 1;
background: #fff;
transform: none !important;
}
body.bp-index6 #packages .bp-pricing-board .pricing-desktop-outlets-logos {
flex-wrap: wrap;
max-width: 100%;
}
body.bp-index6 #packages .bp-pricing-board .iconbox-pricing {
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
overflow: visible !important;
transform: none !important;
background: #fff;
flex: 1 1 auto;
width: 100%;
min-height: 100%;
height: 100%;
margin: 0 !important;
display: flex;
flex-direction: column;
}
body.bp-index6 #packages .bp-pricing-board .iconbox-pricing > .flex-grow-1 {
padding-top: 1.35rem !important;
padding-bottom: 1.15rem !important;
}
body.bp-index6 #packages .bp-pricing-board .iconbox-hover-zoom:hover {
transform: none !important;
}
body.bp-index6 #packages .bp-pricing-board .pricing-card-green,
body.bp-index6 #packages .bp-pricing-board .pricing-card-head.pricing-card-green {
background: transparent !important;
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col--ultimate {
background-color: var(--bp-footer-bg, #0e2744);
background-image: linear-gradient(
180deg,
var(--bp-footer-bg, #0e2744) 0%,
var(--bp-footer-bg, #0e2744) 35%,
var(--bp-footer-bg-deep, #0a1e36) 100%
);
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col--ultimate .iconbox-pricing {
background-color: transparent !important;
background-image: none !important;
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-card-head {
background: transparent !important;
background-image: none !important;
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-desktop-kpi-copy,
body.bp-index6 #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-desktop-outlets-label,
body.bp-index6 #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-desktop-bar-label,
body.bp-index6 #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-desktop-extra-label {
color: var(--bp-hero-text-soft, rgba(255, 255, 255, 0.68));
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-desktop-kpi-value,
body.bp-index6 #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-desktop-outlets-value,
body.bp-index6 #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-desktop-bar-value {
color: var(--bp-hero-text, #fff);
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col--ultimate hr,
body.bp-index6 #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-card-divider {
border-color: rgba(255, 255, 255, 0.12);
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-outlet-chip {
background: transparent;
border: 0;
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-outlet-chip-img {
background-color: #fff;
}
body.bp-index6 #packages .bp-pricing-board .btn.btn-gradient.pricing-hide-mob {
padding-top: 0.65rem;
padding-bottom: 0.65rem;
}
body.bp-index6 #packages .bp-pricing-board .btn.btn-gradient.pricing-hide-mob .btn-txt {
font-size: 0.9375rem !important;
font-weight: 600;
letter-spacing: 0.015em;
line-height: 1.2;
}
body.bp-index6 #packages .bp-pricing-board .pricing-card-foot {
margin-top: auto !important;
padding-top: 1.35rem;
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-sample-report-link {
background: transparent !important;
border: 1px solid rgba(255, 255, 255, 0.35) !important;
color: rgba(255, 255, 255, 0.55) !important;
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-sample-report-link:hover,
body.bp-index6 #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-sample-report-link:focus-visible {
background: rgba(255, 255, 255, 0.08) !important;
border-color: rgba(255, 255, 255, 0.5) !important;
color: rgba(255, 255, 255, 0.75) !important;
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:hover,
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:focus-within {
z-index: 12;
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:hover .iconbox-pricing,
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:focus-within .iconbox-pricing {
overflow: visible !important;
background: #f7f7f8;
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col--ultimate:hover,
body.bp-index6 #packages .bp-pricing-board .pricing-package-col--ultimate:focus-within {
background-color: #143a5c;
background-image: linear-gradient(
180deg,
#163f63 0%,
#143a5c 40%,
#0e2744 100%
);
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col--ultimate:hover .iconbox-pricing,
body.bp-index6 #packages .bp-pricing-board .pricing-package-col--ultimate:focus-within .iconbox-pricing,
body.bp-index6 #packages .bp-pricing-board .pricing-package-col--ultimate:hover .pricing-card-head,
body.bp-index6 #packages .bp-pricing-board .pricing-package-col--ultimate:focus-within .pricing-card-head {
background: transparent !important;
background-image: none !important;
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:hover,
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:focus-within,
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:has(.tooltip:hover),
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:has(.tooltip:focus-within) {
z-index: 80;
}
body.bp-index6 #packages .bp-pricing-board .iconbox-pricing:hover,
body.bp-index6 #packages .bp-pricing-board .iconbox-pricing:focus-within,
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:has(.tooltip:hover) .iconbox-pricing,
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:has(.tooltip:focus-within) .iconbox-pricing {
z-index: 80;
overflow: visible !important;
}
body.bp-index6 #packages .bp-pricing-board .tooltip.tooltip-plain:hover,
body.bp-index6 #packages .bp-pricing-board .tooltip.tooltip-plain:focus-within {
z-index: 90;
position: relative;
}
body.bp-index6 #packages .bp-pricing-board .tooltip.tooltip-plain .tooltiptext,
body.bp-index6 #wrap #packages .bp-pricing-board .tooltip.tooltip-plain .tooltiptext {
z-index: 10000 !important;
}
body.bp-index6 #packages .bp-pricing-board .pricing-desktop-bar.tooltip.tooltip-plain .tooltiptext,
body.bp-index6 #wrap #packages .bp-pricing-board .pricing-desktop-bar.tooltip.tooltip-plain .tooltiptext,
body.bp-index6 #packages .bp-pricing-board .pricing-desktop-extra.tooltip.tooltip-plain .tooltiptext,
body.bp-index6 #wrap #packages .bp-pricing-board .pricing-desktop-extra.tooltip.tooltip-plain .tooltiptext,
body.bp-index7 #packages .bp-pricing-board .pricing-desktop-asseen.tooltip.tooltip-plain > .pricing-asseen-tip,
body.bp-index7 #wrap #packages .bp-pricing-board .pricing-desktop-asseen.tooltip.tooltip-plain > .pricing-asseen-tip {
left: calc(100% + 0.7rem) !important;
right: auto !important;
top: 50% !important;
bottom: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
transform: translateY(-50%) !important;
width: 16.5rem !important;
max-width: 16.5rem !important;
z-index: 10000 !important;
pointer-events: none;
}
body.bp-index6 #packages .bp-pricing-board .pricing-desktop-extra.tooltip.tooltip-plain .pricing-asseen-tip,
body.bp-index6 #wrap #packages .bp-pricing-board .pricing-desktop-extra.tooltip.tooltip-plain .pricing-asseen-tip,
body.bp-index7 #packages .bp-pricing-board .pricing-desktop-asseen.tooltip.tooltip-plain > .pricing-asseen-tip,
body.bp-index7 #wrap #packages .bp-pricing-board .pricing-desktop-asseen.tooltip.tooltip-plain > .pricing-asseen-tip {
width: 16rem !important;
max-width: 16rem !important;
padding: 0 !important;
overflow: visible;
}
body.bp-index6 #packages .bp-pricing-board .pricing-desktop-bar.tooltip.tooltip-plain .tooltiptext::after,
body.bp-index6 #wrap #packages .bp-pricing-board .pricing-desktop-bar.tooltip.tooltip-plain .tooltiptext::after,
body.bp-index6 #packages .bp-pricing-board .pricing-desktop-extra.tooltip.tooltip-plain .tooltiptext::after,
body.bp-index6 #wrap #packages .bp-pricing-board .pricing-desktop-extra.tooltip.tooltip-plain .tooltiptext::after,
body.bp-index7 #packages .bp-pricing-board .pricing-desktop-asseen.tooltip.tooltip-plain > .pricing-asseen-tip::after,
body.bp-index7 #wrap #packages .bp-pricing-board .pricing-desktop-asseen.tooltip.tooltip-plain > .pricing-asseen-tip::after {
top: 50% !important;
bottom: auto !important;
left: auto !important;
right: 100% !important;
margin-left: 0 !important;
margin-top: -5px !important;
border-width: 5px !important;
border-style: solid !important;
border-color: transparent #fff transparent transparent !important;
display: block !important;
}
body.bp-index6 #packages .bp-pricing-board .pricing-desktop-extra.tooltip.tooltip-plain .pricing-asseen-tip::after,
body.bp-index6 #wrap #packages .bp-pricing-board .pricing-desktop-extra.tooltip.tooltip-plain .pricing-asseen-tip::after,
body.bp-index7 #packages .bp-pricing-board .pricing-desktop-asseen.tooltip.tooltip-plain > .pricing-asseen-tip::after,
body.bp-index7 #wrap #packages .bp-pricing-board .pricing-desktop-asseen.tooltip.tooltip-plain > .pricing-asseen-tip::after {
display: block !important;
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-desktop-bar.tooltip.tooltip-plain .tooltiptext,
body.bp-index6 #wrap #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-desktop-bar.tooltip.tooltip-plain .tooltiptext,
body.bp-index6 #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-desktop-extra.tooltip.tooltip-plain .tooltiptext,
body.bp-index6 #wrap #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-desktop-extra.tooltip.tooltip-plain .tooltiptext,
body.bp-index7 #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-desktop-asseen.tooltip.tooltip-plain > .pricing-asseen-tip,
body.bp-index7 #wrap #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-desktop-asseen.tooltip.tooltip-plain > .pricing-asseen-tip {
left: auto !important;
right: calc(100% + 0.7rem) !important;
transform: translateY(-50%) !important;
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-desktop-bar.tooltip.tooltip-plain .tooltiptext::after,
body.bp-index6 #wrap #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-desktop-bar.tooltip.tooltip-plain .tooltiptext::after,
body.bp-index6 #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-desktop-extra.tooltip.tooltip-plain .tooltiptext::after,
body.bp-index6 #wrap #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-desktop-extra.tooltip.tooltip-plain .tooltiptext::after,
body.bp-index7 #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-desktop-asseen.tooltip.tooltip-plain > .pricing-asseen-tip::after,
body.bp-index7 #wrap #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-desktop-asseen.tooltip.tooltip-plain > .pricing-asseen-tip::after {
left: 100% !important;
right: auto !important;
margin-top: -5px !important;
border-color: transparent transparent transparent #fff !important;
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-desktop-bars,
body.bp-index6 #wrap #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-desktop-bars {
gap: 1.05rem !important;
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-desktop-extras-list,
body.bp-index6 #wrap #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-desktop-extras-list {
gap: 1.05rem !important;
margin-top: 0 !important;
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-desktop-metrics,
body.bp-index6 #wrap #packages .bp-pricing-board .pricing-package-col--ultimate .pricing-desktop-metrics {
gap: 1.05rem !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.bp-index6 #packages .bp-pricing-board .pricing-package-col,
body.bp-index6 #wrap #packages .bp-pricing-board .pricing-package-col {
flex: 0 0 50% !important;
max-width: 50% !important;
width: 50% !important;
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:nth-child(odd),
body.bp-index6 #wrap #packages .bp-pricing-board .pricing-package-col:nth-child(odd) {
border-right: 1px solid rgba(15, 23, 42, 0.08);
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:nth-child(-n+2),
body.bp-index6 #wrap #packages .bp-pricing-board .pricing-package-col:nth-child(-n+2) {
border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:first-child,
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:first-child .iconbox-pricing,
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:first-child .pricing-card-head {
border-radius: 18px 0 0 0 !important;
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:nth-child(2),
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:nth-child(2) .iconbox-pricing,
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:nth-child(2) .pricing-card-head {
border-radius: 0 18px 0 0 !important;
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:nth-child(3),
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:nth-child(3) .iconbox-pricing {
border-radius: 0 0 0 18px !important;
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:nth-child(4),
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:nth-child(4) .iconbox-pricing {
border-radius: 0 0 18px 0 !important;
}
}
@media (min-width: 992px) {
body.bp-index6 #packages .bp-pricing-board .pricing-package-col,
body.bp-index6 #wrap #packages .bp-pricing-board .pricing-package-col {
flex: 0 0 25% !important;
max-width: 25% !important;
width: 25% !important;
border-right: 1px solid rgba(15, 23, 42, 0.08);
border-bottom: 0 !important;
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:nth-child(odd),
body.bp-index6 #wrap #packages .bp-pricing-board .pricing-package-col:nth-child(odd) {
border-right: 1px solid rgba(15, 23, 42, 0.08);
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:nth-child(-n+2),
body.bp-index6 #wrap #packages .bp-pricing-board .pricing-package-col:nth-child(-n+2) {
border-bottom: 0 !important;
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:first-child,
body.bp-index6 #wrap #packages .bp-pricing-board .pricing-package-col:first-child,
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:first-child .iconbox-pricing,
body.bp-index6 #wrap #packages .bp-pricing-board .pricing-package-col:first-child .iconbox-pricing {
border-top-left-radius: 18px !important;
border-bottom-left-radius: 18px !important;
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:first-child .pricing-card-head,
body.bp-index6 #wrap #packages .bp-pricing-board .pricing-package-col:first-child .pricing-card-head {
border-top-left-radius: 18px !important;
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:last-child,
body.bp-index6 #wrap #packages .bp-pricing-board .pricing-package-col:last-child,
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:last-child .iconbox-pricing,
body.bp-index6 #wrap #packages .bp-pricing-board .pricing-package-col:last-child .iconbox-pricing {
border-top-right-radius: 18px !important;
border-bottom-right-radius: 18px !important;
border-right: 0;
}
body.bp-index6 #packages .bp-pricing-board .pricing-package-col:last-child .pricing-card-head,
body.bp-index6 #wrap #packages .bp-pricing-board .pricing-package-col:last-child .pricing-card-head {
border-top-right-radius: 18px !important;
}
}
@media (max-width: 767px) {
body.bp-index6 #packages .bp-pricing-board {
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
overflow: visible;
}
body.bp-index6 #packages .pricing-package-col--growth .iconbox-pricing .pricing-card-title-row {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
body.bp-index6 #packages .pricing-package-col--growth .pricing-most-popular-badge--card {
margin: 0 !important;
align-self: center !important;
}
}
body.bp-index6 {
--bp-hero-navy-deep: #163a62;
--bp-hero-navy: #1c4a7a;
--bp-hero-navy-mid: #2a5f96;
--bp-hero-navy-glow: rgba(100, 160, 230, 0.3);
--bp-hero-navy-glow-2: rgba(70, 120, 200, 0.22);
--bp-hero-text: #ffffff;
--bp-hero-text-soft: rgba(255, 255, 255, 0.68);
--bp-hero-text-body: rgba(255, 255, 255, 0.72);
--bp-hero-text-muted: rgba(255, 255, 255, 0.52);
--bp-hero-link: #a8c4f0;
--bp-hero-link-hover: #d4e4ff;
--bp-nav-ink: #1d1d1d;
--bp-footer-bg: #0e2744;
--bp-footer-bg-deep: #0a1e36;
}
body.bp-index6 #content > section:not(#packages):not(#pricing),
body.bp-index6 .main-footer {
width: 100vw;
max-width: none;
margin-left: 0;
margin-right: 0;
box-sizing: border-box;
}
body.bp-index6 #pricing {
overflow: visible;
}
body.bp-index6 #pricing .pricing-most-popular-badge--notch {
border-radius: 0 0 var(--radius-2xl, 1rem) var(--radius-2xl, 1rem) !important;
}
body.bp-index6 #pricing #pricing-comparison-table thead tr:first-child > th:first-child {
border-top-left-radius: 0 !important;
border-radius: 0 !important;
}
body.bp-index6 #pricing .pricing-news-sites {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: 0;
margin: 0;
padding: 0;
line-height: 1;
vertical-align: top;
}
body.bp-index6 #pricing .pricing-news-sites-value {
display: block;
margin: 0;
padding: 0;
line-height: 1.15;
}
body.bp-index6 #pricing .pricing-news-sites-label {
display: block;
margin: 0;
padding: 0;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.07em;
text-transform: uppercase;
line-height: 1;
color: #9ca3af;
text-decoration: none;
}
body.bp-index6 #pricing a .pricing-news-sites-label {
color: #9ca3af;
text-decoration: none;
}
body.bp-index6 #pricing .pricing-news-sites-label--spacer {
visibility: hidden;
}
body.bp-index6 #pricing #pricing-comparison-table td:has(.pricing-news-sites) {
vertical-align: middle;
padding-top: 8px;
padding-bottom: 8px;
}
body.bp-index6 #pricing #pricing-comparison-table td:has(.pricing-news-sites) > a.lead {
display: inline-flex;
justify-content: center;
align-items: flex-start;
margin: 0;
padding: 0;
line-height: 1;
}
body.bp-index6 #pricing .pricing-select-container .writing-package-btn-group label.btn {
border-radius: 0 !important;
}
body.bp-index6 #pricing .pricing-select-container .writing-package-btn-group label.btn:first-child {
border-top-left-radius: 6px !important;
border-bottom-left-radius: 6px !important;
}
body.bp-index6 #pricing .pricing-select-container .writing-package-btn-group label.btn:last-child {
border-top-right-radius: 6px !important;
border-bottom-right-radius: 6px !important;
}
body.bp-index6 #hero-section,
body.bp-index6 #wrap #hero-section,
body.bp-index6 #content #hero-section {
background-color: var(--bp-hero-navy);
background-image:
radial-gradient(ellipse 85% 65% at 12% 18%, var(--bp-hero-navy-glow), transparent 58%),
radial-gradient(ellipse 70% 55% at 88% 28%, var(--bp-hero-navy-glow-2), transparent 52%),
linear-gradient(165deg, var(--bp-hero-navy-mid) 0%, var(--bp-hero-navy) 48%, var(--bp-hero-navy-deep) 100%);
background-size: cover;
background-repeat: no-repeat;
background-position: top left;
overflow: hidden;
width: 100vw;
max-width: none;
margin-left: 0;
margin-right: 0;
padding-bottom: clamp(2rem, 4vw, 2.5rem) !important;
}
@media screen and (min-width: 1200px) {
body.bp-index6 #wrap #hero-section,
body.bp-index6 #hero-section {
padding-bottom: 4rem !important;
}
}
body.bp-index6 #wrap #news-carousel,
body.bp-index6 #news-carousel {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body.bp-index6 #wrap #how-it-works .how-it-works-cta,
body.bp-index6 #how-it-works .how-it-works-cta {
display: inline-flex;
flex-direction: column;
align-items: center;
width: max-content;
max-width: 100%;
margin-top: 0;
text-align: center;
}
body.bp-index6 #wrap #how-it-works .how-it-works-cta .btn,
body.bp-index6 #how-it-works .how-it-works-cta .btn {
padding: 0.5rem 1.5rem !important;
}
body.bp-index6 #wrap #how-it-works .how-it-works-cta .btn > span,
body.bp-index6 #how-it-works .how-it-works-cta .btn > span {
padding: 0 !important;
}
body.bp-index6 #wrap #how-it-works .how-it-works-actions,
body.bp-index6 #how-it-works .how-it-works-actions {
justify-content: flex-start;
align-items: flex-start;
margin-top: 1.35rem;
}
body.bp-index6 #wrap #how-it-works .how-it-works-cta-subtext,
body.bp-index6 #how-it-works .how-it-works-cta-subtext {
margin-top: 0.65rem;
margin-bottom: 0;
width: 100%;
text-align: center;
}
@media (min-width: 992px) {
body.bp-index6 #wrap #how-it-works .how-it-works-layout,
body.bp-index6 #how-it-works .how-it-works-layout {
align-items: center !important;
}
body.bp-index6 #wrap #how-it-works .how-it-works-media-col,
body.bp-index6 #wrap #how-it-works .how-it-works-content-col,
body.bp-index6 #how-it-works .how-it-works-media-col,
body.bp-index6 #how-it-works .how-it-works-content-col {
align-self: center;
}
body.bp-index6 #wrap #how-it-works .how-it-works-content-col > .bp-m-band--how,
body.bp-index6 #how-it-works .how-it-works-content-col > .bp-m-band--how {
display: flex;
flex-direction: column;
justify-content: center;
}
}
body.bp-index6 #wrap #how-it-works:has(> .custom-shape-divider-bottom-1621016099),
body.bp-index6 #wrap #how-it-works {
padding-bottom: calc(var(--section-divider-crest, 8.5rem) + 7rem) !important;
}
body.bp-index6 #wrap #how-it-works > .container {
padding-bottom: 0 !important;
}
body.bp-index6 #wrap #how-it-works .how-it-works-layout {
margin-bottom: 0 !important;
}
body.bp-index6 #wrap #how-it-works .how-it-works-media-col {
margin-bottom: 0 !important;
}
body.bp-index6 #wrap #how-it-works .how-it-works-sample-row {
display: none !important;
}
body.bp-index6 #package-addons .iconbox.pt-40 {
padding-bottom: 1.15rem !important;
}
body.bp-index6 #package-addons .iconbox .contents h5.mt-2 {
margin-top: 0.5rem !important;
margin-bottom: 0 !important;
line-height: 1.4;
}
body.bp-index6 #hero-section > .bp-hero-curve {
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: clamp(8.5rem, 21.5vw, 17.5rem);
z-index: 0;
pointer-events: none;
line-height: 0;
overflow: hidden;
}
body.bp-index6 #hero-section > .bp-hero-curve svg {
display: block;
width: calc(100% + 3px);
height: 100%;
margin: 0;
margin-left: -1px;
vertical-align: top;
}
body.bp-index6 #hero-section > .container {
position: relative;
z-index: 2;
}
body.bp-index6 #wrap #hero-section > .container > .row > .lqd-column.col-lg-5 {
position: relative;
z-index: 3;
}
@media screen and (max-width: 767px) {
body.bp-index6 #wrap #hero-section,
body.bp-index6 #hero-section {
background-color: var(--bp-hero-navy);
background-image:
radial-gradient(ellipse 90% 70% at 20% 10%, var(--bp-hero-navy-glow), transparent 60%),
linear-gradient(165deg, var(--bp-hero-navy-mid) 0%, var(--bp-hero-navy) 55%, var(--bp-hero-navy-deep) 100%);
padding-bottom: var(--space-4, 1rem) !important;
}
body.bp-index6 #hero-section > .bp-hero-curve {
height: 5rem;
}
}
body.bp-index6 #hero-section .hero-headline,
body.bp-index6 #wrap #hero-section .hero-headline,
body.bp-index6 #hero-section h1.hero-headline,
body.bp-index6 #hero-section h1.append2 {
color: var(--bp-hero-text) !important;
}
body.bp-index6 #hero-section .hero-subheading,
body.bp-index6 #wrap #hero-section .hero-subheading,
body.bp-index6 #hero-section .lead,
body.bp-index6 #hero-section .hero-cta-subtext,
body.bp-index6 #wrap #hero-section .hero-cta-subtext {
color: var(--bp-hero-text-soft) !important;
}
body.bp-index6 #hero-section .hero-subheading.hidden-xs,
body.bp-index6 #wrap #hero-section .hero-subheading.hidden-xs {
margin-bottom: 1.5rem !important;
}
body.bp-index7 #hero-section .hero-subheading,
body.bp-index7 #wrap #hero-section .hero-subheading {
font-family: inherit !important;
font-size: 1.25rem !important;
font-weight: 400 !important;
line-height: 1.65 !important;
letter-spacing: normal !important;
color: var(--bp-hero-text-soft, rgba(255, 255, 255, 0.68)) !important;
}
body.bp-index7 #hero-section .hero-benefits-list,
body.bp-index7 #wrap #hero-section .hero-benefits-list,
body.bp-index7 #hero-section .hero-benefits-list li,
body.bp-index7 #wrap #hero-section .hero-benefits-list li,
body.bp-index7 #hero-section .hero-benefits-list a,
body.bp-index7 #wrap #hero-section .hero-benefits-list a {
font-weight: 400 !important;
}
body.bp-index7 #hero-section .hero-benefits-list .fw-600,
body.bp-index7 #wrap #hero-section .hero-benefits-list .fw-600 {
font-weight: 600 !important;
}
body.bp-index7 #hero-section .hero-benefits-list a.hero-benefit-link,
body.bp-index7 #hero-section .hero-benefits-list a.hero-benefit-link:hover,
body.bp-index7 #hero-section .hero-benefits-list a.hero-benefit-link:focus,
body.bp-index7 #hero-section .hero-benefits-list a.hero-benefit-link:active,
body.bp-index7 #wrap #hero-section .hero-benefits-list a.hero-benefit-link,
body.bp-index7 #wrap #hero-section .hero-benefits-list a.hero-benefit-link:hover,
body.bp-index7 #wrap #hero-section .hero-benefits-list a.hero-benefit-link:focus,
body.bp-index7 #wrap #hero-section .hero-benefits-list a.hero-benefit-link:active {
color: inherit !important;
text-decoration: none !important;
background: none !important;
box-shadow: none !important;
transform: none !important;
opacity: inherit !important;
transition: none !important;
cursor: pointer;
}
body.bp-index6 #hero-section .hero-benefits-list,
body.bp-index6 #wrap #hero-section .hero-benefits-list,
body.bp-index6 #hero-section .hero-benefits-list li {
color: var(--bp-hero-text-body) !important;
}
body.bp-index6 #hero-section .hero-benefits-list li,
body.bp-index6 #wrap #hero-section .hero-benefits-list li {
margin-bottom: 0.6rem !important;
}
body.bp-index6 #hero-section .hero-benefits-list li:last-child,
body.bp-index6 #wrap #hero-section .hero-benefits-list li:last-child {
margin-bottom: 0 !important;
}
body.bp-index6 #hero-section .hero-benefits-list .fw-600,
body.bp-index6 #wrap #hero-section .hero-benefits-list .fw-600 {
color: rgba(255, 255, 255, 0.92) !important;
}
body.bp-index6 #hero-section i.hero-benefit-tick,
body.bp-index6 #wrap #hero-section i.hero-benefit-tick {
position: relative;
isolation: isolate;
z-index: 0;
}
body.bp-index6 #hero-section i.hero-benefit-tick::after,
body.bp-index6 #wrap #hero-section i.hero-benefit-tick::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 0.68em;
height: 0.68em;
transform: translate(-50%, -50%);
border-radius: 50%;
background: #fff;
z-index: -1;
pointer-events: none;
}
body.bp-index6 #hero-section .hero-rank-asterisk,
body.bp-index6 #wrap #hero-section .hero-rank-asterisk {
color: var(--bp-hero-text-muted) !important;
}
body.bp-index6 #hero-section .hero-review-quote,
body.bp-index6 #wrap #hero-section .hero-review-quote {
color: var(--bp-hero-text-soft) !important;
text-wrap: balance;
line-height: 1.5;
}
body.bp-index6 #hero-section .hero-review-quote-em,
body.bp-index6 #wrap #hero-section .hero-review-quote-em {
font-weight: 500;
}
body.bp-index6 #hero-section .hero-review-copy,
body.bp-index6 #wrap #hero-section .hero-review-copy {
color: var(--bp-hero-text-soft) !important;
}
body.bp-index6 #hero-section .hero-review-attribution,
body.bp-index6 #wrap #hero-section .hero-review-attribution,
body.bp-index6 #hero-section .hero-review-attribution span {
color: var(--bp-hero-text-muted) !important;
}
body.bp-index6 #hero-section .hero-review-attribution a,
body.bp-index6 #wrap #hero-section .hero-review-attribution a {
color: var(--bp-hero-link) !important;
text-decoration: underline !important;
text-decoration-color: rgba(168, 196, 240, 0.55) !important;
text-underline-offset: 0.15em;
font-weight: 600;
}
body.bp-index6 #hero-section .hero-review-attribution a:hover,
body.bp-index6 #wrap #hero-section .hero-review-attribution a:hover {
color: var(--bp-hero-link-hover) !important;
text-decoration-color: var(--bp-hero-link-hover) !important;
}
body.bp-index7 #hero-section .hero-review-attribution a,
body.bp-index7 #wrap #hero-section .hero-review-attribution a {
text-decoration: none !important;
}
body.bp-index7 #hero-section .hero-review-attribution a:hover,
body.bp-index7 #wrap #hero-section .hero-review-attribution a:hover {
text-decoration: underline !important;
text-decoration-color: var(--bp-hero-link-hover) !important;
}
body.bp-index6 #hero-section a.hero-rank-tooltip,
body.bp-index6 #wrap #hero-section a.hero-rank-tooltip {
color: inherit !important;
text-decoration: none !important;
}
body.bp-index6 #hero-section a:not(.btn):not(.liquid-overlay-link):not(.hero-rank-tooltip):not(.hero-review-attribution a):not(.hero-benefit-link) {
color: var(--bp-hero-link);
}
body.bp-index6 #hero-section a:not(.btn):not(.liquid-overlay-link):not(.hero-rank-tooltip):not(.hero-benefit-link):hover {
color: var(--bp-hero-link-hover);
}
body.bp-index6 #hero-section .screenshot-arrow .badge-pill {
background: rgba(255, 255, 255, 0.16);
color: var(--bp-hero-text);
border: 1px solid rgba(255, 255, 255, 0.28);
}
body.bp-index6 #hero-section .screenshot-arrow svg path {
stroke: rgba(255, 255, 255, 0.55);
}
body.bp-index6 #hero-section .hero-cta-group .btn.btn-white,
body.bp-index6 #hero-section .hero-cta-group .btn.bg-white,
body.bp-index6 #hero-section a.btn.btn-white {
border-color: rgba(255, 255, 255, 0.55) !important;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12);
transition:
background-color 0.2s ease,
border-color 0.2s ease,
color 0.2s ease,
box-shadow 0.2s ease,
transform 0.2s ease;
}
body.bp-index6 #wrap #hero-section .hero-cta-group .btn.btn-white .btn-txt,
body.bp-index6 #wrap #hero-section .hero-cta-group .btn.bg-white .btn-txt,
body.bp-index6 #wrap #hero-section .hero-cta-group .btn.btn-white .btn-txt.text-black,
body.bp-index6 #wrap #hero-section .hero-cta-group .btn.bg-white .btn-txt.text-black,
body.bp-index6 #hero-section a.btn.btn-white .btn-txt,
body.bp-index6 #hero-section a.btn.btn-white .btn-txt.text-black {
color: #1d1d1d !important;
transition: color 0.2s ease;
}
@media (hover: hover) and (pointer: fine) {
body.bp-index6 #hero-section .hero-cta-group .btn.btn-gradient:hover,
body.bp-index6 #hero-section .hero-cta-group .btn.btn-solid.btn-gradient:hover {
transform: translateY(-2px);
box-shadow:
0 8px 22px rgba(252, 105, 45, 0.42),
0 2px 6px rgba(0, 0, 0, 0.18);
filter: brightness(1.06);
}
body.bp-index6 #hero-section .hero-cta-group .btn.btn-white:hover,
body.bp-index6 #hero-section .hero-cta-group .btn.bg-white:hover,
body.bp-index6 #hero-section a.btn.btn-white:hover {
background: #ffffff !important;
border-color: #ffffff !important;
transform: translateY(-2px);
box-shadow:
0 8px 22px rgba(15, 23, 42, 0.22),
0 0 0 1px rgba(255, 255, 255, 0.35);
}
body.bp-index6 #hero-section .hero-cta-group .btn.btn-white:hover .btn-txt,
body.bp-index6 #hero-section .hero-cta-group .btn.bg-white:hover .btn-txt,
body.bp-index6 #hero-section .hero-cta-group .btn.btn-white:hover .btn-txt.text-black,
body.bp-index6 #hero-section .hero-cta-group .btn.bg-white:hover .btn-txt.text-black {
color: #0287ed !important;
}
}
body.bp-index6 .main-header:not(.is-sticky):not(.megamenu-item-active) .main-nav > li > a,
body.bp-index6 .main-header:not(.is-sticky):not(.megamenu-item-active) .main-nav > li > a .txt,
body.bp-index6 .main-header:not(.is-sticky):not(.megamenu-item-active) .main-nav .link-txt .txt {
color: var(--bp-hero-text) !important;
}
body.bp-index6 .main-header:not(.is-sticky):not(.megamenu-item-active) .main-nav > li > a:hover,
body.bp-index6 .main-header:not(.is-sticky):not(.megamenu-item-active) .main-nav > li > a:hover .txt,
body.bp-index6 .main-header:not(.is-sticky):not(.megamenu-item-active) .main-nav > li > a:focus .txt {
color: #ffffff !important;
}
body.bp-index6 .main-header:not(.is-sticky):not(.megamenu-item-active) .main-nav > li > a .submenu-expander,
body.bp-index6 .main-header:not(.is-sticky):not(.megamenu-item-active) .main-nav > li > a .fa {
color: var(--bp-hero-text-soft) !important;
}
body.bp-index6 .main-header:not(.is-sticky):not(.megamenu-item-active) .bp-mnav-toggle {
color: var(--bp-hero-text);
}
body.bp-index6 .main-header:not(.is-sticky):not(.megamenu-item-active) .navbar-brand-inner img {
content: url("/assets/img/BrandPush-Logo-White.svg");
}
body.bp-index6 .main-header.is-sticky .main-nav > li > a,
body.bp-index6 .main-header.is-sticky .main-nav > li > a .txt,
body.bp-index6 .main-header.is-sticky .main-nav .link-txt .txt,
body.bp-index6 .main-header.megamenu-item-active .main-nav > li > a,
body.bp-index6 .main-header.megamenu-item-active .main-nav > li > a .txt,
body.bp-index6 .main-header.megamenu-item-active .main-nav .link-txt .txt,
body.bp-index6.bp-index7 .main-header:has(li.bp-orders-nav:hover) .main-nav > li > a,
body.bp-index6.bp-index7 .main-header:has(li.bp-orders-nav:hover) .main-nav > li > a .txt,
body.bp-index6.bp-index7 .main-header:has(li.bp-orders-nav:hover) .main-nav > li .link-txt .txt,
body.bp-index6.bp-index7 .main-header:has(li.bp-orders-nav:focus-within) .main-nav > li > a,
body.bp-index6.bp-index7 .main-header:has(li.bp-orders-nav:focus-within) .main-nav > li > a .txt,
body.bp-index6.bp-index7 .main-header:has(li.bp-orders-nav:focus-within) .main-nav > li .link-txt .txt,
body.bp-index6.bp-index7 .main-header:has(li.bp-orders-nav.bp-orders-open) .main-nav > li > a,
body.bp-index6.bp-index7 .main-header:has(li.bp-orders-nav.bp-orders-open) .main-nav > li > a .txt,
body.bp-index6.bp-index7 .main-header:has(li.bp-orders-nav.bp-orders-open) .main-nav > li .link-txt .txt {
color: var(--bp-nav-ink) !important;
}
body.bp-index6 .main-header.is-sticky .main-nav > li > a .submenu-expander,
body.bp-index6 .main-header.is-sticky .main-nav > li > a .fa,
body.bp-index6 .main-header.megamenu-item-active .main-nav > li > a .submenu-expander,
body.bp-index6 .main-header.megamenu-item-active .main-nav > li > a .fa {
color: var(--bp-nav-ink) !important;
}
body.bp-index6 .main-header.is-sticky .navbar-brand-inner img,
body.bp-index6 .main-header.megamenu-item-active .navbar-brand-inner img,
body.bp-index6.bp-index7 .main-header:has(li.bp-orders-nav:hover) .navbar-brand-inner img,
body.bp-index6.bp-index7 .main-header:has(li.bp-orders-nav:focus-within) .navbar-brand-inner img,
body.bp-index6.bp-index7 .main-header:has(li.bp-orders-nav.bp-orders-open) .navbar-brand-inner img {
content: none;
}
body.bp-index6 .main-header.is-sticky .bp-mnav-toggle,
body.bp-index6 .main-header.megamenu-item-active .bp-mnav-toggle {
color: var(--bp-nav-ink);
}
body.bp-index6 .main-header.is-sticky .main-nav > li.nav-get-started-btn > a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 8px 24px !important;
margin: 0 !important;
border-radius: 9999px !important;
background: linear-gradient(to right, var(--color-gradient-start) 0%, var(--color-gradient-stop) 100%) !important;
color: #fff !important;
border: 1px solid transparent !important;
box-shadow: none !important;
font-weight: 500 !important;
font-size: 16px !important;
text-transform: none !important;
letter-spacing: normal !important;
line-height: 1.25 !important;
text-decoration: none !important;
transition:
background 0.2s ease,
border-color 0.2s ease,
color 0.2s ease,
transform 0.15s ease !important;
}
body.bp-index6 .main-header.is-sticky .main-nav > li.nav-get-started-btn > a .txt,
body.bp-index6 .main-header.is-sticky .main-nav > li.nav-get-started-btn > a .link-txt .txt,
body.bp-index6.bp-index7 .main-header.is-sticky:has(li.bp-orders-nav:hover) .main-nav > li.nav-get-started-btn > a,
body.bp-index6.bp-index7 .main-header.is-sticky:has(li.bp-orders-nav:hover) .main-nav > li.nav-get-started-btn > a .txt,
body.bp-index6.bp-index7 .main-header.is-sticky:has(li.bp-orders-nav:hover) .main-nav > li.nav-get-started-btn > a .link-txt .txt,
body.bp-index6.bp-index7 .main-header.is-sticky:has(li.bp-orders-nav:focus-within) .main-nav > li.nav-get-started-btn > a,
body.bp-index6.bp-index7 .main-header.is-sticky:has(li.bp-orders-nav:focus-within) .main-nav > li.nav-get-started-btn > a .txt,
body.bp-index6.bp-index7 .main-header.is-sticky:has(li.bp-orders-nav:focus-within) .main-nav > li.nav-get-started-btn > a .link-txt .txt,
body.bp-index6.bp-index7 .main-header.is-sticky:has(li.bp-orders-nav.bp-orders-open) .main-nav > li.nav-get-started-btn > a,
body.bp-index6.bp-index7 .main-header.is-sticky:has(li.bp-orders-nav.bp-orders-open) .main-nav > li.nav-get-started-btn > a .txt,
body.bp-index6.bp-index7 .main-header.is-sticky:has(li.bp-orders-nav.bp-orders-open) .main-nav > li.nav-get-started-btn > a .link-txt .txt {
color: #fff !important;
font-weight: 500 !important;
text-transform: none !important;
letter-spacing: normal !important;
}
body.bp-index6 .main-header.is-sticky .main-nav > li.nav-get-started-btn > a:hover,
body.bp-index6 .main-header.is-sticky .main-nav > li.nav-get-started-btn > a:focus {
background: linear-gradient(to right, var(--color-gradient-stop) 0%, var(--color-gradient-start) 100%) !important;
border-color: transparent !important;
color: #fff !important;
box-shadow: none !important;
transform: none !important;
}
body.bp-index6 .main-header.is-sticky .main-nav > li.nav-get-started-btn > a:hover .txt,
body.bp-index6 .main-header.is-sticky .main-nav > li.nav-get-started-btn > a:focus .txt,
body.bp-index6 .main-header.is-sticky .main-nav > li.nav-get-started-btn > a:hover .link-txt .txt,
body.bp-index6 .main-header.is-sticky .main-nav > li.nav-get-started-btn > a:focus .link-txt .txt {
color: #fff !important;
}
body.bp-index6 .main-header.is-sticky .main-nav > li.nav-get-started-btn > a::before,
body.bp-index6 .main-header.is-sticky .main-nav > li.nav-get-started-btn > a::after,
body.bp-index6 .main-header.is-sticky .main-nav > li.nav-get-started-btn > a .link-ext,
body.bp-index6 .main-header.is-sticky .main-nav > li.nav-get-started-btn > a .link-icon {
display: none !important;
}
@media screen and (max-width: 767px) {
body.bp-index6[data-mobile-header-scheme=gray] .main-header:not(.is-sticky):not(.megamenu-item-active) .navbar-header {
background-color: transparent;
}
}
@media screen and (max-width: 1199px) {
body.bp-index6 .main-header:not(.is-sticky):not(.megamenu-item-active) .navbar-header {
background-color: transparent;
}
}
body.bp-index6 .bp-vt-desktop {
--bp-vt-gap: var(--space-4, 1rem);
--bp-vt-per-page: 3;
--bp-vt-accent: #0287ed;
--bp-vt-accent-soft: rgba(2, 135, 237, 0.16);
--bp-vt-radius: var(--radius-surface, 1rem);
float: none;
width: 100%;
max-width: none;
margin-left: auto;
margin-right: auto;
margin-bottom: 0.25rem !important;
position: relative;
overflow: visible;
padding-left: 56px;
padding-right: 56px;
box-sizing: border-box;
}
body.bp-index6 .bp-vt {
position: relative;
display: block;
width: 100%;
padding: 0;
}
body.bp-index6 .bp-vt-frame {
position: relative;
width: 100%;
max-width: calc(1170px - 12rem);
padding: 0;
margin: 0 auto;
overflow: visible;
}
@media (max-width: 1199px) {
body.bp-index6 .bp-vt-frame {
max-width: calc(970px - 12rem);
}
}
body.bp-index6 .bp-vt-viewport {
width: 100%;
overflow: hidden;
clip-path: none;
-webkit-clip-path: none;
padding: 0;
margin: 0;
min-width: 0;
background: transparent;
border-radius: 0;
box-sizing: border-box;
pointer-events: none;
}
body.bp-index6 .bp-vt-track,
body.bp-index6 .bp-vt-card {
pointer-events: auto;
}
body.bp-index6 .bp-vt-track {
display: flex;
gap: var(--bp-vt-gap);
will-change: transform;
}
body.bp-index6 .bp-vt-track.is-animating {
transition: transform 420ms var(--ease-out, cubic-bezier(0.22, 1, 0.36, 1));
}
body.bp-index6 .bp-vt-card {
position: relative;
flex: 0 0 auto;
width: calc((100% - (var(--bp-vt-per-page) - 1) * var(--bp-vt-gap)) / var(--bp-vt-per-page));
display: block;
aspect-ratio: 3 / 4;
border-radius: var(--bp-vt-radius);
overflow: hidden;
text-decoration: none !important;
color: #fff !important;
background: #1d1d1d;
border: 1px solid #ededed;
box-shadow: none;
filter: none;
transition: transform var(--dur-base, 0.2s) var(--ease-out, ease);
}
body.bp-index6 .bp-vt-card:hover,
body.bp-index6 .bp-vt-card:focus {
transform: scale(1.015);
outline: none;
}
body.bp-index6 .bp-vt-thumb {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transform: scale(1.001);
transition: transform 0.35s var(--ease-out, ease);
}
body.bp-index6 .bp-vt-card:hover .bp-vt-thumb,
body.bp-index6 .bp-vt-card:focus .bp-vt-thumb {
transform: scale(1.04);
}
body.bp-index6 .bp-vt-logo-wrap {
position: absolute;
top: 14px;
left: 14px;
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
max-width: calc(100% - 28px);
padding: 0;
background: none;
border: 0;
box-shadow: none;
pointer-events: none;
filter: drop-shadow(0 1px 6px rgba(0, 0, 0, 0.35));
}
body.bp-index6 .bp-vt-logo {
display: block;
max-height: 32px;
width: auto;
max-width: 130px;
height: auto;
object-fit: contain;
}
body.bp-index6 .bp-vt-logo.bp-vt-logo--stack {
max-height: 40px;
}
body.bp-index6 .bp-vt-shade {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 45%;
z-index: 1;
background: linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
pointer-events: none;
}
body.bp-index6 .bp-vt-meta {
position: absolute;
left: 14px;
right: 14px;
bottom: 14px;
z-index: 2;
display: flex;
align-items: center;
gap: 12px;
pointer-events: none;
}
body.bp-index6 .bp-vt-copy {
flex: 1 1 auto;
min-width: 0;
display: flex;
flex-direction: column;
gap: 2px;
}
body.bp-index6 .bp-vt-person {
display: block;
font-size: 17px;
font-weight: 700;
line-height: 1.25;
letter-spacing: normal;
color: #fff;
text-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
body.bp-index6 .bp-vt-name {
display: block;
font-size: 13px;
font-weight: 500;
line-height: 1.3;
letter-spacing: normal;
text-transform: none;
color: rgba(255, 255, 255, 0.85);
text-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
body.bp-index6 .bp-vt-play {
flex: 0 0 auto;
width: 42px;
height: 42px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
background: #fff;
color: #737373;
border: 1px solid #ededed;
box-shadow: none;
transition:
background-color 0.2s ease,
border-color 0.2s ease,
color 0.2s ease,
transform 0.15s ease;
}
body.bp-index6 .bp-vt-play .fa {
margin-left: 2px;
font-size: 13px;
}
body.bp-index6 .bp-vt-card:hover .bp-vt-play,
body.bp-index6 .bp-vt-card:focus .bp-vt-play {
transform: none;
background: #0287ed;
border-color: #0287ed;
color: #fff;
box-shadow: none;
}
body.bp-index7 .bp-vt-play {
width: 42px;
max-width: 100%;
padding: 0;
gap: 0;
overflow: hidden;
white-space: nowrap;
pointer-events: auto;
border-radius: 9999px;
transition:
width 320ms cubic-bezier(0.22, 1, 0.36, 1),
padding 320ms cubic-bezier(0.22, 1, 0.36, 1),
gap 280ms ease,
background-color 0.2s ease,
border-color 0.2s ease,
color 0.2s ease,
box-shadow 0.2s ease,
transform 140ms cubic-bezier(0.23, 1, 0.32, 1);
}
body.bp-index7 .bp-vt-play .fa {
flex: 0 0 auto;
margin-left: 2px;
transition: margin 280ms ease;
}
body.bp-index7 .bp-vt-play-label {
display: inline-block;
max-width: 0;
opacity: 0;
overflow: hidden;
font-size: 0.875rem;
font-weight: 500;
letter-spacing: -0.01em;
line-height: 1;
transition:
max-width 320ms cubic-bezier(0.22, 1, 0.36, 1),
opacity 220ms ease;
}
body.bp-index7 .bp-vt-card:hover .bp-vt-play,
body.bp-index7 .bp-vt-card:focus .bp-vt-play,
body.bp-index7 .bp-vt-card:focus-visible .bp-vt-play {
width: auto;
min-width: 42px;
height: 42px;
padding: 0 0.85rem 0 0.7rem;
gap: 0.4rem;
border-radius: 9999px;
background: #fff !important;
border-color: #ededed !important;
color: #1d1d1d !important;
box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12);
}
body.bp-index7 .bp-vt-card:hover .bp-vt-play .fa,
body.bp-index7 .bp-vt-card:focus .bp-vt-play .fa,
body.bp-index7 .bp-vt-card:focus-visible .bp-vt-play .fa {
margin-left: 0;
}
body.bp-index7 .bp-vt-card:hover .bp-vt-play-label,
body.bp-index7 .bp-vt-card:focus .bp-vt-play-label,
body.bp-index7 .bp-vt-card:focus-visible .bp-vt-play-label {
max-width: 3rem;
opacity: 1;
}
body.bp-index7 .bp-vt-card:hover .bp-vt-play:hover,
body.bp-index7 .bp-vt-card:focus .bp-vt-play:hover,
body.bp-index7 .bp-vt-card:focus-visible .bp-vt-play:hover {
background: #0287ed !important;
border-color: #0287ed !important;
color: #fff !important;
box-shadow: 0 14px 32px rgba(2, 135, 237, 0.28);
}
body.bp-index6 .bp-vt-nav {
position: absolute;
top: 50%;
z-index: 4;
width: 42px;
height: 42px;
margin-top: -21px;
border-radius: 50%;
border: 1px solid #ededed;
background: #fff;
color: #737373;
display: inline-flex;
align-items: center;
justify-content: center;
box-shadow: none;
cursor: pointer;
transition:
background-color 0.2s ease,
border-color 0.2s ease,
color 0.2s ease;
}
body.bp-index6 .bp-vt-nav--prev {
left: -56px;
}
body.bp-index6 .bp-vt-nav--next {
right: -56px;
}
body.bp-index6 .bp-vt-nav:hover,
body.bp-index6 .bp-vt-nav:focus {
background: #0287ed;
border-color: #0287ed;
color: #fff;
outline: none;
box-shadow: none;
transform: none;
}
body.bp-index6 .bp-vt-dots {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-top: 20px;
margin-bottom: 0;
position: relative;
z-index: 6;
pointer-events: auto;
}
body.bp-index6 .bp-vt-dot {
width: 8px;
height: 8px;
padding: 0;
border: 0;
border-radius: 999px;
background: #d8dbe0;
cursor: pointer;
position: relative;
z-index: 7;
pointer-events: auto;
transition: background 0.2s ease, width 0.2s ease;
}
body.bp-index6 .bp-vt-dot::before {
content: "";
position: absolute;
inset: -10px;
}
body.bp-index6 .bp-vt-dot:hover,
body.bp-index6 .bp-vt-dot:focus {
background: #aeb4bd;
outline: none;
}
body.bp-index6 .bp-vt-dot.is-active {
width: 22px;
background: #0287ed;
}
body.bp-index7 #recommendations .bp-vt-card {
aspect-ratio: auto;
overflow: visible;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
color: inherit;
transform: none;
}
body.bp-index7 #recommendations .bp-vt-card:hover,
body.bp-index7 #recommendations .bp-vt-card:focus {
transform: none;
outline: none;
}
body.bp-index7 #recommendations .bp-vt-media {
position: relative;
display: block;
width: 100%;
aspect-ratio: 4 / 5;
overflow: hidden;
border-radius: var(--bp7-card-radius, var(--bp-vt-radius));
background: #1d1d1d;
text-decoration: none !important;
color: #fff !important;
transition: transform var(--dur-base, 0.2s) var(--ease-out, ease);
}
body.bp-index7 #recommendations .bp-vt-media:hover,
body.bp-index7 #recommendations .bp-vt-media:focus,
body.bp-index7 #recommendations .bp-vt-media:focus-visible {
transform: scale(1.015);
outline: none;
}
body.bp-index7 #recommendations .bp-vt-card:hover .bp-vt-thumb,
body.bp-index7 #recommendations .bp-vt-card:focus .bp-vt-thumb {
transform: scale(1.001);
}
body.bp-index7 #recommendations .bp-vt-media:hover .bp-vt-thumb,
body.bp-index7 #recommendations .bp-vt-media:focus .bp-vt-thumb,
body.bp-index7 #recommendations .bp-vt-media:focus-visible .bp-vt-thumb {
transform: scale(1.04);
}
body.bp-index7 #recommendations .bp-vt-duration {
position: absolute;
top: 10px;
right: 10px;
z-index: 3;
padding: 3px 8px;
border-radius: 6px;
background: rgba(0, 0, 0, 0.55);
color: #fff;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.02em;
line-height: 1.2;
font-variant-numeric: tabular-nums;
pointer-events: none;
}
body.bp-index7 #recommendations .bp-vt-logo-wrap {
max-width: calc(100% - 78px);
}
body.bp-index7 #recommendations .bp-vt-quote {
margin: 0.7rem auto 0;
padding: 0 0.35rem;
max-width: 100%;
color: #9ca3af;
font-family: poppins, sans-serif;
font-size: 85%;
font-weight: 400;
line-height: 1.4;
letter-spacing: normal;
text-align: center;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
body.bp-index7 #recommendations .bp-vt-stories {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 1.35rem;
margin-bottom: 0;
}
body.bp-index7 #recommendations .bp-vt-stories-label {
margin-top: 0;
text-align: center;
}
body.bp-index7 #recommendations .bp-vt-avatars,
body.bp-index7 #recommendations .bp-vt-dots {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
margin-top: 0;
padding: 8px 0;
}
body.bp-index7 #recommendations .bp-vt-avatar {
width: 44px;
height: 44px;
margin: 0;
padding: 0;
border: 3px solid #fff;
border-radius: 50%;
overflow: hidden;
background: #fff;
cursor: pointer;
position: relative;
z-index: 1;
flex: 0 0 44px;
box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
transform-origin: center center;
transition:
border-color var(--dur-base, 0.2s) ease,
transform var(--dur-base, 0.2s) var(--ease-out, ease),
box-shadow var(--dur-base, 0.2s) ease;
}
body.bp-index7 #recommendations .bp-vt-avatar img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
body.bp-index7 #recommendations .bp-vt-avatar:hover,
body.bp-index7 #recommendations .bp-vt-avatar:focus,
body.bp-index7 #recommendations .bp-vt-avatar:focus-visible {
z-index: 2;
outline: none;
transform: scale(1.14);
}
body.bp-index7 #recommendations .bp-vt-avatar.is-active {
border-color: #0587ed;
z-index: 3;
box-shadow: 0 4px 14px rgba(5, 135, 237, 0.28);
}
@media (min-width: 1200px) {
body.bp-index7 #bp-video-testimonials:not(.is-ready) .bp-vt-card:last-child {
order: -1;
}
}
body.bp-index7 #recommendations .bp-vt-avatar.is-active:hover,
body.bp-index7 #recommendations .bp-vt-avatar.is-active:focus,
body.bp-index7 #recommendations .bp-vt-avatar.is-active:focus-visible {
transform: scale(1.14);
}
@media (prefers-reduced-motion: reduce) {
body.bp-index7 #recommendations .bp-vt-media,
body.bp-index7 #recommendations .bp-vt-avatar {
transition: none;
}
body.bp-index7 #recommendations .bp-vt-media:hover,
body.bp-index7 #recommendations .bp-vt-media:focus,
body.bp-index7 #recommendations .bp-vt-avatar:hover,
body.bp-index7 #recommendations .bp-vt-avatar:focus,
body.bp-index7 #recommendations .bp-vt-avatar.is-active,
body.bp-index7 #recommendations .bp-vt-avatar.is-active:hover {
transform: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
body.bp-index6 .bp-vt-desktop {
--bp-vt-per-page: 2;
--bp-vt-gap: 14px;
padding-left: 48px;
padding-right: 48px;
}
body.bp-index6 .bp-vt-frame {
max-width: none;
width: 100%;
}
body.bp-index6 .bp-vt-nav {
width: 40px;
height: 40px;
margin-top: -20px;
}
body.bp-index6 .bp-vt-nav--prev {
left: -48px;
}
body.bp-index6 .bp-vt-nav--next {
right: -48px;
}
}
body.bp-index6 #how-it-works .how-it-works-media-col {
overflow: visible;
}
body.bp-index6 #how-it-works .how-it-works-media {
--bp-vt-accent: #0287ed;
--bp-vt-accent-soft: rgba(2, 135, 237, 0.16);
}
body.bp-index6 #how-it-works .how-it-works-media .liquid-img-group-img-container {
position: relative;
border-radius: var(--radius-surface, 1rem);
overflow: hidden !important;
transform: translateZ(0);
border: 1px solid #ededed;
box-shadow: 0 25px 70px rgba(0, 0, 0, 0.07);
transition: box-shadow 0.2s ease, transform 0.2s ease;
}
body.bp-index6 #how-it-works .how-it-works-media .liquid-img-group-img-container:hover,
body.bp-index6 #how-it-works .how-it-works-media .liquid-img-group-img-container:focus-within {
transform: scale(1.015);
box-shadow: 0 25px 70px rgba(0, 0, 0, 0.1);
}
body.bp-index6 #how-it-works .how-it-works-media .liquid-img-container-inner,
body.bp-index6 #how-it-works .how-it-works-media .liquid-img-container-inner figure,
body.bp-index6 #how-it-works .how-it-works-media .liquid-img-container-inner picture {
display: block;
width: 100%;
height: 100%;
margin: 0;
overflow: hidden;
border-radius: inherit;
}
body.bp-index6 #how-it-works .how-it-works-media .liquid-img-container-inner img {
display: block;
width: 100%;
height: auto;
transform: scale(1.001);
transition: transform 560ms cubic-bezier(0.22, 1, 0.36, 1);
}
body.bp-index6 #how-it-works .how-it-works-media .liquid-img-group-img-container:hover img,
body.bp-index6 #how-it-works .how-it-works-media .liquid-img-group-img-container:focus-within img {
transform: scale(1.05);
}
body.bp-index6 #how-it-works .how-it-works-media .liquid-img-group-content.content-floated-mid {
display: flex !important;
align-items: center;
justify-content: center;
inset: 0;
width: 100%;
height: 100%;
transform: none !important;
left: 0 !important;
top: 0 !important;
margin: 0 !important;
z-index: 3;
pointer-events: none;
}
body.bp-index6 #how-it-works .how-it-works-media .bp-hiw-play {
width: 56px;
height: 56px;
max-width: calc(100% - 2rem);
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0;
padding: 0;
background: #fff;
color: #737373;
border: 1px solid #ededed;
box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12);
overflow: hidden;
white-space: nowrap;
transition:
width 320ms cubic-bezier(0.22, 1, 0.36, 1),
padding 320ms cubic-bezier(0.22, 1, 0.36, 1),
gap 280ms ease,
background-color 0.2s ease,
border-color 0.2s ease,
color 0.2s ease,
box-shadow 0.2s ease;
pointer-events: none;
}
body.bp-index6 #how-it-works .how-it-works-media .bp-hiw-play .fa {
margin-left: 3px;
font-size: 16px;
flex: 0 0 auto;
transition: margin 280ms ease;
}
body.bp-index6 #how-it-works .how-it-works-media .bp-hiw-play-label {
display: inline-block;
max-width: 0;
opacity: 0;
overflow: hidden;
font-size: 0.875rem;
font-weight: 600;
letter-spacing: -0.01em;
line-height: 1;
transition:
max-width 320ms cubic-bezier(0.22, 1, 0.36, 1),
opacity 220ms ease;
}
body.bp-index6 #how-it-works .how-it-works-media .liquid-img-group-img-container:hover .bp-hiw-play,
body.bp-index6 #how-it-works .how-it-works-media .liquid-img-group-img-container:focus-within .bp-hiw-play {
width: 11.75rem;
padding: 0 1.15rem 0 1rem;
gap: 0.55rem;
background: #0287ed;
border-color: #0287ed;
color: #fff;
box-shadow: 0 14px 32px rgba(2, 135, 237, 0.28);
transform: none;
}
body.bp-index6 #how-it-works .how-it-works-media .liquid-img-group-img-container:hover .bp-hiw-play .fa,
body.bp-index6 #how-it-works .how-it-works-media .liquid-img-group-img-container:focus-within .bp-hiw-play .fa {
margin-left: 0;
}
body.bp-index6 #how-it-works .how-it-works-media .liquid-img-group-img-container:hover .bp-hiw-play-label,
body.bp-index6 #how-it-works .how-it-works-media .liquid-img-group-img-container:focus-within .bp-hiw-play-label {
max-width: 9rem;
opacity: 1;
}
body.bp-index6 .bp-vt-nav {
position: absolute;
top: 50%;
z-index: 4;
width: 44px;
height: 44px;
margin-top: -22px;
border-radius: 50%;
border: 1px solid rgba(15, 23, 42, 0.08);
background: rgba(255, 255, 255, 0.92);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
color: #1f2937;
display: inline-flex;
align-items: center;
justify-content: center;
box-shadow: 0 8px 22px rgba(15, 23, 42, 0.1);
cursor: pointer;
transition: background 180ms ease, color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}
body.bp-index6 .bp-vt-nav--prev {
left: -56px;
}
body.bp-index6 .bp-vt-nav--next {
right: -56px;
}
body.bp-index6 .bp-vt-nav:hover,
body.bp-index6 .bp-vt-nav:focus {
background: #fff;
color: var(--bp-vt-accent);
outline: none;
box-shadow: 0 10px 26px rgba(15, 23, 42, 0.14);
transform: scale(1.04);
}
body.bp-index6 .bp-vt-dots {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-top: 20px;
margin-bottom: 0;
position: relative;
z-index: 6;
pointer-events: auto;
}
body.bp-index6 #wrap #recommendations,
body.bp-index6 #recommendations {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
overflow: visible;
}
body.bp-index6 #wrap #recommendations > .container,
body.bp-index6 #recommendations > .container {
overflow: visible;
}
body.bp-index6 #wrap #recommendations + #case-studies,
body.bp-index6 #recommendations + #case-studies {
padding-top: 0 !important;
margin-top: 0 !important;
}
body.bp-index7 #content.content > #case-studies {
order: 60 !important;
}
body.bp-index7 #case-studies,
body.bp-index7 #wrap #case-studies {
margin-top: 0 !important;
padding-top: 2.5rem !important;
padding-bottom: 5.5rem !important;
}
body.bp-index7 #case-studies > .container:first-child,
body.bp-index7 #wrap #case-studies > .container:first-child {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.bp-index7 #case-studies #recommendations,
body.bp-index7 #wrap #case-studies #recommendations {
background: transparent !important;
background-image: none !important;
margin: 0;
padding: 2.5rem 0 3.5rem !important;
}
body.bp-index7 #case-studies > .container.pr-lg-9 {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
@media (min-width: 768px) {
body.bp-index7 #case-studies,
body.bp-index7 #wrap #case-studies {
padding-top: 3rem !important;
padding-bottom: 8rem !important;
}
body.bp-index7 #case-studies #recommendations,
body.bp-index7 #wrap #case-studies #recommendations {
padding: 3.25rem 0 4.5rem !important;
}
}
body.bp-index6 #case-studies > .container:first-child {
margin-top: 4.5rem;
margin-bottom: 0;
padding-top: 0.75rem;
}
@media (min-width: 768px) {
body.bp-index6 #case-studies > .container:first-child {
margin-top: 3rem;
padding-top: 1rem;
}
}
body.bp-index6 #case-studies > .container:first-child .lqd-column.mb-5 {
margin-bottom: 1.25rem !important;
}
@media (min-width: 992px) {
body.bp-index6 #results .bp-report-showcase,
body.bp-index6 #results .bp-report-format-actions,
body.bp-index6 #results .bp-report-format-mobile {
max-width: calc(1170px - 12rem);
margin-left: auto;
margin-right: auto;
}
body.bp-index6 #results .bp-report-showcase {
gap: clamp(2.75rem, 3.75vw, 4.25rem);
grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.1fr);
align-items: center;
}
body.bp-index6 #results .bp-report-feature-list {
order: 1;
align-self: center;
padding-top: 0 !important;
max-width: 100%;
justify-self: start;
}
body.bp-index6 #results .bp-report-preview-column {
order: 2;
max-width: 510px;
width: 100%;
justify-self: end;
align-self: center;
}
body.bp-index6 #results .bp-report-iframe-shell {
height: 720px;
}
}
@media (min-width: 768px) {
body.bp-index6 #results .bp-report-feature-stats {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.bp-index6 #results .bp-report-showcase,
body.bp-index6 #results .bp-report-format-actions,
body.bp-index6 #results .bp-report-format-mobile {
max-width: calc(970px - 12rem);
}
}
body.bp-index6 #results.bp-results-showcase,
body.bp-index6 #wrap #results.bp-results-showcase {
position: relative;
z-index: 2;
background: #f5f7fa !important;
background-color: #f5f7fa !important;
background-image: none !important;
}
body.bp-index6 #results.bp-results-showcase::before,
body.bp-index6 #results.bp-results-showcase::after {
display: none !important;
content: none !important;
}
@media (min-width: 768px) {
body.bp-index6 #case-studies .case-studies-cards {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
body.bp-index6 #case-studies .case-studies-cards > .lqd-column:not(.hidden) {
display: flex;
}
body.bp-index6 #case-studies .case-studies-cards .case-study-card {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
margin-bottom: 0;
}
body.bp-index6 #case-studies .case-studies-cards .case-study-card > .contents {
display: flex;
flex-direction: column;
flex: 1 1 auto;
height: 100%;
}
body.bp-index6 #case-studies .case-studies-cards .case-study-picture {
display: block;
width: 100%;
}
body.bp-index6 #case-studies .case-studies-cards .case-study-picture img {
width: 100%;
aspect-ratio: 16 / 10;
object-fit: cover;
}
body.bp-index6 #case-studies .case-studies-cards .case-study-read-cta {
margin-top: auto !important;
align-self: flex-start;
width: auto;
}
}
body.bp-index6 #content.content > #money-back-guarantee {
order: 110 !important;
}
body.bp-index6 #content.content > #reviews {
order: 115 !important;
}
body.bp-index6 #money-back-guarantee {
background: #ffffff;
}
body.bp-index6 #money-back-guarantee > .custom-shape-divider-bottom-1621016099 .shape-fill {
fill: #f5f6f8;
}
body.bp-index6 #money-back-guarantee .bp-mbg-row {
display: flex;
align-items: center;
}
body.bp-index6 #money-back-guarantee .bp-mbg-visual {
position: relative;
display: block;
max-width: none;
margin: 0;
overflow: visible;
}
body.bp-index6 #money-back-guarantee .bp-mbg-visual .bp5-benefit-stage {
padding: 8px 0 16px;
max-width: 100%;
}
body.bp-index6 #money-back-guarantee .bp-mbg-visual .bp5-ben {
width: 100%;
}
@media (min-width: 768px) {
body.bp-index6 #money-back-guarantee .bp-mbg-visual .bp5-ben {
height: calc(var(--s, 1) * 720px) !important;
aspect-ratio: 920 / 720;
}
body.bp-index6 #money-back-guarantee .bp-mbg-visual .bp5-ben .stage {
height: 720px;
}
}
body.bp-index6 #money-back-guarantee .bp-mbg-visual .bp5-ben .notif,
body.bp-index6 #money-back-guarantee .bp-mbg-visual .bp5-ben .glass {
-webkit-mask-image: none !important;
mask-image: none !important;
opacity: 1;
z-index: 5;
}
body.bp-index6 #money-back-guarantee .bp-mbg-header {
position: relative;
margin: 0 0 1.15rem;
padding: 0;
}
body.bp-index6 #money-back-guarantee .bp-mbg-header .heading-label {
display: inline-block;
position: relative;
z-index: 1;
margin-bottom: 1.15rem !important;
}
body.bp-index6 #money-back-guarantee .bp-mbg-header .icon-circle {
left: -12px;
top: 2.85rem;
}
body.bp-index6 #money-back-guarantee .bp-mbg-header h2 {
margin-top: 0.85rem !important;
margin-bottom: 1.15rem !important;
padding-top: 0.35rem;
padding-bottom: 0.15rem;
position: relative;
}
body.bp-index6 #money-back-guarantee .bp-mbg-lead {
margin: 0 0 1.35rem;
max-width: 36rem;
}
body.bp-index6 #money-back-guarantee .bp-mbg-cards {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.85rem;
margin: 0 0 1.35rem;
}
body.bp-index6 #money-back-guarantee .bp-mbg-card {
margin: 0;
padding: 1.15rem 1.2rem 1.2rem;
background: #fff;
border: 1px solid #ededed;
border-radius: var(--radius-surface, 1rem);
box-shadow: none;
}
body.bp-index6 #money-back-guarantee .bp-mbg-card-title {
margin: 0 0 0.45rem;
font-size: 1rem;
font-weight: 700;
line-height: 1.3;
color: #0f172a;
}
body.bp-index6 #money-back-guarantee .bp-mbg-card-text {
margin: 0;
font-size: 0.92rem;
line-height: 1.5;
color: rgba(15, 23, 42, 0.72);
}
@media (max-width: 991px) {
body.bp-index6 #money-back-guarantee .bp-mbg-cards {
gap: 0.75rem;
}
}
@media (max-width: 767px) {
body.bp-index6 #money-back-guarantee .bp-mbg-row {
display: block;
}
body.bp-index6 #money-back-guarantee .bp-mbg-visual {
max-width: none;
margin-bottom: 0.75rem;
}
body.bp-index6 #money-back-guarantee .bp-mbg-header .icon-circle {
width: 72px;
height: 72px;
left: -8px;
top: 2.65rem;
}
body.bp-index6 #money-back-guarantee .bp-mbg-cards {
grid-template-columns: 1fr;
}
body.bp-index6 #money-back-guarantee .bp-mbg-copy {
text-align: left !important;
}
}
body.bp-index6 #reviews > .custom-shape-divider-bottom-1621016099 .shape-fill {
fill: #ffffff;
}
body.bp-index6 #money-back-guarantee + #reviews {
margin-top: 0 !important;
}
body.bp-index6 #reviews {
--bp-rv-gap: 1rem;
--bp-rv-card-w: 320px;
--bp-rv-band: #f5f6f8;
background: var(--bp-rv-band);
overflow: hidden;
padding-top: 3.5rem;
}
@media (min-width: 768px) {
body.bp-index6 #reviews {
padding-top: 4.5rem;
}
}
body.bp-index6 #reviews .bp-rv-shell {
position: relative;
width: 100%;
max-width: 1170px;
margin: 0 auto;
padding: 0.25rem 0 0.5rem;
display: flex;
flex-direction: column;
gap: var(--bp-rv-gap);
-webkit-mask-image: linear-gradient(
90deg,
transparent 0%,
#000 7%,
#000 93%,
transparent 100%
);
mask-image: linear-gradient(
90deg,
transparent 0%,
#000 7%,
#000 93%,
transparent 100%
);
}
@media (max-width: 991px) {
body.bp-index6 #reviews .bp-rv-shell {
max-width: none;
-webkit-mask-image: linear-gradient(
90deg,
transparent 0%,
#000 5%,
#000 95%,
transparent 100%
);
mask-image: linear-gradient(
90deg,
transparent 0%,
#000 5%,
#000 95%,
transparent 100%
);
}
}
body.bp-index6 #reviews .bp-rv-row {
overflow: hidden;
width: 100%;
}
body.bp-index6 #reviews .bp-rv-row--right {
margin-left: calc(var(--bp-rv-card-w) * -0.35);
width: calc(100% + var(--bp-rv-card-w) * 0.7);
}
body.bp-index6 #reviews .bp-rv-track {
display: flex;
width: max-content;
will-change: transform;
}
body.bp-index6 #reviews .bp-rv-row--left .bp-rv-track {
animation: bp-rv-marquee-left 95s linear infinite;
}
body.bp-index6 #reviews .bp-rv-row--right .bp-rv-track {
animation: bp-rv-marquee-right 105s linear infinite;
}
body.bp-index6 #reviews .bp-rv-shell:hover .bp-rv-track,
body.bp-index6 #reviews .bp-rv-shell:focus-within .bp-rv-track {
animation-play-state: paused;
}
@keyframes bp-rv-marquee-left {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}
@keyframes bp-rv-marquee-right {
from { transform: translateX(-50%); }
to { transform: translateX(0); }
}
@media (prefers-reduced-motion: reduce) {
body.bp-index6 #reviews .bp-rv-track {
animation: none !important;
transform: none !important;
}
}
body.bp-index6 #reviews .bp-rv-set {
display: flex;
gap: var(--bp-rv-gap);
padding-right: var(--bp-rv-gap);
flex: 0 0 auto;
}
body.bp-index6 #reviews .bp-rv-card {
flex: 0 0 var(--bp-rv-card-w);
width: var(--bp-rv-card-w);
height: 248px;
display: flex;
flex-direction: column;
padding: 1.25rem 1.35rem 1.15rem;
background: #fff;
border: 1px solid #ededed;
border-radius: var(--radius-surface, 1rem);
box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
text-align: left;
overflow: hidden;
}
body.bp-index6 #reviews .bp-rv-card-title {
margin: 0 0 0.55rem;
font-size: 1rem;
font-weight: 700;
line-height: 1.3;
color: #1d1d1d;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
body.bp-index6 #reviews .bp-rv-card-meta {
display: flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 0.65rem;
flex: 0 0 auto;
}
body.bp-index6 #reviews .bp-rv-card-stars {
display: inline-flex;
align-items: center;
gap: 2px;
}
body.bp-index6 #reviews .bp-rv-star {
display: block;
width: 14px;
height: 14px;
}
body.bp-index6 #reviews .bp-rv-card-package {
font-size: 0.8125rem;
color: #9ca3af;
line-height: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-width: 0;
}
body.bp-index6 #reviews .bp-rv-card-body {
margin: 0;
flex: 1 1 auto;
min-height: 0;
font-size: 0.875rem;
line-height: 1.45;
color: #5b6472;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
body.bp-index6 #reviews .bp-rv-card-user {
display: flex;
align-items: center;
gap: 0.65rem;
margin-top: 0.85rem;
flex: 0 0 auto;
}
body.bp-index6 #reviews .bp-rv-avatar {
width: 36px;
height: 36px;
border-radius: 50%;
object-fit: cover;
background: #f3f4f6;
border: 1px solid #ededed;
flex: 0 0 auto;
}
body.bp-index6 #reviews .bp-rv-avatar--default {
object-fit: contain;
padding: 6px;
}
body.bp-index6 #reviews .bp-rv-card-name {
font-size: 0.875rem;
font-weight: 600;
color: #1d1d1d;
text-decoration: none !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-width: 0;
}
body.bp-index6 #reviews .bp-rv-card-name:hover,
body.bp-index6 #reviews .bp-rv-card-name:focus {
color: #0287ed;
}
@media (max-width: 767px) {
body.bp-index6 #reviews {
--bp-rv-card-w: 280px;
--bp-rv-gap: 0.75rem;
}
body.bp-index6 #content.content > #money-back-guarantee,
body.bp-index6 #money-back-guarantee {
background: #ffffff none !important;
background-color: #ffffff !important;
background-image: none !important;
}
body.bp-index6 #content.content > #reviews,
body.bp-index6 #reviews,
body.bp-index6 #reviews.reviews1 {
background: #f5f7fa none !important;
background-color: #f5f7fa !important;
background-image: none !important;
}
body.bp-index6 #content.content > #money-back-guarantee > .custom-shape-divider-bottom-1621016099 {
display: block !important;
}
body.bp-index6 #content.content > #money-back-guarantee > .custom-shape-divider-bottom-1621016099 .shape-fill,
body.bp-index6 #money-back-guarantee > .custom-shape-divider-bottom-1621016099 .shape-fill {
fill: #f5f7fa;
}
body.bp-index6 #reviews .bp-rv-card {
height: 236px;
padding: 1.1rem 1.15rem 1rem;
}
body.bp-index6 #reviews .bp-rv-row--left .bp-rv-track {
animation-duration: 75s;
}
body.bp-index6 #reviews .bp-rv-row--right .bp-rv-track {
animation-duration: 85s;
}
}
body.bp-index6 #reviews {
padding-bottom: 4.5rem !important;
}
body.bp-index6 #reviews .bp-rv-shell + .container {
margin-top: 1.75rem;
margin-bottom: 4.5rem;
padding-bottom: 0;
}
@media (min-width: 768px) {
body.bp-index6 #reviews {
padding-bottom: 6rem !important;
}
body.bp-index6 #reviews .bp-rv-shell + .container {
margin-top: 2rem;
margin-bottom: 9.5rem;
}
}
body.bp-index6 .bp-vt-dot {
width: 8px;
height: 8px;
padding: 0;
border: 0;
border-radius: 999px;
background: #c4c9d2;
cursor: pointer;
position: relative;
z-index: 7;
pointer-events: auto;
transition: background 200ms ease, width 200ms ease;
}
body.bp-index6 .bp-vt-dot::before {
content: "";
position: absolute;
inset: -10px;
}
body.bp-index6 .bp-vt-dot:hover,
body.bp-index6 .bp-vt-dot:focus {
background: #9ca3af;
outline: none;
}
body.bp-index6 .bp-vt-dot.is-active {
width: 22px;
background: #0287ed;
}
@media (max-width: 991px) and (min-width: 768px) {
body.bp-index6 .bp-vt-desktop {
--bp-vt-per-page: 2;
--bp-vt-gap: 14px;
padding-left: 48px;
padding-right: 48px;
}
body.bp-index6 .bp-vt-frame {
max-width: none;
width: 100%;
}
body.bp-index6 .bp-vt-nav {
width: 40px;
height: 40px;
margin-top: -20px;
}
body.bp-index6 .bp-vt-nav--prev {
left: -48px;
}
body.bp-index6 .bp-vt-nav--next {
right: -48px;
}
}
body.bp-index6 {
--bp-footer-bg: #0e2744;
--bp-footer-bg-deep: #0a1e36;
--bp-footer-text: rgba(255, 255, 255, 0.72);
--bp-footer-text-strong: #ffffff;
--bp-footer-link: rgba(255, 255, 255, 0.9);
--bp-footer-link-hover: #a8c4f0;
--bp-footer-muted: rgba(255, 255, 255, 0.55);
--bp-footer-rule: rgba(255, 255, 255, 0.12);
}
body.bp-index6 .main-footer {
background: linear-gradient(
180deg,
var(--bp-footer-bg) 0%,
var(--bp-footer-bg) 35%,
var(--bp-footer-bg-deep) 100%
) !important;
color: var(--bp-footer-text);
}
body.bp-index6 .main-footer .custom-shape-divider-top-1621081063 .shape-fill {
fill: #ffffff;
}
body.bp-index6 .main-footer p,
body.bp-index6 .main-footer .lqd-column,
body.bp-index6 .main-footer .footer-copyright-block {
color: var(--bp-footer-text);
}
body.bp-index6 .main-footer span {
color: inherit;
}
body.bp-index6 .main-footer h3.widget-title,
body.bp-index6 .main-footer .widget-title {
font-size: var(--text-lg, 1.125rem) !important;
font-weight: 700 !important;
line-height: 1.35 !important;
color: var(--bp-footer-text-strong) !important;
margin-bottom: 1.25rem;
}
body.bp-index6 .main-footer h3.widget-title span,
body.bp-index6 .main-footer .widget-title span,
body.bp-index6 .main-footer h3.widget-title .hidden-md {
color: var(--bp-footer-text-strong) !important;
}
body.bp-index6 .main-footer a:not(.btn),
body.bp-index6 .main-footer a:not(.btn) b {
color: var(--bp-footer-link) !important;
text-decoration: none !important;
}
body.bp-index6 .main-footer a:not(.btn):hover,
body.bp-index6 .main-footer a:not(.btn):focus,
body.bp-index6 .main-footer a:not(.btn):focus-visible {
color: var(--bp-footer-link-hover) !important;
text-decoration: underline !important;
text-decoration-color: rgba(168, 196, 240, 0.85) !important;
text-underline-offset: 0.2em;
text-decoration-thickness: 1px;
}
body.bp-index6 .main-footer a:has(img),
body.bp-index6 .main-footer a:has(.logo-default),
body.bp-index6 .main-footer .dmca-badge,
body.bp-index6 .main-footer .inline-circle {
text-decoration: none !important;
}
body.bp-index6 .main-footer .logo-default {
content: url("/assets/img/BrandPush-Logo-White.svg");
}
body.bp-index6 .main-footer .footer-social-icons a,
body.bp-index6 .main-footer .footer-social-icons a:hover,
body.bp-index6 .main-footer .footer-social-icons a:focus-visible {
text-decoration: none !important;
}
body.bp-index6 .main-footer .footer-social-icons a {
background: #ffffff !important;
border-color: #ffffff !important;
color: var(--bp-footer-bg) !important;
}
body.bp-index6 .main-footer .footer-social-icons a i,
body.bp-index6 .main-footer .footer-social-icons a i::before {
color: inherit !important;
}
body.bp-index6 .main-footer .footer-social-icons a:hover,
body.bp-index6 .main-footer .footer-social-icons a:focus-visible {
background: var(--bp-footer-link) !important;
border-color: var(--bp-footer-link) !important;
color: var(--bp-footer-bg) !important;
}
body.bp-index6 .main-footer .footer-community-facebook .inline-circle img {
border-color: rgba(255, 255, 255, 0.2);
background: rgba(255, 255, 255, 0.08);
}
body.bp-index6 .main-footer .footer-community-dmca,
body.bp-index6 .main-footer .footer-gdpr-wrap {
display: inline-flex;
align-items: center;
}
body.bp-index6 .main-footer .footer-gdpr-link,
body.bp-index6 .main-footer .footer-community-dmca .dmca-badge {
display: inline-flex !important;
align-items: stretch;
height: 36px !important;
border-radius: 6px !important;
overflow: hidden;
line-height: 0;
vertical-align: middle;
}
body.bp-index6 .main-footer .footer-gdpr-badge,
body.bp-index6 .main-footer .footer-community-dmca .dmca-badge > img,
body.bp-index6 .main-footer .footer-community-dmca .dmca-badge img {
display: block !important;
height: 36px !important;
width: auto !important;
max-width: none !important;
max-height: 36px !important;
border-radius: 0 !important;
object-fit: cover;
object-position: left center;
}
body.bp-index6 .main-footer .bt-fade-white-015 {
background: transparent !important;
border-top: 1px solid var(--bp-footer-rule);
box-shadow: none !important;
}
body.bp-index6 .main-footer .footer-accordion-toggle {
color: var(--bp-footer-text-strong) !important;
background: transparent;
border: 0;
text-decoration: none !important;
}
body.bp-index6 .main-footer .footer-accordion-icon {
color: var(--bp-footer-muted);
}
body.bp-index6 #ai-authority-framework {
display: block !important;
}
body.bp-index6 #wrap #benefits {
overflow: visible !important;
position: relative;
z-index: 3;
background: #fff !important;
background-color: #fff !important;
background-image: none !important;
padding-bottom: clamp(6.5rem, 12vw, 9.5rem) !important;
}
body.bp-index6 #benefits .bp-benefit-kpi {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: baseline;
gap: 0.45rem 0.65rem;
margin: 1.1rem 0 1.35rem;
padding: 0;
}
body.bp-index6 #benefits .bp-benefit-kpi-value {
margin: 0;
font-size: 2rem;
font-weight: 700;
line-height: 1.1;
letter-spacing: -0.02em;
color: #1d1d1d;
}
body.bp-index6 #benefits .bp-benefit-kpi-label {
margin: 0;
font-size: 0.9375rem;
font-weight: 500;
line-height: 1.35;
color: #737373;
}
body.bp-index6 #benefits .bp-benefit-kpi-label .fa-chevron-right {
margin-left: 0.3rem;
font-size: 0.78em;
vertical-align: 0.05em;
}
@media (min-width: 992px) {
body.bp-index6 #trust-badge .bp5-ben .badgepanel {
top: 355px !important;
}
}
body.bp-index6 #wrap #benefits > .container > #ai-authority-framework,
body.bp-index6 #wrap #benefits #ai-authority-framework {
width: 100%;
}
body.bp-index6 #wrap #benefits > .container {
position: relative;
z-index: 1;
overflow: visible !important;
}
body.bp-index6 #wrap #content.content > #benefits > .custom-shape-divider-bottom-1621016099,
body.bp-index6 #wrap #benefits > .custom-shape-divider-bottom-1621016099 {
z-index: 30;
pointer-events: none;
display: block !important;
}
body.bp-index6 #wrap #benefits > .custom-shape-divider-bottom-1621016099 .shape-fill {
fill: #f5f7fa !important;
}
body.bp-index6 #wrap #benefits #ai-authority-framework {
--aaf-ink: var(--bp-hero-text, #fff);
--aaf-body: var(--bp-hero-text-soft, rgba(255, 255, 255, 0.68));
--aaf-muted: var(--bp-hero-text-muted, rgba(255, 255, 255, 0.52));
--aaf-accent: #7ec2ff;
--aaf-border: #e5e7eb;
--aaf-shadow: 0 10px 28px rgba(8, 24, 48, 0.22);
--aaf-shadow-lg: 0 22px 48px rgba(8, 24, 48, 0.32);
--aaf-radius: var(--radius-surface, 1rem);
box-sizing: border-box;
width: 100%;
max-width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: clamp(1.75rem, 3.5vw, 2.75rem) !important;
margin-bottom: calc(-1 * clamp(6.5rem, 12vw, 9.5rem)) !important;
padding-top: clamp(3.25rem, 6vw, 4.75rem) !important;
padding-bottom: clamp(14rem, 24vw, 20rem) !important;
padding-left: 0 !important;
padding-right: 0 !important;
position: relative;
z-index: 1;
color: var(--aaf-body);
background-color: var(--bp-hero-navy) !important;
background-image:
radial-gradient(ellipse 85% 65% at 12% 18%, var(--bp-hero-navy-glow), transparent 58%),
radial-gradient(ellipse 70% 55% at 88% 28%, var(--bp-hero-navy-glow-2), transparent 52%),
linear-gradient(165deg, var(--bp-hero-navy-mid) 0%, var(--bp-hero-navy) 48%, var(--bp-hero-navy-deep) 100%) !important;
background-size: cover;
background-repeat: no-repeat;
background-position: top left;
background-clip: border-box;
border-radius: var(--aaf-radius) var(--aaf-radius) 0 0;
border: 0;
overflow: visible !important;
}
body.bp-index6 #benefits #ai-authority-framework > .row > .lqd-column {
padding-bottom: 0 !important;
}
body.bp-index6 #wrap #benefits #ai-authority-framework .aaf-header {
text-align: center !important;
margin-top: 0 !important;
margin-bottom: 3.5rem !important;
margin-left: auto !important;
margin-right: auto !important;
max-width: 48rem;
padding: 0;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-header .heading-label {
display: inline-block;
background: #fff !important;
color: #5b6b7c;
border-color: rgba(255, 255, 255, 0.55) !important;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-header h2 {
margin: 0 0 0.65rem;
color: var(--aaf-ink) !important;
text-align: center !important;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-header .lead {
margin: 0 auto;
max-width: 760px;
color: var(--aaf-body) !important;
text-align: center !important;
font-size: var(--text-xl, 1.25rem) !important;
line-height: var(--leading-relaxed, 1.65) !important;
font-weight: var(--weight-medium, 500);
}
body.bp-index6 #benefits #ai-authority-framework .aaf-signals {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.25rem 1.5rem;
margin: 0;
padding: 0;
list-style: none;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-track-ai {
margin: 3rem 0 2.5rem;
text-align: center;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-track-ai-label {
margin: 0 0 0.85rem;
color: var(--aaf-muted);
font-size: 0.9375rem;
font-weight: 500;
line-height: 1.35;
letter-spacing: 0.01em;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-track-ai-logos {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 0.75rem;
margin: 0;
padding: 0;
list-style: none;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-track-ai-logos li {
display: inline-flex;
align-items: center;
gap: 0.55rem;
margin: 0;
padding: 0.65rem 1.05rem 0.65rem 0.7rem;
border: 1px solid #e5e7eb;
border-radius: 999px;
background: #fff;
color: #374151;
font-family: var(--font-sans, inherit);
font-size: 0.875rem;
font-weight: 500;
line-height: 1.2;
white-space: nowrap;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
box-sizing: border-box;
}
@media (hover: hover) and (pointer: fine) {
body.bp-index6 #benefits #ai-authority-framework .aaf-track-ai-logos li {
transition:
transform var(--dur-base, 200ms) var(--ease-out, cubic-bezier(0.23, 1, 0.32, 1)),
box-shadow var(--dur-base, 200ms) ease,
border-color var(--dur-base, 200ms) ease,
color var(--dur-fast, 160ms) ease;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-track-ai-logos li:hover {
transform: translateY(-1px) scale(1.02);
box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
border-color: #0587ed;
color: #0587ed;
}
}
@media (prefers-reduced-motion: reduce) {
body.bp-index6 #benefits #ai-authority-framework .aaf-track-ai-logos li {
transition: none !important;
transform: none !important;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-track-ai-logos li:hover {
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
border-color: #e5e7eb;
color: #374151;
}
}
body.bp-index6 #benefits #ai-authority-framework .aaf-track-ai-mark {
display: inline-flex;
flex: 0 0 22px;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
border-radius: 50%;
background: transparent;
box-shadow: none;
overflow: hidden;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-track-ai-mark img {
display: block;
width: 22px;
height: 22px;
object-fit: contain;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-track-ai-name {
color: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: 0;
white-space: nowrap;
}
@media (max-width: 767px) {
body.bp-index6 #benefits #ai-authority-framework .aaf-track-ai {
margin: 2.5rem 0 2.15rem;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-track-ai-logos {
gap: 0.55rem;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-track-ai-logos li {
padding: 0.55rem 0.9rem 0.55rem 0.6rem;
font-size: 0.8125rem;
}
}
body.bp-index6 #benefits #ai-authority-framework .aaf-signal {
display: flex;
align-items: flex-start;
gap: 0.85rem;
margin: 0;
background: transparent;
border: 0;
box-shadow: none;
padding: 0;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-signal-num {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 1.8em;
width: 1.8em;
height: 1.8em;
border-radius: 50%;
background-color: #71a986;
color: #fff;
font-size: 15px;
font-weight: 700;
line-height: 1;
letter-spacing: 0;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-signal-content {
min-width: 0;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-signal-title {
margin: 0 0 0.25rem;
font-size: var(--text-base, 1rem);
font-weight: 600;
line-height: 1.3;
color: var(--aaf-ink) !important;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-signal-desc {
margin: 0;
font-size: 0.9375rem;
line-height: 1.5;
color: var(--aaf-body) !important;
font-weight: 500;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-stack {
position: relative;
width: 100%;
max-width: 100%;
margin: 0 auto -12.5rem;
padding: 1.5rem 0 0;
z-index: 2;
pointer-events: none;
overflow: visible !important;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-stack-inner {
position: relative;
width: 90%;
max-width: 920px;
margin: 0 auto;
min-height: 30.5rem;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-mock {
position: absolute;
top: 0;
width: 54%;
max-width: 400px;
pointer-events: auto;
transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.28s ease;
will-change: transform;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-mock-fade {
width: 100%;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-feed-arrows-fade {
position: absolute;
inset: 0;
z-index: 12;
pointer-events: none;
opacity: 0;
transition: opacity 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
body.bp-index6 #benefits #ai-authority-framework .aaf-feed-arrows-fade.is-visible {
opacity: 1;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-mock--bi {
left: 0;
z-index: 1;
transform: translate(-8%, 6.25rem) rotate(-2.5deg) !important;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-mock--ap {
right: 0;
left: auto;
z-index: 1;
transform: translate(8%, 6.25rem) rotate(2.5deg) !important;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-mock--chatgpt {
left: 50%;
width: 62%;
max-width: 440px;
z-index: 3;
transform: translateX(-50%) translateY(1.5rem) !important;
top: 0;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-mock--bi:hover {
transform: translate(-14%, 5rem) rotate(-2.5deg) !important;
z-index: 25;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-mock--ap:hover {
transform: translate(14%, 5rem) rotate(2.5deg) !important;
z-index: 25;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-mock--chatgpt:hover {
transform: translateX(-50%) translateY(0.75rem) !important;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-feed-arrows {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
z-index: 12;
pointer-events: none;
overflow: visible;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-feed-arrow {
fill: #64a0e6;
stroke: #fff;
stroke-width: 6.5;
stroke-linejoin: round;
stroke-linecap: round;
paint-order: stroke fill;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-mock--chatgpt .ai-answer-card-wrap {
max-width: none;
width: 100%;
margin: 0;
border-radius: var(--aaf-radius, 1rem);
overflow: hidden;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-mock--chatgpt .ai-answer-card.ai-chatgpt-window {
max-width: none;
width: 100%;
margin: 0;
min-height: 29rem;
border-radius: var(--aaf-radius, 1rem) !important;
overflow: hidden;
box-shadow: var(--aaf-shadow-lg);
background: #fff !important;
border: 1px solid var(--aaf-border);
}
body.bp-index6 #benefits #ai-authority-framework .aaf-mock--chatgpt .ai-chatgpt-body {
padding-bottom: 0.65rem;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-mock--chatgpt .ai-chatgpt-sources {
margin-bottom: 1.15rem;
position: relative;
z-index: 1;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-mock--chatgpt .ai-chatgpt-header {
background: #fff !important;
border-bottom: 1px solid #eceff3 !important;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-mock--chatgpt .ai-chatgpt-composer {
margin: 3.35rem 0.9rem 0.75rem !important;
min-height: 0 !important;
padding: 0.42rem 0.42rem 0.42rem 0.9rem !important;
flex: 0 0 auto;
background: #fff;
display: flex !important;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-mock--chatgpt .ai-chatgpt-window::after {
content: "";
display: block !important;
flex: 0 0 4rem;
height: 4rem;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-mock-panel {
display: flex;
flex-direction: column;
min-height: 28.5rem;
border: 1px solid var(--aaf-border);
border-radius: var(--radius-surface, 1rem);
box-shadow: var(--aaf-shadow);
overflow: hidden;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-news-card--bi {
background: #fff;
border-color: #e6e8ec;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-news-card--ap {
background: #fafafa;
border-color: #d8d8d8;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-news-head {
display: flex;
align-items: center;
gap: 0.55rem;
padding: 0.8rem 1rem;
border-bottom: 1px solid #eceff3;
background: #fff;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-news-card--bi .aaf-news-head {
background: #fff;
border-bottom: 1px solid #eceff3;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-news-card--ap .aaf-news-head {
background: #fff;
border-bottom: 1px solid #eceff3;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-mock-logo {
flex: 0 0 18px;
width: 18px;
height: 18px;
object-fit: contain;
border-radius: 3px;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-mock-title {
color: #1d1d1d;
font-size: 0.9375rem;
font-weight: 700;
line-height: 1.2;
white-space: nowrap;
letter-spacing: -0.01em;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-news-card--ap .aaf-mock-title {
color: #1d1d1d;
font-weight: 700;
letter-spacing: -0.01em;
text-transform: none;
font-size: 0.9375rem;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-news-body {
display: flex;
flex-direction: column;
flex: 1 1 auto;
padding: 0.95rem 1.05rem 1.2rem;
min-height: 0;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-news-kicker {
margin: 0 0 0.35rem;
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
line-height: 1.2;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-news-card--bi .aaf-news-kicker {
color: #d0021b;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-news-card--ap .aaf-news-kicker {
color: #666;
letter-spacing: 0.04em;
font-weight: 600;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-news-headline {
margin: 0 0 0.75rem;
color: #111;
font-size: 1.05rem;
font-weight: 700;
line-height: 1.25;
letter-spacing: -0.02em;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-news-card--bi .aaf-news-headline {
font-family: Georgia, "Times New Roman", serif;
font-size: 1.12rem;
font-weight: 700;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-news-card--ap .aaf-news-headline {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1rem;
font-weight: 700;
letter-spacing: -0.015em;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-news-image {
width: 100%;
height: 7.5rem;
margin: 0 0 0.7rem;
border-radius: 0.35rem;
background:
linear-gradient(135deg, rgba(14, 39, 68, 0.08), rgba(14, 39, 68, 0.02)),
url("/assets/img/aaf-eco-cleaning-unsplash.jpg") center / cover no-repeat;
flex: 0 0 auto;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-news-card--ap .aaf-news-image {
border-radius: 0;
height: 7.1rem;
background:
linear-gradient(180deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.12)),
url("/assets/img/aaf-eco-cleaning-unsplash.jpg") center / cover no-repeat;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-news-meta {
margin: 0 0 0.55rem;
color: #6b7280;
font-size: 0.6875rem;
line-height: 1.35;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-news-card--ap .aaf-news-meta {
color: #555;
text-transform: uppercase;
letter-spacing: 0.03em;
font-size: 0.625rem;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-news-byline {
font-weight: 700;
color: #222;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-news-excerpt {
margin: 0;
color: #374151;
font-size: 0.8125rem;
line-height: 1.45;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-news-excerpt--2 {
margin-top: 0.55rem;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-news-card--bi .aaf-news-excerpt {
color: #2b2b2b;
font-size: 0.8rem;
line-height: 1.5;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-news-card--ap .aaf-news-excerpt {
color: #222;
font-size: 0.78rem;
line-height: 1.5;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-news-card--ap .aaf-news-excerpt:first-of-type {
border-top: 1px solid #e2e2e2;
padding-top: 0.65rem;
}
@media (min-width: 768px) and (max-width: 991px) {
body.bp-index6 #benefits #ai-authority-framework .aaf-signals {
gap: 1rem;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-signal-desc {
font-size: 0.875rem;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-stack-inner {
width: 96%;
min-height: 26rem;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-mock--chatgpt {
width: 64%;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-mock-panel,
body.bp-index6 #benefits #ai-authority-framework .aaf-mock--chatgpt .ai-answer-card.ai-chatgpt-window {
min-height: 25rem;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-stack {
margin-bottom: -8rem;
}
body.bp-index6 #wrap #benefits > .custom-shape-divider-bottom-1621016099 svg {
height: 110px !important;
}
}
@media (max-width: 767px) {
body.bp-index6 #wrap #benefits #ai-authority-framework {
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: calc(-1 * 3.5rem) !important;
padding: 2rem 1rem 5rem !important;
border-radius: var(--radius-surface, 1rem) var(--radius-surface, 1rem) 0 0;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-header {
margin-bottom: 2rem !important;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-header,
body.bp-index6 #benefits #ai-authority-framework .aaf-header h2,
body.bp-index6 #benefits #ai-authority-framework .aaf-header .lead {
text-align: center !important;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-header {
margin-bottom: 1.15rem;
max-width: none;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-header .lead {
max-width: none;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-signals {
grid-template-columns: 1fr;
gap: 0.95rem;
margin-bottom: 1.15rem;
text-align: left;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-stack {
margin-bottom: -6.5rem;
overflow: visible;
width: 100%;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-stack-inner {
width: 118%;
max-width: none;
min-height: 24rem;
margin-left: -9%;
margin-right: -9%;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-mock--bi,
body.bp-index6 #benefits #ai-authority-framework .aaf-mock--ap {
width: 78%;
max-width: none;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-mock--bi {
left: -22%;
transform: translateY(3rem) rotate(-3deg) scale(0.9) !important;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-mock--ap {
right: -22%;
left: auto;
transform: translateY(3rem) rotate(3deg) scale(0.9) !important;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-mock--bi:hover {
transform: translate(-0.45rem, 2.15rem) rotate(-3deg) scale(0.9) !important;
z-index: 25;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-mock--ap:hover {
transform: translate(0.45rem, 2.15rem) rotate(3deg) scale(0.9) !important;
z-index: 25;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-mock--chatgpt {
width: 92%;
max-width: 380px;
top: 0.25rem;
transform: translateX(-50%) !important;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-mock-panel,
body.bp-index6 #benefits #ai-authority-framework .aaf-mock--chatgpt .ai-answer-card.ai-chatgpt-window {
min-height: 23.5rem;
}
body.bp-index6 #benefits #ai-authority-framework .aaf-mock-sources {
padding-bottom: 3.25rem;
}
body.bp-index6 #wrap #benefits > .custom-shape-divider-bottom-1621016099 svg,
body.bp-index6 #benefits > .custom-shape-divider-bottom-1621016099 svg {
width: calc(150% + 1.3px) !important;
height: 72px !important;
}
}
@media (prefers-reduced-motion: reduce) {
body.bp-index6 #benefits #ai-authority-framework .aaf-mock {
transition: none;
}
}
body.bp-index6 #pricing .pricing-upsell-row,
body.bp-index6 #wrap #pricing .pricing-upsell-row {
margin-top: 0 !important;
padding-top: 1.25rem !important;
}
@media (min-width: 992px) {
body.bp-index6 #pricing .pricing-upsell-row,
body.bp-index6 #wrap #pricing .pricing-upsell-row {
padding-top: 1.5rem !important;
}
}
body.bp-index6 .pricing-upsell-row > .row > .row {
display: flex;
flex-wrap: wrap;
margin-left: -12px;
margin-right: -12px;
}
body.bp-index6 .pricing-upsell-row .bp-upsell-col {
display: flex;
padding-left: 12px;
padding-right: 12px;
}
body.bp-index6 .bp-upsell-card {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
margin: 0;
padding: 1.5rem 1.6rem 1.4rem;
box-sizing: border-box;
}
body.bp-index6 .bp-upsell-card .contents {
display: flex;
flex-direction: column;
flex: 1 1 auto;
width: 100%;
min-height: 0;
}
body.bp-index6 .bp-upsell-head {
margin: 0 0 0.55rem;
}
body.bp-index6 .bp-upsell-head h3 {
margin: 0 0 0.2rem;
font-size: 1.2rem;
font-weight: 700;
line-height: 1.25;
color: #1d1d1d;
}
body.bp-index6 .bp-upsell-kicker {
margin: 0;
font-size: 0.9375rem;
font-weight: 500;
line-height: 1.35;
color: #4b5563;
}
body.bp-index6 .bp-upsell-desc {
margin: 0 0 0.85rem;
font-size: 0.9375rem;
line-height: 1.5;
color: #6b7280;
}
body.bp-index6 .bp-upsell-benefits {
list-style: none;
margin: 0 0 0.85rem;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.45rem;
}
body.bp-index6 .bp-upsell-benefits li {
display: flex;
align-items: flex-start;
gap: 0.45rem;
margin: 0;
font-size: 0.9375rem;
font-weight: 500;
line-height: 1.35;
color: #374151;
}
body.bp-index6 .bp-upsell-benefits li i {
flex-shrink: 0;
margin-top: 0.12em;
font-size: 1em;
line-height: 1;
}
body.bp-index6 .bp-upsell-highlight {
font-weight: 700;
color: #0f172a;
letter-spacing: -0.01em;
}
body.bp-index6 .bp-upsell-cta {
margin-top: auto;
padding-top: 0;
}
body.bp-index6 .bp-upsell-cta .btn {
margin-top: 0 !important;
}
@media (max-width: 767px) {
body.bp-index6 .pricing-upsell-row .bp-upsell-col + .bp-upsell-col {
margin-top: 1rem;
}
}
body.bp-index7 {
--bp7-content-max: 1140px;
--bp7-viewport-inset: 48px;
--bp7-intro-max: var(--bp7-content-max);
--bp7-feature-copy-max: 540px;
--bp7-layout-gap: clamp(3rem, 4.5vw, 4rem);
--bp7-control-height: 48px;
--section-wave-gap: 80px;
--section-wave-gap-after: 24px;
--section-wave-gap-connected: 64px;
--section-wave-gap-connected-after: 20px;
--section-wave-height: 150px;
--bp7-benefit-block-gap: 48px;
--section-group-gap: var(--bp7-benefit-block-gap);
--bp7-frame-pad-top: 48px;
--bp7-card-grid-gap: 24px;
}
@media (min-width: 768px) {
body.bp-index7 {
--bp7-benefit-block-gap: 64px;
--bp7-frame-pad-top: 64px;
}
}
@media (min-width: 1200px) {
body.bp-index7 {
--bp7-benefit-block-gap: 6.875rem;
--bp7-frame-pad-top: 6.875rem;
}
}
@media (max-width: 991px) {
body.bp-index7 {
--section-wave-gap: 64px;
--section-wave-gap-after: 20px;
--section-wave-gap-connected: 48px;
--section-wave-gap-connected-after: 16px;
}
}
@media (max-width: 767px) {
body.bp-index7 {
--section-wave-gap: 48px;
--section-wave-gap-after: 16px;
--section-wave-gap-connected: 40px;
--section-wave-gap-connected-after: 16px;
}
}
body.bp-index7 #content section .heading-label.bg-white,
body.bp-index7 #content #package-addons .heading-label.bg-white,
body.bp-index7 #wrap #benefits header.fancy-title .heading-label,
body.bp-index7 #benefits #ai-authority-framework .aaf-header .heading-label,
body.bp-index7 #money-back-guarantee .bp-mbg-header .heading-label,
body.bp-index7 #how-it-works .how-it-works-header .heading-label,
body.bp-index7 #how-it-works .how-it-works-subhead .heading-label {
display: inline-block !important;
width: auto !important;
max-width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 0.75rem !important;
padding: 8px 24px !important;
border: 1px solid #e5e7eb !important;
border-radius: 9999px !important;
background: #fff !important;
color: #737373 !important;
font-size: 12px !important;
font-weight: 500 !important;
letter-spacing: 0.72px !important;
line-height: 1.6 !important;
text-transform: uppercase !important;
box-shadow: none !important;
}
body.bp-index7 #content #package-addons .bp7-addon-header .heading-label.bg-white {
margin-bottom: 0 !important;
}
body.bp-index7 #content section header:has(> .heading-label.bg-white) > h2,
body.bp-index7 #content section .heading-label.bg-white + h2,
body.bp-index7 #how-it-works .how-it-works-subhead-title {
width: 100% !important;
max-width: none !important;
margin-top: 0 !important;
margin-bottom: 1rem !important;
padding-top: 0.5rem !important;
padding-bottom: 0 !important;
font-family: inherit;
font-size: clamp(1.875rem, 2.8vw, 3.125rem) !important;
font-weight: 700 !important;
line-height: 1.15 !important;
letter-spacing: -0.02em !important;
color: #1d1d1d !important;
}
body.bp-index7 #wrap #benefits #ai-authority-framework .aaf-header h2,
body.bp-index7 #benefits #ai-authority-framework .aaf-header h2 {
width: 100% !important;
max-width: none !important;
margin-top: 0 !important;
margin-bottom: 1rem !important;
padding-top: 0.5rem !important;
padding-bottom: 0 !important;
font-size: clamp(1.875rem, 2.8vw, 3.125rem) !important;
font-weight: 700 !important;
line-height: 1.15 !important;
letter-spacing: -0.02em !important;
color: var(--aaf-ink, #fff) !important;
}
body.bp-index7 #money-back-guarantee .bp-mbg-header {
margin-bottom: 0 !important;
}
body.bp-index7 #money-back-guarantee .bp-mbg-header-note {
margin: 3rem 0 0.625rem;
color: #9ca3af;
font-weight: 400;
line-height: 1.4;
}
body.bp-index7 #money-back-guarantee .bp-mbg-header-note a {
color: #0287ed;
font-size: inherit;
font-weight: inherit;
text-decoration: none;
}
body.bp-index7 #money-back-guarantee .bp-mbg-header-note a:hover,
body.bp-index7 #money-back-guarantee .bp-mbg-header-note a:focus-visible {
color: #006fc9;
text-decoration: underline;
text-underline-offset: 0.2em;
}
body.bp-index7 #money-back-guarantee .bp-mbg-header-note a:hover::after,
body.bp-index7 #money-back-guarantee .bp-mbg-header-note a:focus-visible::after {
text-decoration: none;
}
body.bp-index7 #money-back-guarantee .bp-mbg-header h2 {
margin-top: 0 !important;
margin-bottom: 1rem !important;
margin-left: 0 !important;
padding-top: 0.5rem !important;
padding-bottom: 0 !important;
padding-left: 0 !important;
font-size: clamp(1.875rem, 2.8vw, 3.125rem) !important;
font-weight: 700 !important;
line-height: 1.15 !important;
letter-spacing: -0.02em !important;
text-wrap: wrap !important;
white-space: normal !important;
}
body.bp-index7 #content section header:has(> .heading-label.bg-white) > h2 + p.lead,
body.bp-index7 #content section header:has(> .heading-label.bg-white) > p.lead,
body.bp-index7 #content section header:has(> .heading-label.bg-white) + p.lead,
body.bp-index7 #how-it-works .how-it-works-subhead + p.lead,
body.bp-index7 #money-back-guarantee .bp-mbg-lead {
width: 100% !important;
max-width: none !important;
margin-top: 0 !important;
margin-bottom: 1.5rem !important;
padding-top: 0 !important;
padding-right: 0 !important;
padding-bottom: 0 !important;
padding-left: 0 !important;
font-family: inherit;
font-size: 1.25rem !important;
font-weight: 400 !important;
line-height: 1.65 !important;
letter-spacing: normal !important;
color: #737373 !important;
}
body.bp-index7 #wrap #benefits #ai-authority-framework .aaf-header .lead,
body.bp-index7 #benefits #ai-authority-framework .aaf-header .lead {
width: 100% !important;
max-width: none !important;
margin-top: 0 !important;
margin-bottom: 1.5rem !important;
font-size: 1.25rem !important;
font-weight: 400 !important;
line-height: 1.65 !important;
letter-spacing: normal !important;
color: var(--aaf-body, rgba(255, 255, 255, 0.68)) !important;
}
body.bp-index7 #wrap #benefits #ai-authority-framework .aaf-header,
body.bp-index7 #wrap #benefits #ai-authority-framework .aaf-header .lead,
body.bp-index7 #results .bp-results-heading,
body.bp-index7 #results .bp-results-heading h2,
body.bp-index7 #results .bp-results-heading .lead {
max-width: none !important;
width: 100%;
}
@media (min-width: 1200px) {
body.bp-index7 #content section header:has(> .heading-label.bg-white) > h2,
body.bp-index7 #content section .heading-label.bg-white + h2,
body.bp-index7 #benefits #ai-authority-framework .aaf-header h2 {
font-size: 3.125rem !important;
white-space: nowrap !important;
}
body.bp-index7 #content #money-back-guarantee .bp-mbg-header h2,
body.bp-index7 #money-back-guarantee .bp-mbg-header h2 {
font-size: 3.125rem !important;
white-space: normal !important;
}
}
@media (max-width: 767px) {
body.bp-index7 #content section header:has(> .heading-label.bg-white) > h2,
body.bp-index7 #content section .heading-label.bg-white + h2,
body.bp-index7 #how-it-works .how-it-works-subhead-title {
padding-top: 0 !important;
white-space: normal !important;
text-wrap: balance;
}
}
html.bp-index7-root,
body.bp-index7 {
width: 100%;
max-width: 100%;
overflow-x: clip;
}
@media (min-width: 1200px) {
body.bp-index8 #content > section[id] {
scroll-margin-top: var(--sticky-nav-height, 80px);
}
}
body.bp-index7 #wrap,
body.bp-index7 #content {
width: 100%;
max-width: 100%;
}
body.bp-index7 #content > section,
body.bp-index7 #wrap #hero-section,
body.bp-index7 #hero-section,
body.bp-index7 .main-footer {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box;
}
body.bp-index7 .bp7-cta-divider,
body.bp-index7 section.cta1 .bp7-cta-divider {
display: none !important;
}
body.bp-index7 .main-footer.bp8-footer {
position: relative !important;
overflow: visible !important;
}
body.bp-index7 .main-footer .custom-shape-divider-top-1621081063 {
display: block !important;
z-index: 2;
}
body.bp-index7 .main-footer .custom-shape-divider-top-1621081063 .shape-fill {
fill: #ffffff;
}
body.bp-index7 .main-footer {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: linear-gradient(180deg, var(--bp-footer-bg, #0e2744), #091b30) !important;
}
body.bp-index7 .main-footer .bp8-footer-main {
padding: 2.75rem 0 3.5rem;
}
body.bp-index7 .main-footer .bp8-footer-grid {
display: grid;
grid-template-columns: minmax(15rem, 1.25fr) repeat(3, minmax(8rem, 0.75fr));
gap: 2.5rem;
align-items: start;
}
body.bp-index7 .main-footer .bp8-footer-brand .logo-default {
width: 10rem;
margin: 0 0 1.35rem !important;
}
body.bp-index7 .main-footer .bp8-footer-company,
body.bp-index7 .main-footer .bp8-footer-company a {
color: rgba(255, 255, 255, 0.68) !important;
font-size: 0.9375rem !important;
line-height: 1.75 !important;
}
body.bp-index7 .main-footer .bp8-footer-tagline {
display: block;
margin-bottom: 0.7rem;
}
body.bp-index7 .main-footer .bp8-footer-company-name {
font-weight: 600;
}
body.bp-index7 .main-footer .bp8-footer-nav h3,
body.bp-index7 .main-footer .bp8-footer-nav h3.widget-title {
margin: 0 0 1.25rem !important;
color: #fff !important;
font-size: 1.125rem !important;
font-weight: 700 !important;
line-height: 1.35 !important;
letter-spacing: 0;
}
body.bp-index7 .main-footer .bp8-footer-nav ul {
display: grid;
gap: 0.65rem;
}
body.bp-index7 .main-footer .bp8-footer-nav a {
display: inline-flex !important;
align-items: center;
color: rgba(255, 255, 255, 0.76) !important;
font-size: 0.9375rem !important;
line-height: 1.45 !important;
}
body.bp-index7 .main-footer .bp8-footer-nav a:hover,
body.bp-index7 .main-footer .bp8-footer-nav a:focus-visible,
body.bp-index7 .main-footer .bp8-footer-company a:hover,
body.bp-index7 .main-footer .bp8-footer-company a:focus-visible {
color: #fff !important;
}
body.bp-index7 .main-footer .bp8-footer-nav a:hover,
body.bp-index7 .main-footer .bp8-footer-nav a:focus-visible {
text-decoration: none !important;
}
body.bp-index7 .main-footer .bp8-footer-nav a:hover .bp7-footer-nav-label,
body.bp-index7 .main-footer .bp8-footer-nav a:focus-visible .bp7-footer-nav-label {
text-decoration: underline !important;
text-decoration-color: rgba(168, 196, 240, 0.85) !important;
text-underline-offset: 0.2em;
text-decoration-thickness: 1px;
}
body.bp-index7 .main-footer .bp8-footer-nav a .fa-chevron-right {
display: inline-block !important;
margin: 0 0 0 0.5rem !important;
font-size: 0.75em;
line-height: 1;
opacity: 0;
text-decoration: none !important;
text-decoration-line: none !important;
vertical-align: 0.05em;
}
body.bp-index7 .main-footer .bp8-footer-nav a:hover .fa-chevron-right,
body.bp-index7 .main-footer .bp8-footer-nav a:focus-visible .fa-chevron-right {
opacity: 1;
text-decoration: none !important;
text-decoration-line: none !important;
}
body.bp-index7 .main-footer .bp8-footer-trust {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
gap: 2rem;
padding: 1.5rem 0;
border-top: 1px solid rgba(255, 255, 255, 0.1);
text-align: left;
}
body.bp-index7 .main-footer .bp8-footer-trust-copy {
flex: 1 1 16rem;
min-width: 0;
max-width: 28rem;
}
body.bp-index7 .main-footer .bp8-footer-trust-copy h3,
body.bp-index7 .main-footer .bp8-footer-trust-copy h3.widget-title {
margin: 0 0 0.35rem !important;
color: #fff !important;
font-size: 1.125rem !important;
font-weight: 700 !important;
line-height: 1.35 !important;
}
body.bp-index7 .main-footer .bp8-footer-trust-copy p {
margin: 0;
color: rgba(255, 255, 255, 0.68) !important;
font-size: 0.9375rem;
}
body.bp-index7 .main-footer .bp8-footer-trust-marks {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: flex-start;
flex: 0 1 auto;
gap: 1.25rem 1.5rem;
width: auto;
text-align: left;
}
body.bp-index7 .main-footer .bp8-footer-trustpilot {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
align-self: flex-start;
width: 260px;
min-width: 260px;
max-width: 260px;
height: auto;
margin: 0;
line-height: 0;
text-align: left;
}
body.bp-index7 .main-footer .bp8-footer-trustpilot-count {
color: #d5d5d5 !important;
font-size: 0.8125rem;
line-height: 1.2;
}
body.bp-index7 .main-footer .bp8-footer-trustpilot .trustpilot-widget {
display: block !important;
width: 260px !important;
height: 24px !important;
margin: 0 !important;
line-height: 0 !important;
}
body.bp-index7 .main-footer .bp8-footer-trustpilot iframe {
display: block !important;
width: 260px !important;
height: 24px !important;
margin: 0 !important;
border: 0 !important;
vertical-align: middle;
}
body.bp-index7 .main-footer .bp8-footer-trustpilot + .bp8-footer-facebook {
margin-left: -0.55rem;
}
body.bp-index7 .main-footer .bp8-footer-facebook {
display: flex;
align-items: center;
gap: 0.7rem;
}
body.bp-index7 .main-footer .bp8-footer-facebook .inline-circle + .inline-circle {
margin-left: -12px;
}
body.bp-index7 .main-footer .bp8-footer-facebook .inline-circle img,
body.bp-index7 .main-footer .bp8-footer-facebook .inline-circle:hover img {
width: 2.25rem !important;
height: 2.25rem !important;
border-width: 2px;
border-color: rgba(255, 255, 255, 0.22);
background: rgba(255, 255, 255, 0.08);
box-sizing: border-box;
}
body.bp-index7 .main-footer .bp8-footer-facebook p {
margin: 0;
}
body.bp-index7 .main-footer .bp8-footer-facebook a {
display: flex;
flex-direction: column;
align-items: flex-start;
margin: 0;
color: rgba(255, 255, 255, 0.76) !important;
line-height: 1.2 !important;
}
body.bp-index7 .main-footer .bp8-footer-facebook a:hover,
body.bp-index7 .main-footer .bp8-footer-facebook a:focus-visible {
color: #fff !important;
}
body.bp-index7 .main-footer .bp8-footer-facebook b,
body.bp-index7 .main-footer .bp8-footer-facebook span {
font-size: 0.8125rem !important;
line-height: 1.2;
}
body.bp-index7 .main-footer .bp8-footer-facebook b {
color: #fff;
font-weight: 700;
}
body.bp-index7 .main-footer .bp8-footer-compliance {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 0.65rem;
opacity: 1;
}
body.bp-index7 .main-footer .bp8-footer-compliance img:not(.bp8-footer-dmca-pixel) {
width: auto;
height: 2.25rem;
border-radius: 0.25rem;
}
body.bp-index7 .main-footer .bp8-footer-dmca-badge,
body.bp-index7 .main-footer img[src*="dmca_protected_badge"] {
height: 38px !important;
width: auto !important;
}
body.bp-index7 .main-footer .bp8-footer-dmca-pixel {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
border: 0 !important;
opacity: 0 !important;
pointer-events: none;
}
body.bp-index7 .main-footer .bp8-footer-bottom {
padding: 1.4rem 0;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
body.bp-index7 .main-footer .bp8-footer-bottom-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
gap: 1.5rem;
align-items: center;
}
body.bp-index7 .main-footer .bp8-footer-copyright {
justify-self: end;
color: rgba(255, 255, 255, 0.68);
font-size: 0.8125rem;
text-align: right;
}
body.bp-index7 .main-footer .bp8-footer-social,
body.bp-index7 .main-footer .bp8-footer-payments {
display: flex;
align-items: center;
gap: 0.8rem;
}
body.bp-index7 .main-footer .bp8-footer-social a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
border: 1px solid rgba(255, 255, 255, 0.16);
border-radius: 50%;
color: rgba(255, 255, 255, 0.75) !important;
font-size: 0.75rem;
}
body.bp-index7 .main-footer .bp8-footer-social a:hover {
border-color: rgba(255, 255, 255, 0.34);
color: #fff !important;
}
body.bp-index7 .main-footer .bp8-footer-payments {
justify-content: flex-start;
justify-self: start;
color: rgba(255, 255, 255, 0.68);
opacity: 1;
}
body.bp-index7 .main-footer .bp8-footer-payments .footer-pay-icon,
body.bp-index7 .main-footer .bp8-footer-payments img,
body.bp-index7 .main-footer .bp8-footer-payments .fab {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
line-height: 0;
vertical-align: middle;
}
body.bp-index7 .main-footer .bp8-footer-payments svg {
display: block;
width: auto;
color: currentColor;
}
body.bp-index7 .main-footer .bp8-footer-payments .footer-pay-icon--paypal svg {
height: 1.7rem;
max-width: 4rem;
}
body.bp-index7 .main-footer .bp8-footer-payments .footer-pay-icon--klarna svg,
body.bp-index7 .main-footer .bp8-footer-payments .footer-pay-icon--klarna svg g {
fill: currentColor;
}
body.bp-index7 .main-footer .bp8-footer-payments .footer-pay-icon--klarna svg {
height: 0.82rem;
max-width: 3.6rem;
}
body.bp-index7 .main-footer .bp8-footer-payments .footer-pay-icon--visa svg {
height: 1.45rem;
}
body.bp-index7 .main-footer .bp8-footer-payments .footer-pay-icon--mastercard svg {
height: 1.65rem;
}
body.bp-index7 .main-footer .bp8-footer-payments .footer-pay-icon--amex svg {
height: 1.7rem;
max-width: 3.6rem;
}
body.bp-index7 .main-footer .bp8-footer-payments img {
width: 1.7rem;
height: 1.7rem;
max-width: none;
object-fit: contain;
filter: brightness(0) invert(1);
opacity: 0.68;
}
body.bp-index7 .main-footer .bp8-footer-payments .fab {
color: inherit;
font-size: 1.85rem;
line-height: 1;
}
@media (max-width: 1199px) {
body.bp-index7 .main-footer .bp8-footer-grid {
grid-template-columns: minmax(14rem, 1fr) repeat(3, minmax(7rem, 0.75fr));
gap: 1.75rem;
}
}
@media (max-width: 991px) {
body.bp-index7 .main-footer .bp8-footer-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.bp-index7 .main-footer .bp8-footer-brand {
grid-column: 1 / -1;
}
body.bp-index7 .main-footer .bp8-footer-trust {
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
}
body.bp-index7 .main-footer .bp8-footer-trust-marks {
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
}
}
@media (max-width: 767px) {
body.bp-index7 .main-footer .bp8-footer-main {
padding: 2.25rem 0 2.5rem;
}
body.bp-index7 .main-footer .bp8-footer-grid {
grid-template-columns: 1fr;
gap: 0;
}
body.bp-index7 .main-footer .bp8-footer-brand {
grid-column: auto;
margin-bottom: 2rem;
}
body.bp-index7 .main-footer .bp8-footer-nav {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
body.bp-index7 .main-footer .bp8-footer-nav h3 {
display: none;
}
body.bp-index7 .main-footer .footer-accordion-toggle {
display: flex !important;
align-items: center;
justify-content: space-between;
width: 100%;
min-height: 3.5rem;
margin: 0 !important;
padding: 0 !important;
border: 0;
background: transparent;
color: #fff !important;
font-size: 1.125rem !important;
font-weight: 700 !important;
text-align: left;
}
body.bp-index7 .main-footer .footer-accordion-panel {
padding-bottom: 1.25rem;
}
body.bp-index7 .main-footer .bp8-footer-trust {
flex-direction: column;
align-items: flex-start;
gap: 1.15rem;
}
body.bp-index7 .main-footer .bp8-footer-trust-marks {
flex-wrap: wrap;
align-items: flex-start;
gap: 1.15rem;
}
body.bp-index7 .main-footer .bp8-footer-bottom-grid {
grid-template-columns: 1fr;
justify-items: start;
}
body.bp-index7 .main-footer .bp8-footer-copyright {
justify-self: start;
text-align: left;
}
body.bp-index7 .main-footer .bp8-footer-social {
order: -1;
}
body.bp-index7 .main-footer .bp8-footer-payments {
justify-content: flex-start;
flex-wrap: wrap;
}
}
body.bp-index7 #wrap .case-study-read-cta .fa-chevron-right,
body.bp-index7 #reviews a.btn .fa-chevron-right {
display: inline-block !important;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
padding: 0;
font-size: 0.85em;
line-height: 1;
position: relative;
top: 0;
vertical-align: middle;
}
body.bp-index7 #results .bp-report-features {
position: relative;
display: flex;
flex-direction: column;
gap: 0.35rem;
}
body.bp-index7 #results .bp-report-features::before {
display: none !important;
}
body.bp-index7 #results .bp-report-feature,
body.bp-index7 #results .bp-report-feature:first-child,
body.bp-index7 #results .bp-report-feature:hover,
body.bp-index7 #results .bp-report-feature:focus-visible,
body.bp-index7 #results .bp-report-feature.is-preview {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto;
gap: 1rem;
align-items: start;
min-height: 0;
margin: 0;
padding: 1rem 1.25rem !important;
border: 0 !important;
border-radius: var(--bp7-card-radius, 1rem) !important;
background: transparent !important;
box-shadow: none !important;
transform: none !important;
}
body.bp-index7 #results .bp-report-feature.is-active,
body.bp-index7 #results .bp-report-feature.is-active:hover,
body.bp-index7 #results .bp-report-feature.is-active:focus-visible,
body.bp-index7 #results .bp-report-feature.is-active.is-preview {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto;
gap: 1rem;
align-items: start;
min-height: 0;
margin: 0;
padding: 1rem 1.25rem !important;
border: 0 !important;
border-radius: var(--bp7-card-radius, 1rem) !important;
background: #e7eff9 !important;
box-shadow: none !important;
transform: none !important;
}
body.bp-index7 #results .bp-report-feature-chapter,
body.bp-index7 #results .bp-report-feature.is-active .bp-report-feature-chapter,
body.bp-index7 #results .bp-report-feature-icon {
display: none !important;
}
body.bp-index7 #results .bp-report-feature-copy {
min-width: 0;
padding-top: 0.1rem;
}
body.bp-index7 #results .bp-report-feature-title {
font-family: inherit !important;
font-size: 1.5rem !important;
font-weight: 700 !important;
line-height: 1.35 !important;
letter-spacing: normal !important;
color: #737373 !important;
transition: color 180ms ease;
}
body.bp-index7 #results .bp-report-feature:hover .bp-report-feature-title,
body.bp-index7 #results .bp-report-feature:focus-visible .bp-report-feature-title,
body.bp-index7 #results .bp-report-feature.is-preview .bp-report-feature-title,
body.bp-index7 #results .bp-report-feature.is-active .bp-report-feature-title,
body.bp-index7 #results .bp-report-feature.is-active:hover .bp-report-feature-title,
body.bp-index7 #results .bp-report-feature.is-active:focus-visible .bp-report-feature-title {
color: #1d1d1d !important;
}
body.bp-index7 #results .bp-report-feature-copy p {
color: #686868 !important;
}
body.bp-index7 #results .bp-report-feature-arrow {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: auto;
height: auto;
margin-top: 0.45rem;
margin-left: auto;
border-radius: 0;
background: transparent !important;
color: #9ca3af;
}
body.bp-index7 #results .bp-report-feature-arrow i,
body.bp-index7 #results .bp-report-browser-open i {
font-size: 0.75rem;
line-height: 1;
}
body.bp-index7 #results .bp-report-feature:hover .bp-report-feature-arrow,
body.bp-index7 #results .bp-report-feature.is-active .bp-report-feature-arrow {
background: transparent !important;
color: #0287ed;
transform: translateX(2px);
}
body.bp-index7 #results .bp-report-browser-open {
gap: 0;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs],
body.bp-index7 #wrap #results .bp-report-showcase[data-report-tabs] {
display: flex !important;
flex-direction: column;
align-items: stretch;
gap: 1.15rem !important;
grid-template-columns: none !important;
width: 100% !important;
max-width: none !important;
margin-top: 0.35rem;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature-list,
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-preview-column {
position: static;
width: 100% !important;
max-width: none !important;
padding: 0 !important;
justify-self: stretch;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-features,
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-features::before {
display: flex !important;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
gap: 0.15rem 1.65rem;
width: 100%;
content: none;
background: none !important;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-features::before {
display: none !important;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature,
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature:first-child,
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature:hover,
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature:focus-visible,
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature.is-preview,
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature.is-active,
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature.is-active:hover,
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature.is-active:focus-visible,
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature.is-active.is-preview {
display: inline-flex !important;
grid-template-columns: none;
align-items: center;
justify-content: center;
width: auto;
min-height: 0;
margin: 0;
padding: 0.55rem 0.1rem 0.7rem !important;
border: 0 !important;
border-bottom: 2px solid transparent !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
transform: none !important;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature:hover,
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature:focus-visible,
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature.is-active,
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature.is-active:hover,
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature.is-active:focus-visible,
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature.is-preview {
border-bottom-color: #0287ed !important;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature-title,
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature:hover .bp-report-feature-title,
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature:focus-visible .bp-report-feature-title,
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature.is-preview .bp-report-feature-title,
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature.is-active .bp-report-feature-title,
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature.is-active:hover .bp-report-feature-title {
font-size: 0.9375rem !important;
font-weight: 500 !important;
line-height: 1.3 !important;
letter-spacing: -0.01em !important;
color: #737373 !important;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature.is-active .bp-report-feature-title,
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature.is-active:hover .bp-report-feature-title,
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature.is-preview .bp-report-feature-title {
font-weight: 600 !important;
color: #1d1d1d !important;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature:focus-visible {
outline: 2px solid rgba(2, 135, 237, 0.45);
outline-offset: 3px;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-browserbar {
display: flex !important;
align-items: center;
gap: 0.75rem;
min-height: 48px;
padding: 0 0.9rem 0 1rem;
border-bottom: 1px solid #ededed;
background: #f7f8fa;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-browser-dots {
display: flex;
flex: none;
gap: 6px;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-browser-dots i {
width: 9px;
height: 9px;
border-radius: 50%;
background: #d7dae5;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-browser-dots i:first-child {
background: #ff5f57;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-browser-dots i:nth-child(2) {
background: #febc2e;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-browser-dots i:last-child {
background: #28c840;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-browser-address {
justify-content: center;
border: 1px solid #eceef2;
border-radius: 999px;
background: #fff;
padding: 0.35rem 0.9rem;
font-size: 0.75rem;
font-weight: 500;
color: #6b7280;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-browser-open {
display: inline-flex;
align-items: center;
gap: 0.35rem;
color: #6b7280 !important;
font-size: 0.75rem;
font-weight: 600;
text-decoration: none !important;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-browser-open i {
margin: 0 !important;
font-size: 0.65rem;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-browser-open:hover,
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-browser-open:focus-visible {
color: #0287ed !important;
}
body.bp-index7 #results.bp-results-showcase,
body.bp-index7 #wrap #results.bp-results-showcase {
overflow: visible !important;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-browser,
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-iframe-frame {
overflow: hidden;
border: var(--bp7-card-border, 1px solid #ededed) !important;
border-radius: var(--bp7-card-radius, 1rem) !important;
box-shadow: var(--bp7-card-shadow, 0 10px 28px rgba(15, 23, 42, 0.08)) !important;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-iframe-shell {
height: 720px !important;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp7-report-skel {
gap: 0 !important;
background: #fff;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp7-report-skel-hero {
display: flex;
flex-direction: column;
gap: 12px;
padding: 28px 28px 26px;
background:
radial-gradient(circle at 88% 0%, rgba(108, 92, 231, 0.28), transparent 42%),
linear-gradient(165deg, #1b1b3a 0%, #22244c 100%);
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp7-report-skel-hero .bp-report-skel-line {
background: linear-gradient(90deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0.22) 45%, rgba(255,255,255,0.12) 100%);
background-size: 200% 100%;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp7-report-skel-metric {
width: 28%;
height: 42px;
margin-top: 6px;
border-radius: 10px;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp7-report-skel-list {
display: flex;
flex-direction: column;
gap: 14px;
padding: 22px 28px 28px;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp7-report-skel-bar {
display: grid;
grid-template-columns: 140px minmax(0, 1fr) 64px;
gap: 14px;
align-items: center;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp7-report-skel-bar i,
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp7-report-skel-bar b,
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp7-report-skel-bar em {
display: block;
border-radius: 999px;
background: linear-gradient(90deg, #eef0f5 0%, #f7f8fb 45%, #eef0f5 100%);
background-size: 200% 100%;
animation: bp-report-skel-shimmer 1.35s ease-in-out infinite;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp7-report-skel-bar i {
height: 12px;
width: 78%;
border-radius: 6px;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp7-report-skel-bar b {
height: 10px;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp7-report-skel-bar em {
height: 10px;
width: 70%;
justify-self: end;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp7-report-skel-bar:nth-child(2) b { width: 86%; }
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp7-report-skel-bar:nth-child(3) b { width: 64%; }
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp7-report-skel-bar:nth-child(4) b { width: 42%; }
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp7-report-skel-bar:nth-child(5) b { width: 28%; }
@media (max-width: 767px) {
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature-list {
width: calc(100% + 24px);
margin-right: -24px;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 2.75rem), transparent 100%);
mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 2.75rem), transparent 100%);
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature-list::-webkit-scrollbar {
display: none;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-features {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: flex-start !important;
width: max-content !important;
min-width: max-content !important;
gap: 0 1.35rem !important;
padding-right: 3rem !important;
overflow: visible !important;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature,
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature:first-child {
flex: 0 0 auto !important;
display: inline-flex !important;
width: auto !important;
white-space: nowrap;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
padding: 0.35rem 0 !important;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature-title::after {
content: none !important;
display: none !important;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature.is-active,
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature.is-active:hover,
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature.is-active:focus-visible,
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-feature.is-active.is-preview {
border-bottom: 2px solid #0287ed !important;
}
body.bp-index7 #results .bp-report-iframe {
pointer-events: none !important;
zoom: 0.65 !important;
width: calc(100% / 0.65) !important;
height: calc(100% / 0.65) !important;
}
body.bp-index7 #results .bp-report-iframe-shell {
position: relative;
overflow: hidden;
}
body.bp-index7 #results .bp-report-iframe-shield {
display: block !important;
position: absolute;
inset: 0;
z-index: 6;
background: transparent;
cursor: pointer;
}
body.bp-index7 #results .bp-report-iframe-shell.is-scroll-ready .bp-report-iframe {
pointer-events: auto !important;
}
body.bp-index7 #results .bp-report-iframe-shell.is-scroll-ready .bp-report-iframe-shield {
display: none !important;
}
body.bp-index7 #results .bp-report-format-mobile {
display: block !important;
justify-content: flex-start !important;
margin-top: 1.15rem !important;
margin-bottom: 0 !important;
text-align: left !important;
}
body.bp-index7 #results .bp7-sample-report-link {
display: inline !important;
width: auto !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
background: none !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
color: #0287ed !important;
font-size: 0.9375rem !important;
font-weight: 600 !important;
line-height: 1.4 !important;
text-align: left !important;
text-decoration: none !important;
}
body.bp-index7 #results .bp7-sample-report-link .fa-chevron-right {
display: inline-block !important;
margin: 0 0 0 0.5rem !important;
font-size: 0.75em;
line-height: 1;
vertical-align: 0.05em;
}
body.bp-index7 #reviews .bp-rv-header-note,
body.bp-index7 #reviews .container p,
body.bp-index7 #reviews .bp-rv-trustpilot-link {
text-align: left !important;
}
body.bp-index7 #reviews > .container:last-of-type,
body.bp-index7 #reviews .container.mt-4 {
margin-bottom: 5.5rem !important;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-preview-column,
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-browser {
display: block !important;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-iframe-shell {
height: min(76vh, 640px) !important;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp-report-browser-open span {
display: none;
}
body.bp-index7 #results .bp-report-showcase[data-report-tabs] .bp7-report-skel-bar {
grid-template-columns: 88px minmax(0, 1fr) 44px;
gap: 10px;
}
}
body.bp-index7 #money-back-guarantee .bp-mbg-header h2 {
margin-left: 0 !important;
padding-left: 0 !important;
}
body.bp-index7 #results .bp-report-format-title {
font-family: inherit !important;
font-size: 1.25rem !important;
font-weight: 700 !important;
line-height: 1.35 !important;
letter-spacing: normal !important;
color: #1d1d1d !important;
}
body.bp-index7 #results .bp-report-format-actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
column-gap: 2.75rem;
row-gap: 0.75rem;
margin-top: calc(1.15rem + 0.7rem + 2px) !important;
}
body.bp-index7 #results .bp-report-format-actions a {
margin: 0 !important;
}
body.bp-index7 #results .bp-report-format-actions a:hover,
body.bp-index7 #results .bp-report-format-actions a:focus-visible {
text-decoration: none !important;
}
body.bp-index7 #results .bp-report-format-actions a:hover .bp-report-format-label,
body.bp-index7 #results .bp-report-format-actions a:focus-visible .bp-report-format-label {
text-decoration: underline !important;
text-underline-offset: 0.2em;
}
body.bp-index7 #results .bp-report-format-actions a.bp-report-format-item {
display: inline-flex !important;
align-items: center;
gap: 0.3rem;
}
body.bp-index7 .bp-report-format-pill {
display: inline-block;
margin: 0;
padding: 6px 12px;
flex-shrink: 0;
font-size: 10px;
font-weight: 400;
letter-spacing: 0.07em;
text-transform: uppercase;
line-height: 1.3;
white-space: nowrap;
border-radius: var(--radius-pill, 9999px);
background: #dbe6f2;
color: #3d5a78;
}
body.bp-index7 #results .bp-report-format-actions a:hover .bp-report-format-pill,
body.bp-index7 #results .bp-report-format-actions a:focus-visible .bp-report-format-pill,
body.bp-index7 .main-header .mega-menu-sub-link a:hover .bp-report-format-pill,
body.bp-index7 .main-header .mega-menu-sub-link a:focus-visible .bp-report-format-pill {
color: #3d5a78 !important;
}
body.bp-index7 #results .bp-report-format-note {
flex: 1 0 100%;
margin-top: 0.75rem;
}
body.bp-index7 #money-back-guarantee .bp-mbg-points {
display: flex;
flex-direction: column;
gap: 1.75rem;
margin: 0 0 1.5rem;
}
body.bp-index7 #money-back-guarantee .bp-mbg-point {
margin: 0;
padding: 0;
background: none;
border: 0;
box-shadow: none;
}
body.bp-index7 #money-back-guarantee .bp-mbg-point-title {
margin: 0 0 0.5rem !important;
font-family: inherit !important;
font-size: 1.5rem !important;
font-weight: 700 !important;
line-height: 1.35 !important;
letter-spacing: normal !important;
color: #1d1d1d !important;
}
body.bp-index7 #money-back-guarantee .bp-mbg-point-text {
margin: 0 !important;
font-family: inherit !important;
font-size: 17px !important;
font-weight: 500 !important;
line-height: 1.6 !important;
letter-spacing: normal !important;
color: #737373 !important;
}
body.bp-index7 #money-back-guarantee .bp-mbg-row {
display: grid !important;
grid-template-columns: 1fr;
gap: var(--bp7-card-grid-gap, 24px);
align-items: stretch;
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.bp-index7 #money-back-guarantee .bp-mbg-row::before,
body.bp-index7 #money-back-guarantee .bp-mbg-row::after {
display: none !important;
content: none !important;
}
body.bp-index7 #money-back-guarantee .bp-upsell-card {
min-width: 0;
height: auto;
margin: 0 !important;
text-align: left;
}
body.bp-index7 #money-back-guarantee .bp-mbg-timeline-card {
padding: 2.375rem 1.6rem;
overflow: visible;
}
body.bp-index7 #money-back-guarantee .bp-mbg-timeline-card .contents {
display: block;
width: 100%;
}
body.bp-index7 #money-back-guarantee .bp-mbg-timeline {
--bp-mbg-check-size: 42px;
position: relative;
display: grid;
grid-template-columns: 1fr;
gap: var(--bp7-card-grid-gap, 24px);
width: 100%;
text-align: left;
}
body.bp-index7 #money-back-guarantee .bp-mbg-timeline::before,
body.bp-index7 #money-back-guarantee .bp-mbg-timeline::after {
content: "";
position: absolute;
pointer-events: none;
z-index: 0;
}
body.bp-index7 #money-back-guarantee .bp-mbg-timeline::before {
top: calc(var(--bp-mbg-check-size) / 2);
bottom: calc(var(--bp-mbg-check-size) / 2);
left: calc(var(--bp-mbg-check-size) / 2);
width: 2px;
background: #4caf7d;
opacity: 0.28;
}
body.bp-index7 #money-back-guarantee .bp-mbg-timeline::after {
display: none;
}
body.bp-index7 #money-back-guarantee .bp-mbg-stage {
position: relative;
z-index: 1;
min-width: 0;
text-align: left;
}
body.bp-index7 #money-back-guarantee .bp-mbg-timeline-card .bp-mbg-stage-timing {
position: relative;
z-index: 1;
display: inline-flex;
align-items: center;
flex-wrap: nowrap;
gap: var(--space-3, 0.75rem);
margin: 0;
background: #fff;
}
body.bp-index7 #money-back-guarantee .bp-mbg-timeline-card .bp-mbg-stage:not(:last-child) .bp-mbg-stage-timing {
padding-right: var(--space-3, 0.75rem);
}
body.bp-index7 #money-back-guarantee .bp-mbg-stage .how-it-works-result-icon {
position: relative;
z-index: 1;
margin: 0;
}
body.bp-index7 #money-back-guarantee .bp-mbg-stage-label {
display: block;
margin: 0;
text-align: left;
text-transform: uppercase;
letter-spacing: 0.72px;
white-space: nowrap;
}
body.bp-index7 #money-back-guarantee .bp-mbg-timeline-card .bp-mbg-point-title {
margin-top: var(--bp7-card-grid-gap, 24px) !important;
margin-bottom: var(--space-3, 0.75rem) !important;
}
body.bp-index7 #money-back-guarantee .bp-mbg-ai-card .bp-mbg-point-title {
margin-bottom: 0.2rem !important;
}
body.bp-index7 #money-back-guarantee .bp-mbg-ai-card .contents {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: var(--space-4, 1rem);
flex: 1 1 auto;
width: 100%;
min-height: 0;
}
body.bp-index7 #money-back-guarantee .bp-mbg-card-copy {
min-width: 0;
flex: 1 1 12rem;
text-align: left;
}
body.bp-index7 #money-back-guarantee .bp-mbg-ai-card .pricing-most-popular-badge--card {
margin: 0 !important;
flex: 0 0 auto;
color: #fff;
}
body.bp-index7 #money-back-guarantee .bp-mbg-pill-ultimate {
background: #242424 !important;
color: #fff !important;
}
body.bp-index7 #money-back-guarantee .bp-mbg-policy {
margin-top: 0;
text-align: center;
}
@media (min-width: 768px) {
body.bp-index7 #packages .pricing-sample-report-link i,
body.bp-index7 #packages .pricing-sample-report-link .fa-chevron-right {
display: none !important;
}
}
@media (min-width: 992px) {
body.bp-index7 #money-back-guarantee .bp-mbg-timeline {
grid-template-columns: repeat(3, minmax(0, 1fr));
overflow: visible;
}
body.bp-index7 #money-back-guarantee .bp-mbg-timeline::before,
body.bp-index7 #money-back-guarantee .bp-mbg-timeline::after {
display: none;
}
body.bp-index7 #money-back-guarantee .bp-mbg-stage:not(:last-child)::before,
body.bp-index7 #money-back-guarantee .bp-mbg-stage:not(:last-child)::after {
content: "";
position: absolute;
pointer-events: none;
z-index: 0;
}
body.bp-index7 #money-back-guarantee .bp-mbg-stage:not(:last-child)::before {
top: calc(var(--bp-mbg-check-size) / 2);
left: calc(var(--bp-mbg-check-size) / 2);
width: calc(100% - (var(--bp-mbg-check-size) / 2) + var(--bp7-card-grid-gap, 24px) - 14px);
height: 2px;
background: #4caf7d;
opacity: 0.28;
}
body.bp-index7 #money-back-guarantee .bp-mbg-stage:not(:last-child)::after {
top: calc(var(--bp-mbg-check-size) / 2 + 1px);
left: calc(100% + var(--bp7-card-grid-gap, 24px) - 14px);
width: 0;
height: 0;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 6px solid #4caf7d;
opacity: 0.48;
transform: translateY(-50%);
}
}
body.bp-index7 #wrap #pricing .bp-upsell-desc,
body.bp-index7 #pricing .bp-upsell-desc {
font-family: inherit !important;
font-size: 17px !important;
font-weight: 500 !important;
line-height: 1.6 !important;
letter-spacing: normal !important;
color: #737373 !important;
}
body.bp-index7 #pricing .bp-upsell-benefits {
gap: 0;
}
body.bp-index7 #pricing .bp-upsell-benefits li {
display: list-item;
align-items: unset;
gap: 0;
font-size: 16px;
font-weight: 400;
line-height: 1.35;
color: #737373;
margin-bottom: 0.6rem;
}
body.bp-index7 #pricing .bp-upsell-benefits li:last-child {
margin-bottom: 0;
}
body.bp-index7 #pricing .bp-upsell-benefits li i.hero-benefit-tick {
position: relative;
isolation: isolate;
z-index: 0;
margin-top: 0;
margin-right: 0.5rem;
font-size: 1.15em;
vertical-align: -0.1em;
}
body.bp-index7 #pricing .bp-upsell-benefits li i.hero-benefit-tick::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 0.68em;
height: 0.68em;
transform: translate(-50%, -50%);
border-radius: 50%;
background: #fff;
z-index: -1;
pointer-events: none;
}
body.bp-index7 #wrap #money-back-guarantee,
body.bp-index7 #money-back-guarantee {
padding-top: 2rem !important;
}
body.bp-index7 #benefits .bp-benefit-kpi-value,
body.bp-index7 #pricing #pricing-comparison-table thead h3,
body.bp-index7 #pricing .bp-upsell-head h3 {
font-family: inherit !important;
font-size: 1.5rem !important;
font-weight: 700 !important;
line-height: 1.35 !important;
letter-spacing: normal !important;
color: #1d1d1d !important;
}
body.bp-index7 #case-studies .case-study-card {
border: var(--bp7-card-border, 1px solid #ededed) !important;
border-radius: var(--bp7-card-radius, 1rem) !important;
box-shadow: var(--bp7-card-shadow, 0 10px 28px rgba(15, 23, 42, 0.08)) !important;
}
body.bp-index7 #case-studies .case-study-card .contents > p.h5 {
margin-top: 0 !important;
margin-bottom: var(--space-3, 0.75rem) !important;
color: #9ca3af !important;
font-size: calc(17px * 0.85) !important;
font-weight: 400 !important;
line-height: 1.4 !important;
}
body.bp-index7 #case-studies .case-study-card .contents > p:not(.h5) {
margin-top: 0;
color: var(--color-text-body, #737373);
font-size: var(--text-base, 1rem);
font-weight: var(--weight-regular, 400);
line-height: var(--leading-normal, 1.5);
}
body.bp-index7 #case-studies .case-study-card .case-study-read-cta {
position: relative;
z-index: 1001;
pointer-events: auto;
width: auto !important;
justify-content: flex-start;
padding: 0 !important;
background: none !important;
border: 0 !important;
box-shadow: none !important;
letter-spacing: normal;
}
body.bp-index7 #case-studies .case-study-card:hover .case-study-read-cta,
body.bp-index7 #case-studies .case-study-card:focus-within .case-study-read-cta {
background: none !important;
border: 0 !important;
color: #0287ed !important;
}
body.bp-index7 #pricing .bp-upsell-card .bp-upsell-cta .btn {
border-radius: var(--radius-control, 0.5rem) !important;
font-size: var(--text-sm-button, 0.9375rem) !important;
font-weight: 500 !important;
line-height: 1.2 !important;
letter-spacing: 0.01em;
}
body.bp-index7 #packages .pricing-desktop-bar-value--empty {
color: #9ca3af !important;
}
body.bp-index7 #packages .pricing-desktop-extra-label--guarantee {
font-weight: 600 !important;
}
body.bp-index7 #packages .pricing-desktop-kpi-value,
body.bp-index7 #packages .pricing-kpi-value {
position: relative;
display: inline-block;
white-space: nowrap;
}
body.bp-index7 #packages .bp7-kpi-seo {
display: inline-block;
color: transparent;
pointer-events: none;
font-variant-numeric: tabular-nums;
}
body.bp-index7 #packages .bp7-kpi-live {
position: absolute;
left: 0;
top: 0;
display: inline-block;
font-variant-numeric: tabular-nums;
}
body.bp-index7 #packages .pricing-desktop-bar-segment.is-filled {
transform: scaleX(1);
transform-origin: left center;
}
body.bp-index7 #packages .bp-pricing-board.is-bp7-metrics-ready .pricing-package-col:not(.is-bp7-metrics-on) .pricing-desktop-bar-segment.is-filled {
transform: scaleX(0);
}
body.bp-index7 #packages .bp-pricing-board.is-bp7-metrics-ready .pricing-package-col.is-bp7-metrics-on .pricing-desktop-bar-segment.is-filled {
transform: scaleX(1);
transition: transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);
}
body.bp-index7 #packages .bp-pricing-board.is-bp7-metrics-ready .pricing-package-col.is-bp7-metrics-on .pricing-desktop-bar-segment.is-filled:nth-child(1) { transition-delay: 0.04s; }
body.bp-index7 #packages .bp-pricing-board.is-bp7-metrics-ready .pricing-package-col.is-bp7-metrics-on .pricing-desktop-bar-segment.is-filled:nth-child(2) { transition-delay: 0.1s; }
body.bp-index7 #packages .bp-pricing-board.is-bp7-metrics-ready .pricing-package-col.is-bp7-metrics-on .pricing-desktop-bar-segment.is-filled:nth-child(3) { transition-delay: 0.16s; }
body.bp-index7 #packages .bp-pricing-board.is-bp7-metrics-ready .pricing-package-col.is-bp7-metrics-on .pricing-desktop-bar-segment.is-filled:nth-child(4) { transition-delay: 0.22s; }
body.bp-index7 #packages .bp-pricing-board.is-bp7-metrics-ready .pricing-package-col.is-bp7-metrics-on .pricing-desktop-bar-segment.is-filled:nth-child(5) { transition-delay: 0.28s; }
@media (prefers-reduced-motion: reduce) {
body.bp-index7 #packages .pricing-desktop-bar-segment.is-filled {
transform: none !important;
transition: none !important;
}
}
body.bp-index7 #pricing #pricing-comparison-table thead tr th {
padding-top: 50px;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-table-best-for {
min-height: 1.3em;
margin: 0.125rem 0.35rem 0.45rem !important;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-most-popular-badge--notch {
--notch-ear: 10px;
padding: 5px 18px 8px;
font-size: 0.6875rem;
line-height: 1.15;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-topics-toggle-icon {
display: inline-block;
transform: translateX(0);
transition: transform 480ms cubic-bezier(0.22, 1, 0.36, 1);
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-topics-toggle:hover .pricing-topics-toggle-icon,
body.bp-index7 #pricing #pricing-comparison-table .pricing-topics-toggle:focus-visible .pricing-topics-toggle-icon {
transform: translateX(4px);
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-topics-toggle.is-expanded .pricing-topics-toggle-icon {
transform: rotate(-90deg);
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-topics-toggle.is-expanded:hover .pricing-topics-toggle-icon,
body.bp-index7 #pricing #pricing-comparison-table .pricing-topics-toggle.is-expanded:focus-visible .pricing-topics-toggle-icon {
transform: translateY(-4px) rotate(-90deg);
}
body.bp-index7 #pricing #pricing-comparison-table tbody tr > td:nth-last-child(-n + 4) {
font-size: 16px;
}
body.bp-index7 #pricing #pricing-comparison-table .text-light {
font-weight: 400;
font-size: 14px;
}
body.bp-index7 #wrap #pricing #pricing-comparison-table .lead,
body.bp-index7 #wrap #pricing #pricing-comparison-table .pricing-value,
body.bp-index7 #pricing #pricing-comparison-table thead .lead,
body.bp-index7 #pricing #pricing-comparison-table thead .pricing-value,
body.bp-index7 #pricing #pricing-comparison-table tbody tr > td:nth-last-child(-n + 4) > .lead,
body.bp-index7 #pricing #pricing-comparison-table tbody tr > td:nth-last-child(-n + 4) .pricing-table-metric .lead,
body.bp-index7 #pricing #pricing-comparison-table tbody tr > td:nth-last-child(-n + 4) > a:not(.btn):not(.pricing-table-sample-link):not(.pricing-all-outlets-link),
body.bp-index7 #pricing #pricing-comparison-table tbody tr > td:nth-last-child(-n + 4) .pricing-value {
font-size: 16px !important;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-table-metric {
display: inline-flex;
flex-direction: column;
align-items: center;
gap: 2px;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-table-meter {
margin-top: 0;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-all-outlets-link,
body.bp-index7 #pricing #pricing-comparison-table .pricing-table-sample-link,
body.bp-index7 #money-back-guarantee .bp-mbg-policy a,
body.bp-index7 #reviews .bp-rv-trustpilot-link,
body.bp-index7 #how-it-works .how-it-works-packages-link a,
body.bp-index7 #results .bp-report-format-actions a,
body.bp-index7 #package-addons .bp7-ask-question-link,
body.bp-index7 #package-addons .bp-compare-packages-link,
body.bp-index7 #case-studies .case-study-read-cta,
body.bp-index7 #faq .accordion-content a {
display: inline !important;
color: #0287ed !important;
font-family: poppins, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
font-size: 0.9375rem !important;
font-weight: 600 !important;
line-height: 1.4 !important;
letter-spacing: normal !important;
text-decoration: none !important;
}
body.bp-index7 .external-link,
body.bp-index7 .external-link::after {
font-family: poppins, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
body.bp-index7 .external-link::after {
content: "↗";
display: inline-block;
margin-left: 4px;
font-size: 0.75em;
font-weight: 1000;
font-style: normal;
line-height: 1;
letter-spacing: 0;
opacity: 0.75;
text-decoration: none !important;
transform: translate(0, 0);
}
@keyframes bp7-link-chevron-nudge {
0%, 100% { transform: translateX(0); }
40% { transform: translateX(4px); }
}
@keyframes bp7-link-external-nudge {
0%, 100% { transform: translate(0, 0); }
40% { transform: translate(3px, -3px); }
}
body.bp-index7 a:not(.btn):not(.bp7-mega-story-btn):not(.bp-mnav-cta):not(.buy-now-button) > .fa-chevron-right,
body.bp-index7 a:not(.btn):not(.bp7-mega-story-btn):not(.bp-mnav-cta):not(.buy-now-button) .fa-chevron-right:last-child,
body.bp-index7 .main-header .mega-menu-sub-link a:not(.external-link)::after,
body.bp-index7 a.external-link:not(.btn)::after,
body.bp-index7 #pricing #pricing-comparison-table a.pricing-outlet-label::after {
display: inline-block !important;
text-decoration: none !important;
text-decoration-line: none !important;
transform: translateX(0);
}
body.bp-index7 a.external-link:not(.btn)::after,
body.bp-index7 #pricing #pricing-comparison-table a.pricing-outlet-label::after {
transform: translate(0, 0);
}
body.bp-index7 a:not(.btn):not(.bp7-mega-story-btn):not(.bp-mnav-cta):not(.buy-now-button):hover > .fa-chevron-right,
body.bp-index7 a:not(.btn):not(.bp7-mega-story-btn):not(.bp-mnav-cta):not(.buy-now-button):hover .fa-chevron-right:last-child,
body.bp-index7 .main-header .mega-menu-sub-link a:not(.external-link):hover::after,
body.bp-index7 .main-header .mega-menu-sub-link a:not(.external-link):focus-visible::after {
animation: bp7-link-chevron-nudge 480ms cubic-bezier(0.22, 1, 0.36, 1) 1;
}
body.bp-index7 a.external-link:not(.btn):not(.bp7-mega-story-btn):hover::after,
body.bp-index7 a.external-link:not(.btn):not(.bp7-mega-story-btn):focus-visible::after,
body.bp-index7 #pricing #pricing-comparison-table a.pricing-outlet-label:hover::after,
body.bp-index7 #pricing #pricing-comparison-table a.pricing-outlet-label:focus-visible::after {
animation: bp7-link-external-nudge 480ms cubic-bezier(0.22, 1, 0.36, 1) 1;
}
body.bp-index7 .accordion-title a:hover .fa-chevron-right,
body.bp-index7 .accordion-expander .fa-chevron-right {
animation: none !important;
}
body.bp-index7 #faq .accordion-title > a:hover,
body.bp-index7 #faq .accordion-title > a:focus-visible {
color: #0287ed !important;
}
body.bp-index7 #faq .accordion-expander {
flex-shrink: 0;
overflow: visible;
}
body.bp-index7 #faq .accordion-expander > i {
transform: translateX(0);
transition: transform 480ms cubic-bezier(0.22, 1, 0.36, 1);
}
body.bp-index7 #faq .accordion-expander > i:last-child {
display: none;
}
body.bp-index7 #faq .accordion-item.active .accordion-expander > i:first-child,
body.bp-index7 #faq .accordion-title > a:not(.collapsed) .accordion-expander > i:first-child {
display: none;
}
body.bp-index7 #faq .accordion-item.active .accordion-expander > i:last-child,
body.bp-index7 #faq .accordion-title > a:not(.collapsed) .accordion-expander > i:last-child {
display: inline-block;
}
body.bp-index7 #faq .accordion-title > a:hover .accordion-expander > .fa-chevron-right,
body.bp-index7 #faq .accordion-title > a:focus-visible .accordion-expander > .fa-chevron-right {
transform: translateX(4px);
}
body.bp-index7 #faq .accordion-title > a:hover .accordion-expander > .fa-chevron-down,
body.bp-index7 #faq .accordion-title > a:focus-visible .accordion-expander > .fa-chevron-down {
transform: translateY(4px);
}
body.bp-index7 #faq .accordion-item,
body.bp-index7 #faq .accordion-item.will-change,
body.bp-index7 #faq .accordion-item.lqd-unit-animation-done {
position: relative;
z-index: 0;
overflow: hidden;
transform: none !important;
will-change: auto !important;
}
body.bp-index7 #faq .accordion-item.active {
z-index: 1;
}
body.bp-index7 #faq .accordion-heading,
body.bp-index7 #faq .accordion-title,
body.bp-index7 #faq .accordion-title > a {
position: relative;
z-index: 2;
background-color: #fff;
}
body.bp-index7 #faq .accordion-collapse {
transform: none !important;
overflow: hidden;
transition: none;
}
body.bp-index7 #faq .accordion-collapse.collapse.in,
body.bp-index7 #faq .accordion-collapse.collapse.show,
body.bp-index7 #faq .accordion-collapse.is-animating {
display: block;
}
body.bp-index7 .fa-long-arrow-alt-left {
display: inline-block;
transform: translateX(0);
transition: transform 480ms cubic-bezier(0.22, 1, 0.36, 1);
}
body.bp-index7 *:has(> .fa-long-arrow-alt-left):hover > .fa-long-arrow-alt-left,
body.bp-index7 *:has(> .fa-long-arrow-alt-left):has(a:hover) > .fa-long-arrow-alt-left,
body.bp-index7 *:has(> .fa-long-arrow-alt-left):has(a:focus-visible) > .fa-long-arrow-alt-left {
transform: translateX(-4px);
}
@media (prefers-reduced-motion: reduce) {
body.bp-index7 a:not(.btn):not(.bp7-mega-story-btn):not(.bp-mnav-cta):not(.buy-now-button):hover > .fa-chevron-right,
body.bp-index7 a:not(.btn):not(.bp7-mega-story-btn):not(.bp-mnav-cta):not(.buy-now-button):hover .fa-chevron-right:last-child,
body.bp-index7 .main-header .mega-menu-sub-link a:not(.external-link):hover::after,
body.bp-index7 .main-header .mega-menu-sub-link a:not(.external-link):focus-visible::after,
body.bp-index7 a.external-link:not(.btn):not(.bp7-mega-story-btn):hover::after,
body.bp-index7 a.external-link:not(.btn):not(.bp7-mega-story-btn):focus-visible::after,
body.bp-index7 #pricing #pricing-comparison-table a.pricing-outlet-label:hover::after,
body.bp-index7 #pricing #pricing-comparison-table a.pricing-outlet-label:focus-visible::after {
animation: none;
}
body.bp-index7 #faq .accordion-expander > i,
body.bp-index7 #pricing #pricing-comparison-table .pricing-topics-toggle-icon,
body.bp-index7 .fa-long-arrow-alt-left {
transition: none;
}
}
body.bp-index7 .main-header .mega-menu-sub-link::before {
content: none !important;
display: none !important;
}
body.bp-index7 .main-header .mega-menu-sub-link a,
body.bp-index7 .main-header .lqd-custom-menu li.mega-menu-sub-link.is-active a {
display: inline !important;
color: #0287ed !important;
font-family: poppins, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
font-size: 0.9375rem !important;
font-weight: 600 !important;
line-height: 1.4 !important;
letter-spacing: normal !important;
text-decoration: none !important;
}
body.bp-index7 .main-header .mega-menu-sub-link a:not(.external-link)::after {
content: "\f054";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 0.75em;
line-height: 1;
display: inline-block !important;
margin-left: 0.5rem;
color: inherit;
text-decoration: none !important;
text-decoration-line: none !important;
}
body.bp-index7 .main-header .mega-menu-sub-link a:hover,
body.bp-index7 .main-header .mega-menu-sub-link a:focus-visible,
body.bp-index7 .main-header .lqd-custom-menu li.mega-menu-sub-link.is-active a:hover,
body.bp-index7 .main-header .lqd-custom-menu li.mega-menu-sub-link.is-active a:focus-visible {
color: #006fc9 !important;
text-decoration: underline !important;
text-underline-offset: 0.2em;
}
body.bp-index7 .main-header .mega-menu-sub-link a:hover::after,
body.bp-index7 .main-header .mega-menu-sub-link a:focus-visible::after {
text-decoration: none !important;
text-decoration-line: none !important;
}
body.bp-index7 .main-header .mega-menu-sub-link a.bp-report-format-item {
display: inline-flex !important;
align-items: center;
}
body.bp-index7 .main-header .mega-menu-sub-link a.bp-report-format-item:hover,
body.bp-index7 .main-header .mega-menu-sub-link a.bp-report-format-item:focus-visible {
text-decoration: none !important;
}
body.bp-index7 .main-header .mega-menu-sub-link a.bp-report-format-item:hover .bp-report-format-label,
body.bp-index7 .main-header .mega-menu-sub-link a.bp-report-format-item:focus-visible .bp-report-format-label {
text-decoration: underline !important;
text-underline-offset: 0.2em;
}
body.bp-index7 .main-header .bp7-mega-results-link,
body.bp-index7 .main-header .bp7-mega-results-link .mega-menu-sub-link {
text-align: center;
}
body.bp-index7 .main-header .megamenu i.hero-benefit-tick {
position: relative;
isolation: isolate;
z-index: 0;
color: #70a986 !important;
}
body.bp-index7 .main-header .megamenu i.hero-benefit-tick::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 0.68em;
height: 0.68em;
transform: translate(-50%, -50%);
border-radius: 50%;
background: #fff;
z-index: -1;
pointer-events: none;
}
body.bp-index7 .main-header .bp7-mega-story-btn {
width: auto !important;
height: 45px;
min-height: 45px;
max-height: 45px;
box-sizing: border-box;
max-width: 100%;
border-radius: 999px;
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 0.55rem;
padding: 0 1.65rem 0 1.5rem !important;
background: #fff !important;
color: #1d1d1d !important;
border: 1px solid #ededed !important;
box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12);
overflow: hidden;
white-space: nowrap;
text-decoration: none !important;
pointer-events: auto !important;
cursor: pointer;
position: relative;
z-index: 5;
transition:
background-color 0.2s ease,
border-color 0.2s ease,
color 0.2s ease,
box-shadow 0.2s ease,
transform 140ms cubic-bezier(0.23, 1, 0.32, 1);
}
body.bp-index7 .main-header .bp7-mega-story-btn--text {
padding: 0 1.65rem !important;
}
body.bp-index7 .main-header .bp7-mega-story-btn .fa-play {
flex: 0 0 auto;
margin: 0;
font-size: 16px;
line-height: 1;
}
body.bp-index7 .main-header .bp7-mega-story-btn-label {
display: inline-block;
font-size: 0.875rem;
font-weight: 600;
letter-spacing: -0.01em;
line-height: 1;
}
body.bp-index7 .main-header .bp7-mega-story-btn .fa-chevron-right {
display: inline-block !important;
margin: 0 !important;
font-size: 0.75em;
line-height: 1;
}
body.bp-index7 .main-header .bp7-mega-story-btn:hover,
body.bp-index7 .main-header .bp7-mega-story-btn:focus-visible {
border-color: #0287ed !important;
background: #0287ed !important;
color: #fff !important;
box-shadow: 0 14px 32px rgba(2, 135, 237, 0.28);
text-decoration: none !important;
}
body.bp-index7 .main-header .megamenu .fancy-box-footer a.btn {
letter-spacing: 0.02em !important;
}
body.bp-index7 #wrap .bp-vt-card:active .bp-vt-play,
body.bp-index7 #wrap .bp-vt-card.is-pressing .bp-vt-play,
body.bp-index7 #wrap .bp-vt-play:active,
body.bp-index7 #wrap .bp-vt-play.is-pressing,
body.bp-index7 #wrap .bp-hiw-play:active,
body.bp-index7 #wrap .bp-hiw-play.is-pressing,
body.bp-index7 #wrap .how-it-works-media .liquid-img-group-img-container:active .bp-hiw-play,
body.bp-index7 #wrap .how-it-works-media .liquid-img-group-img-container:hover .bp-hiw-play:active,
body.bp-index7 #wrap .how-it-works-media .liquid-img-group-img-container:hover .bp-hiw-play.is-pressing,
body.bp-index7 #wrap .main-header .bp7-mega-story-btn:active,
body.bp-index7 #wrap .main-header .bp7-mega-story-btn.is-pressing,
body.bp-index7 #wrap #hero-section .liquid-img-group-img-container:active .btn,
body.bp-index7 #wrap #hero-section .liquid-img-group-img-container:has(.is-pressing) .btn,
body.bp-index7 #wrap #news-carousel a.news-outlet-chip:active,
body.bp-index7 #wrap #news-carousel a.news-outlet-chip.is-pressing,
body.bp-index7 #wrap #official-reviews .industry-review-logo a:active,
body.bp-index7 #wrap #official-reviews .industry-review-logo a.is-pressing,
body.bp-index7 #wrap .main-header .carousel-logos a:active,
body.bp-index7 #wrap .main-header .carousel-logos a.is-pressing {
transform: scale(0.96);
}
body.bp-index7 #wrap #news-carousel a.news-outlet-chip:active,
body.bp-index7 #wrap #news-carousel a.news-outlet-chip.is-pressing {
transform: scale(0.96) translateY(0);
}
body.bp-index7 #wrap #hero-section .hero-cta-group .btn:active,
body.bp-index7 #wrap #hero-section .hero-cta-group .btn.is-pressing,
body.bp-index7 #wrap #hero-section .hero-cta-group .btn.btn-gradient:hover:active,
body.bp-index7 #wrap #hero-section .hero-cta-group .btn.btn-gradient:hover.is-pressing,
body.bp-index7 #wrap #hero-section .hero-cta-group .btn.btn-white:hover:active,
body.bp-index7 #wrap #hero-section .hero-cta-group .btn.btn-white:hover.is-pressing,
body.bp-index7 #wrap #hero-section .hero-cta-group .btn.bg-white:hover:active,
body.bp-index7 #wrap #hero-section .hero-cta-group .btn.bg-white:hover.is-pressing,
body.bp-index7 #wrap #hero-section a.btn:active,
body.bp-index7 #wrap #hero-section a.btn.is-pressing {
transform: scale(0.96) translateY(0);
}
body.bp-index7 .video-modal-close,
body.bp-index7 .modal-inline-close,
body.bp-index7 .modal-position-close,
body.bp-index7 .package-modal-close,
body.bp-index7 .lity-opened > .lity-close,
body.bp-index7 .lity-opened .lity-wrap > .lity-close,
body.bp-index7 .fr-window .fr-close-outside,
body.bp-index7 .fr-window .fr-close-fullclick {
transition:
transform 140ms cubic-bezier(0.23, 1, 0.32, 1),
background-color 160ms ease,
color 160ms ease;
}
body.bp-index7 .video-modal-close,
body.bp-index7 .video-modal-close:hover,
body.bp-index7 .video-modal-close:focus-visible {
background: #1d1d1d !important;
color: #fff !important;
}
body.bp-index7 .video-modal-close span {
margin-top: 0 !important;
}
body.bp-index7 .lity-opened .lity-wrap .lity-container:has(#modal-video-review, #modal-hero-how-it-works),
body.bp-index7 .lity-opened .lity-container:has(#modal-video-review, #modal-hero-how-it-works) {
padding-top: 0 !important;
}
body.bp-index7 .lity-opened .lity-container:has(#modal-video-review, #modal-hero-how-it-works) > .lity-close,
body.bp-index7 .lity-content:has(#modal-video-review, #modal-hero-how-it-works) + .lity-close {
display: none !important;
}
body.bp-index7 #modal-video-review .video-modal-frame {
position: relative;
overflow: hidden;
}
body.bp-index7 #modal-video-review.is-portrait .video-modal-frame {
float: none !important;
display: block;
width: min(22.5rem, calc((100vh - 10.5rem) * 9 / 16), calc(100vw - 2.5rem)) !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.bp-index7 #modal-video-review .video-review-html5-wrap,
body.bp-index7 #modal-video-review .video-review-yt-wrap {
display: none;
position: relative;
width: 100%;
overflow: hidden;
background: #000;
}
body.bp-index7 #modal-video-review .video-review-html5-wrap.is-active,
body.bp-index7 #modal-video-review .video-review-yt-wrap.is-active {
display: block;
}
body.bp-index7 #modal-video-review .video-review-html5-wrap::before {
content: "";
display: block;
padding-top: 177.78%;
}
body.bp-index7 #modal-video-review .video-review-yt-wrap::before {
content: "";
display: block;
padding-top: 56.25%;
}
body.bp-index7 #modal-video-review .video-review-html5-wrap .video-review {
position: absolute;
inset: 0;
display: none;
width: 100% !important;
height: 100% !important;
max-height: none !important;
margin: 0;
object-fit: contain;
background: #000;
}
body.bp-index7 #modal-video-review .video-review-html5-wrap .video-review.is-active {
display: block !important;
}
body.bp-index7 #modal-video-review .video-review-yt-wrap iframe,
body.bp-index7 #modal-video-review .video-review-yt,
body.bp-index7 #modal-hero-how-it-works .hero-how-it-works-yt,
body.bp-index7 #modal-hero-how-it-works .hero-how-it-works-video iframe {
position: absolute;
top: -12%;
left: 0;
width: 100%;
height: 124%;
border: 0;
pointer-events: none;
}
body.bp-index7 :is(#modal-video-review, #modal-hero-how-it-works) .video-review-yt-shield {
position: absolute;
inset: 0;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
border: 0;
background: transparent;
cursor: pointer;
}
body.bp-index7 :is(#modal-video-review, #modal-hero-how-it-works) .video-review-yt-shield-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 3.4rem;
height: 3.4rem;
border-radius: 50%;
background: rgba(0, 0, 0, 0.42);
color: #fff;
font-size: 1rem;
opacity: 0;
transform: scale(0.96);
transition: opacity 160ms ease, transform 160ms ease;
pointer-events: none;
}
body.bp-index7 :is(#modal-video-review, #modal-hero-how-it-works) .video-review-yt-shield:hover .video-review-yt-shield-icon,
body.bp-index7 :is(#modal-video-review, #modal-hero-how-it-works) .video-review-yt-shield.is-paused .video-review-yt-shield-icon {
opacity: 1;
transform: scale(1);
}
body.bp-index7 :is(#modal-video-review, #modal-hero-how-it-works) .video-modal-close,
body.bp-index7 :is(#modal-video-review, #modal-hero-how-it-works) .video-modal-close:hover,
body.bp-index7 :is(#modal-video-review, #modal-hero-how-it-works) .video-modal-close:focus-visible,
body.bp-index7 #wrap :is(#modal-video-review, #modal-hero-how-it-works) .video-modal-close,
body.bp-index7 #wrap :is(#modal-video-review, #modal-hero-how-it-works) .video-modal-close:hover,
body.bp-index7 #wrap :is(#modal-video-review, #modal-hero-how-it-works) .video-modal-close:focus-visible {
position: absolute !important;
top: 10px !important;
right: 10px !important;
left: auto !important;
bottom: auto !important;
z-index: 6 !important;
width: 44px !important;
height: 44px !important;
background: transparent !important;
border: 1px solid transparent !important;
box-shadow: none !important;
color: #fff !important;
text-shadow: 0 1px 6px rgba(0, 0, 0, 0.55);
}
body.bp-index7 :is(#modal-video-review, #modal-hero-how-it-works) .video-modal-close:hover,
body.bp-index7 :is(#modal-video-review, #modal-hero-how-it-works) .video-modal-close:focus-visible,
body.bp-index7 #wrap :is(#modal-video-review, #modal-hero-how-it-works) .video-modal-close:hover,
body.bp-index7 #wrap :is(#modal-video-review, #modal-hero-how-it-works) .video-modal-close:focus-visible {
background: #1d1d1d !important;
border-color: rgba(255, 255, 255, 0.16) !important;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28) !important;
}
body.bp-index7 :is(#modal-video-review, #modal-hero-how-it-works) .video-modal-volume {
display: none;
position: absolute;
right: 10px;
bottom: 10px;
z-index: 5;
align-items: center;
justify-content: center;
gap: 0;
margin: 0;
padding: 0;
width: 44px;
height: 44px;
box-sizing: border-box;
border: 0;
border-radius: 9999px;
background: transparent;
box-shadow: none;
transition:
width 180ms ease,
padding 180ms ease,
gap 180ms ease;
}
body.bp-index7 :is(#modal-video-review, #modal-hero-how-it-works) .video-modal-volume::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
background: #1d1d1d;
border: 1px solid rgba(255, 255, 255, 0.16);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28);
opacity: 0;
pointer-events: none;
transition: opacity 180ms ease;
}
body.bp-index7 :is(#modal-video-review, #modal-hero-how-it-works) .video-modal-volume.is-visible {
display: flex;
}
body.bp-index7 :is(#modal-video-review, #modal-hero-how-it-works) .video-modal-volume.is-expanded {
width: auto;
justify-content: flex-end;
gap: 0.55rem;
padding: 0 0.55rem 0 0.95rem;
}
body.bp-index7 :is(#modal-video-review, #modal-hero-how-it-works) .video-modal-volume.is-expanded::before {
opacity: 1;
}
body.bp-index7 :is(#modal-video-review, #modal-hero-how-it-works) .video-modal-volume-toggle {
position: relative;
z-index: 1;
display: inline-flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
padding: 0;
border: 0;
background: transparent;
color: #fff;
font-size: 1.05rem;
line-height: 1;
cursor: pointer;
text-shadow: 0 1px 6px rgba(0, 0, 0, 0.55);
filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.45));
transition: text-shadow 180ms ease, filter 180ms ease;
}
body.bp-index7 :is(#modal-video-review, #modal-hero-how-it-works) .video-modal-volume.is-expanded .video-modal-volume-toggle {
text-shadow: none;
filter: none;
}
body.bp-index7 :is(#modal-video-review, #modal-hero-how-it-works) .video-modal-volume-toggle:hover,
body.bp-index7 :is(#modal-video-review, #modal-hero-how-it-works) .video-modal-volume-toggle:focus-visible {
color: #fff;
}
body.bp-index7 :is(#modal-video-review, #modal-hero-how-it-works) .video-modal-volume-slider {
position: relative;
z-index: 1;
-webkit-appearance: none;
appearance: none;
width: 0;
height: 4px;
margin: 0;
border-radius: 999px;
background: rgba(255, 255, 255, 0.28);
outline: none;
cursor: pointer;
opacity: 0;
pointer-events: none;
transition:
width 180ms ease,
opacity 180ms ease;
}
body.bp-index7 :is(#modal-video-review, #modal-hero-how-it-works) .video-modal-volume.is-expanded .video-modal-volume-slider {
width: 7.25rem;
opacity: 1;
pointer-events: auto;
}
body.bp-index7 :is(#modal-video-review, #modal-hero-how-it-works) .video-modal-volume-slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 14px;
height: 14px;
border-radius: 50%;
background: #fff;
border: 0;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}
body.bp-index7 :is(#modal-video-review, #modal-hero-how-it-works) .video-modal-volume-slider::-moz-range-thumb {
width: 14px;
height: 14px;
border-radius: 50%;
background: #fff;
border: 0;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}
body.bp-index7 #modal-video-review .video-modal-credit {
display: none;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 0.35rem 0.85rem;
margin: 0.85rem 0 0;
padding: 0 0.5rem;
text-align: center;
color: rgba(255, 255, 255, 0.9);
font-size: 0.98rem;
font-weight: 500;
line-height: 1.4;
letter-spacing: 0.01em;
}
body.bp-index7 #modal-video-review .video-modal-credit.is-visible {
display: flex;
}
body.bp-index7 #modal-video-review .video-modal-youtube-link {
display: none;
color: #0287ed !important;
font-family: poppins, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;
font-size: 0.9375rem !important;
font-weight: 600 !important;
line-height: 1.4 !important;
text-decoration: none !important;
}
body.bp-index7 #modal-video-review .video-modal-youtube-link.is-visible {
display: inline;
}
body.bp-index7 #modal-video-review .video-modal-youtube-link .fa-chevron-right {
display: inline-block !important;
margin-left: 0.35rem;
font-size: 0.85em;
vertical-align: middle;
}
body.bp-index7 #modal-video-review .video-modal-youtube-link:hover,
body.bp-index7 #modal-video-review .video-modal-youtube-link:focus-visible {
color: #006fc9 !important;
text-decoration: underline !important;
text-underline-offset: 0.2em;
}
body.bp-index7 #modal-video-review .video-modal-youtube-link:hover .fa-chevron-right,
body.bp-index7 #modal-video-review .video-modal-youtube-link:focus-visible .fa-chevron-right {
text-decoration: none !important;
animation: bp7-link-chevron-nudge 480ms cubic-bezier(0.22, 1, 0.36, 1) 1;
}
body.bp-index7 .video-modal-close:active,
body.bp-index7 .video-modal-close.is-pressing,
body.bp-index7 .video-modal-close:hover:active,
body.bp-index7 .video-modal-close:hover.is-pressing,
body.bp-index7 .modal-inline-close:active,
body.bp-index7 .modal-inline-close.is-pressing,
body.bp-index7 .modal-position-close:active,
body.bp-index7 .modal-position-close.is-pressing,
body.bp-index7 .package-modal-close:active,
body.bp-index7 .package-modal-close.is-pressing,
body.bp-index7 .lity-opened > .lity-close:active,
body.bp-index7 .lity-opened > .lity-close.is-pressing,
body.bp-index7 .lity-opened .lity-wrap > .lity-close:active,
body.bp-index7 .lity-opened .lity-wrap > .lity-close.is-pressing,
body.bp-index7 .fr-window .fr-close-outside:active,
body.bp-index7 .fr-window .fr-close-outside.is-pressing,
body.bp-index7 .fr-window .fr-close-fullclick:active,
body.bp-index7 .fr-window .fr-close-fullclick.is-pressing {
transform: scale(0.96);
}
body.bp-index7 .main-header .carousel-container,
body.bp-index7 .main-header .carousel-logos,
body.bp-index7 .main-header .carousel-items:not(.flickity-enabled) {
overflow: hidden !important;
}
body.bp-index7 #wrap #official-reviews,
body.bp-index7 #wrap #official-reviews .industry-review-logos,
body.bp-index7 #wrap #official-reviews .industry-review-logo,
body.bp-index7 #wrap #official-reviews .industry-review-logo figure,
body.bp-index7 #wrap #official-reviews .carousel-items:not(.flickity-enabled) {
overflow: visible !important;
}
body.bp-index7 #wrap #official-reviews .industry-review-logo a,
body.bp-index7 #wrap .main-header .carousel-logos a {
display: inline-block;
transition: transform 180ms cubic-bezier(0.23, 1, 0.32, 1);
}
@media (hover: hover) and (pointer: fine) {
body.bp-index7 #wrap #official-reviews .industry-review-logo a:hover,
body.bp-index7 #wrap .main-header .carousel-logos a:hover {
transform: scale(1.06);
}
body.bp-index7 #wrap #official-reviews .industry-review-logo a:hover:active,
body.bp-index7 #wrap #official-reviews .industry-review-logo a:hover.is-pressing,
body.bp-index7 #wrap .main-header .carousel-logos a:hover:active,
body.bp-index7 #wrap .main-header .carousel-logos a:hover.is-pressing {
transform: scale(0.96);
}
}
body.bp-index7 .main-header .bp7-mega-reveal-col .mega-menu-sub-link a:not(.external-link) {
display: inline-flex !important;
align-items: center;
}
body.bp-index7 .main-header .bp7-mega-reveal-col .mega-menu-sub-link a:not(.external-link)::after {
width: 0.85em !important;
max-width: 1em;
margin-left: 0.5rem !important;
overflow: visible;
opacity: 1;
flex-shrink: 0;
vertical-align: 0.05em;
pointer-events: none;
}
body.bp-index7 #wrap .how-it-works-media .bp-hiw-play {
transition:
width 320ms cubic-bezier(0.22, 1, 0.36, 1),
padding 320ms cubic-bezier(0.22, 1, 0.36, 1),
gap 280ms ease,
background-color 0.2s ease,
border-color 0.2s ease,
color 0.2s ease,
box-shadow 0.2s ease,
transform 140ms cubic-bezier(0.23, 1, 0.32, 1);
}
@media (prefers-reduced-motion: reduce) {
body.bp-index7 #wrap .bp-vt-card:active .bp-vt-play,
body.bp-index7 #wrap .bp-vt-card.is-pressing .bp-vt-play,
body.bp-index7 #wrap .bp-vt-play:active,
body.bp-index7 #wrap .bp-vt-play.is-pressing,
body.bp-index7 #wrap .bp-hiw-play:active,
body.bp-index7 #wrap .bp-hiw-play.is-pressing,
body.bp-index7 #wrap .how-it-works-media .liquid-img-group-img-container:active .bp-hiw-play,
body.bp-index7 #wrap .how-it-works-media .liquid-img-group-img-container:hover .bp-hiw-play:active,
body.bp-index7 #wrap .how-it-works-media .liquid-img-group-img-container:hover .bp-hiw-play.is-pressing,
body.bp-index7 #wrap .main-header .bp7-mega-story-btn:active,
body.bp-index7 #wrap .main-header .bp7-mega-story-btn.is-pressing,
body.bp-index7 #wrap #hero-section .liquid-img-group-img-container:active .btn,
body.bp-index7 #wrap #hero-section .liquid-img-group-img-container:has(.is-pressing) .btn,
body.bp-index7 #wrap #news-carousel a.news-outlet-chip:active,
body.bp-index7 #wrap #news-carousel a.news-outlet-chip.is-pressing,
body.bp-index7 #wrap #official-reviews .industry-review-logo a:active,
body.bp-index7 #wrap #official-reviews .industry-review-logo a.is-pressing,
body.bp-index7 #wrap .main-header .carousel-logos a:active,
body.bp-index7 #wrap .main-header .carousel-logos a.is-pressing,
body.bp-index7 #wrap #hero-section .hero-cta-group .btn:active,
body.bp-index7 #wrap #hero-section .hero-cta-group .btn.is-pressing,
body.bp-index7 #wrap #hero-section a.btn:active,
body.bp-index7 #wrap #hero-section a.btn.is-pressing,
body.bp-index7 .video-modal-close:active,
body.bp-index7 .video-modal-close.is-pressing,
body.bp-index7 .modal-inline-close:active,
body.bp-index7 .modal-inline-close.is-pressing,
body.bp-index7 .lity-opened > .lity-close:active,
body.bp-index7 .lity-opened > .lity-close.is-pressing,
body.bp-index7 .fr-window .fr-close-outside:active,
body.bp-index7 .fr-window .fr-close-outside.is-pressing {
transform: none;
}
}
body.bp-index7 .main-header .bp7-mega-title-row {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.5rem;
}
body.bp-index7 .main-header .megamenu-badge-popular,
body.bp-index7 #wrap .main-header .megamenu-badge-popular {
float: none !important;
height: auto !important;
display: inline-block !important;
margin: 0 !important;
padding: 6px 12px !important;
background: #70a986 !important;
color: #fff !important;
font-size: 10px !important;
font-weight: 400 !important;
letter-spacing: 0.07em !important;
line-height: 1.3 !important;
text-transform: uppercase !important;
white-space: nowrap;
border-radius: 9999px !important;
box-shadow: none !important;
}
body.bp-index7 a.btn,
body.bp-index7 button.btn,
body.bp-index7 .buy-now-button,
body.bp-index7 .bp-mnav-cta,
body.bp-index7 .nav-get-started-btn .txt,
body.bp-index7 .btn .btn-txt {
text-transform: none !important;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-all-outlets-link,
body.bp-index7 #pricing #pricing-comparison-table .pricing-table-sample-link {
justify-content: center;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-topics-toggle,
body.bp-index7 #pricing #pricing-comparison-table .pricing-topics-toggle-label {
color: #0287ed !important;
font-size: 0.9375rem !important;
font-weight: 600 !important;
line-height: 1.4 !important;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-table-sample-link:hover,
body.bp-index7 #pricing #pricing-comparison-table .pricing-table-sample-link:focus-visible,
body.bp-index7 #pricing #pricing-comparison-table .pricing-all-outlets-link:hover,
body.bp-index7 #pricing #pricing-comparison-table .pricing-all-outlets-link:focus-visible,
body.bp-index7 #money-back-guarantee .bp-mbg-policy a:hover,
body.bp-index7 #money-back-guarantee .bp-mbg-policy a:focus-visible,
body.bp-index7 #reviews .bp-rv-trustpilot-link:hover,
body.bp-index7 #reviews .bp-rv-trustpilot-link:focus-visible,
body.bp-index7 #how-it-works .how-it-works-packages-link a:hover,
body.bp-index7 #how-it-works .how-it-works-packages-link a:focus-visible,
body.bp-index7 #results .bp-report-format-actions a:hover,
body.bp-index7 #results .bp-report-format-actions a:focus-visible,
body.bp-index7 #package-addons .bp7-ask-question-link:hover,
body.bp-index7 #package-addons .bp7-ask-question-link:focus-visible,
body.bp-index7 #package-addons .bp-compare-packages-link:hover,
body.bp-index7 #package-addons .bp-compare-packages-link:focus-visible,
body.bp-index7 #case-studies .case-study-read-cta:hover,
body.bp-index7 #case-studies .case-study-read-cta:focus-visible,
body.bp-index7 #faq .accordion-content a:hover,
body.bp-index7 #faq .accordion-content a:focus-visible {
color: #006fc9 !important;
text-decoration: underline !important;
text-underline-offset: 0.2em;
}
body.bp-index7 #results .bp-report-format-actions a:hover,
body.bp-index7 #results .bp-report-format-actions a:focus-visible {
text-decoration: none !important;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-table-sample-link:hover .fa-chevron-right,
body.bp-index7 #pricing #pricing-comparison-table .pricing-table-sample-link:focus-visible .fa-chevron-right,
body.bp-index7 #pricing #pricing-comparison-table .bp7-ask-question-link:hover .fa-comment,
body.bp-index7 #pricing #pricing-comparison-table .bp7-ask-question-link:focus-visible .fa-comment,
body.bp-index7 #pricing #pricing-comparison-table .pricing-all-outlets-link:hover .fa-chevron-right,
body.bp-index7 #pricing #pricing-comparison-table .pricing-all-outlets-link:focus-visible .fa-chevron-right,
body.bp-index7 #money-back-guarantee .bp-mbg-policy a:hover .fa-chevron-right,
body.bp-index7 #money-back-guarantee .bp-mbg-policy a:focus-visible .fa-chevron-right,
body.bp-index7 #reviews .bp-rv-trustpilot-link:hover::after,
body.bp-index7 #reviews .bp-rv-trustpilot-link:focus-visible::after,
body.bp-index7 #how-it-works .how-it-works-packages-link a:hover .fa-chevron-right,
body.bp-index7 #how-it-works .how-it-works-packages-link a:focus-visible .fa-chevron-right,
body.bp-index7 #results .bp-report-format-actions a:hover .fa-chevron-right,
body.bp-index7 #results .bp-report-format-actions a:focus-visible .fa-chevron-right,
body.bp-index7 #results .bp-report-format-actions a:hover .bp-report-format-pill,
body.bp-index7 #results .bp-report-format-actions a:focus-visible .bp-report-format-pill,
body.bp-index7 .main-header .mega-menu-sub-link a:hover .bp-report-format-pill,
body.bp-index7 .main-header .mega-menu-sub-link a:focus-visible .bp-report-format-pill,
body.bp-index7 #package-addons .bp7-ask-question-link:hover .fa-comment,
body.bp-index7 #package-addons .bp7-ask-question-link:focus-visible .fa-comment,
body.bp-index7 #package-addons .bp-compare-packages-link:hover .fa-chevron-right,
body.bp-index7 #package-addons .bp-compare-packages-link:focus-visible .fa-chevron-right,
body.bp-index7 #case-studies .case-study-read-cta:hover::after,
body.bp-index7 #case-studies .case-study-read-cta:focus-visible::after,
body.bp-index7 #faq .accordion-content a:hover .fa-chevron-right,
body.bp-index7 #faq .accordion-content a:focus-visible .fa-chevron-right,
body.bp-index7 #faq .accordion-content a.external-link:hover::after,
body.bp-index7 #faq .accordion-content a.external-link:focus-visible::after {
text-decoration: none !important;
text-decoration-line: none !important;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-all-outlets-link .fa-chevron-right,
body.bp-index7 #pricing #pricing-comparison-table .pricing-table-sample-link .fa-chevron-right,
body.bp-index7 #money-back-guarantee .bp-mbg-policy a .fa-chevron-right,
body.bp-index7 #results .bp-report-format-actions a .fa-chevron-right,
body.bp-index7 #package-addons .bp-compare-packages-link .fa-chevron-right,
body.bp-index7 #faq .accordion-content a .fa-chevron-right {
display: inline-block !important;
margin: 0 0 0 0.5rem !important;
font-size: 0.75em;
line-height: 1;
text-decoration: none !important;
text-decoration-line: none !important;
vertical-align: 0.05em;
}
body.bp-index7 #pricing #pricing-comparison-table a.pricing-outlet-label {
text-decoration: none !important;
}
body.bp-index7 #pricing #pricing-comparison-table a.pricing-outlet-label::after {
content: "↗";
font-family: poppins, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
font-size: 0.75em;
font-weight: 1000;
font-style: normal;
line-height: 1;
letter-spacing: 0;
color: inherit;
width: 0;
margin-left: 0;
overflow: hidden;
opacity: 0;
flex-shrink: 0;
vertical-align: 0.05em;
pointer-events: none;
transition:
opacity 160ms ease,
width 160ms ease,
margin-left 160ms ease;
}
body.bp-index7 #pricing #pricing-comparison-table a.pricing-outlet-label:hover,
body.bp-index7 #pricing #pricing-comparison-table a.pricing-outlet-label:focus-visible {
color: #0587ed;
text-decoration: none !important;
}
body.bp-index7 #pricing #pricing-comparison-table a.pricing-outlet-label:hover > span,
body.bp-index7 #pricing #pricing-comparison-table a.pricing-outlet-label:focus-visible > span {
text-decoration: underline !important;
text-underline-offset: 0.2em;
}
body.bp-index7 #pricing #pricing-comparison-table a.pricing-outlet-label:hover::after,
body.bp-index7 #pricing #pricing-comparison-table a.pricing-outlet-label:focus-visible::after {
width: 0.9em;
margin-left: 0.35rem;
opacity: 0.75;
overflow: visible;
text-decoration: none !important;
text-decoration-line: none !important;
}
body.bp-index7 #pricing #pricing-comparison-table tr.pricing-addon-row {
cursor: pointer;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-addon-label {
display: inline-flex;
align-items: center;
max-width: 100%;
}
body.bp-index7 input[type="checkbox"],
body.bp-index7 #wrap input[type="checkbox"],
body.bp-index7 #account-primary-nav input[type="checkbox"] {
-webkit-appearance: none;
appearance: none;
box-sizing: border-box;
width: 1.25rem !important;
height: 1.25rem !important;
margin-top: 0;
margin-bottom: 0;
padding: 0;
flex: 0 0 1.25rem;
border: 1.5px solid #c4c8d0;
border-radius: var(--radius-control, 0.5rem) !important;
background-color: #fff;
background-image: none;
background-repeat: no-repeat;
background-position: center;
background-size: 1rem 1rem;
accent-color: #0287ed;
cursor: pointer;
vertical-align: middle;
transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}
body.bp-index7 input[type="checkbox"]:hover,
body.bp-index7 #wrap input[type="checkbox"]:hover,
body.bp-index7 #account-primary-nav input[type="checkbox"]:hover {
border-color: #0287ed;
}
body.bp-index7 input[type="checkbox"]:checked,
body.bp-index7 #wrap input[type="checkbox"]:checked,
body.bp-index7 #account-primary-nav input[type="checkbox"]:checked {
background-color: #0287ed;
border-color: #0287ed;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round' d='M2 8.1l4.2 4.2 7.8-7.8'/%3E%3C/svg%3E");
}
body.bp-index7 input[type="checkbox"]:focus-visible,
body.bp-index7 #wrap input[type="checkbox"]:focus-visible,
body.bp-index7 #account-primary-nav input[type="checkbox"]:focus-visible {
outline: 2px solid #0287ed;
outline-offset: 2px;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-addon-toggle {
margin-left: 0;
flex-shrink: 0;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-addon-label > label {
display: inline;
margin: 0;
font: inherit;
font-weight: inherit;
color: inherit;
line-height: inherit;
cursor: pointer;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-addon-label .pricing-outlet-label {
min-width: 0;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-addon-price {
color: #9ca3af;
font-size: 0.8125rem;
font-weight: 500;
line-height: 1.2;
white-space: nowrap;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-included-extras-cell {
text-align: center;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-included-extras-list {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
column-gap: 1.2rem;
row-gap: 0.25rem;
margin: 0 auto;
padding: 0.1rem 2.5rem;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-included-extras-list .tooltip,
body.bp-index7 #pricing #pricing-comparison-table .pricing-included-extras-list .pricing-included-extra-label {
font-size: inherit;
font-weight: inherit;
line-height: inherit;
color: inherit;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-included-extras-row .tooltip.tooltip-plain {
position: relative;
display: inline-flex;
align-items: center;
color: inherit;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-included-extras-list .fa-check {
display: inline-block !important;
color: #70a986 !important;
font-weight: 600;
transform: scaleX(0.86);
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-included-extras-row .pricing-included-extra-badge {
display: block;
width: 200px;
max-width: 100%;
height: auto;
margin: 0.75rem auto 0;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-included-extras-row .tooltip.tooltip-plain:hover,
body.bp-index7 #pricing #pricing-comparison-table .pricing-included-extras-row .tooltip.tooltip-plain:focus-within {
color: #0287ed !important;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-included-extras-row .tooltip.tooltip-plain:hover .fa-check,
body.bp-index7 #pricing #pricing-comparison-table .pricing-included-extras-row .tooltip.tooltip-plain:focus-within .fa-check {
color: #70a986 !important;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-included-extras-row td:hover .tooltiptext,
body.bp-index7 #pricing #pricing-comparison-table .pricing-included-extras-row .tooltip:hover .tooltiptext,
body.bp-index7 #wrap #pricing #pricing-comparison-table .pricing-included-extras-row td:hover .tooltiptext,
body.bp-index7 #wrap #pricing #pricing-comparison-table .pricing-included-extras-row .tooltip:hover .tooltiptext {
visibility: hidden !important;
opacity: 0;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-included-extras-row .tooltip:hover > .tooltiptext,
body.bp-index7 #pricing #pricing-comparison-table .pricing-included-extras-row .tooltip:focus-within > .tooltiptext,
body.bp-index7 #wrap #pricing #pricing-comparison-table .pricing-included-extras-row .tooltip:hover > .tooltiptext,
body.bp-index7 #wrap #pricing #pricing-comparison-table .pricing-included-extras-row .tooltip:focus-within > .tooltiptext {
visibility: visible !important;
opacity: 1;
pointer-events: auto;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-included-extras-row td:last-child .tooltip .tooltiptext,
body.bp-index7 #wrap #pricing #pricing-comparison-table .pricing-included-extras-row td:last-child .tooltip .tooltiptext {
left: 50% !important;
right: auto !important;
margin-left: 0 !important;
bottom: calc(100% + 10px) !important;
top: auto !important;
transform: translate(-50%, 8px) !important;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-included-extras-row td:last-child .tooltip:hover > .tooltiptext,
body.bp-index7 #pricing #pricing-comparison-table .pricing-included-extras-row td:last-child .tooltip:focus-within > .tooltiptext,
body.bp-index7 #wrap #pricing #pricing-comparison-table .pricing-included-extras-row td:last-child .tooltip:hover > .tooltiptext,
body.bp-index7 #wrap #pricing #pricing-comparison-table .pricing-included-extras-row td:last-child .tooltip:focus-within > .tooltiptext {
transform: translate(-50%, 0) !important;
}
body.bp-index7 #pricing #pricing-comparison-table .pricing-included-extras-row td:last-child .tooltip .tooltiptext::after,
body.bp-index7 #wrap #pricing #pricing-comparison-table .pricing-included-extras-row td:last-child .tooltip .tooltiptext::after {
left: 50% !important;
right: auto !important;
margin-left: -5px !important;
}
body.bp-index7 #package-addons .iconbox .contents h5.mt-2 {
margin-top: var(--space-1, 0.25rem) !important;
}
body.bp-index7 #package-addons .news-grid {
align-items: stretch;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
body.bp-index7 #package-addons .news-grid > [class*="col-"] {
display: flex;
margin-bottom: 0 !important;
}
body.bp-index7 #package-addons .bp7-addon-inner {
float: none;
width: 100%;
margin-top: 2rem;
padding: 0;
}
body.bp-index7 #package-addons .bp7-addon-header {
margin: 0 0 1.5rem !important;
}
body.bp-index7 #package-addons .bp7-addon-header .heading-label {
margin-bottom: 0 !important;
}
body.bp-index7 #package-addons .bp7-addon-header-note {
margin: 0.625rem 0 0;
color: #9ca3af;
font-weight: 400;
line-height: 1.4;
}
body.bp-index7 #reviews .bp-rv-header-note {
margin: 0 0 0.625rem;
color: #9ca3af;
font-weight: 400;
line-height: 1.4;
}
body.bp-index7 .tooltiptext,
body.bp-index7 #wrap .tooltiptext,
body.bp-index7 #wrap .tooltiptext p,
body.bp-index7 #wrap .tooltiptext em,
body.bp-index7 #wrap .tooltiptext .bp-index2-tip-line,
body.bp-index7 #wrap .tooltip.tooltip-plain .tooltiptext,
body.bp-index7 #wrap #hero-section .hero-rank-tooltip .tooltiptext,
body.bp-index7 #wrap #packages .tooltip.tooltip-plain .tooltiptext,
body.bp-index7 #wrap #pricing #pricing-comparison-table .tooltip.tooltip-plain .tooltiptext {
font-size: 14px !important;
font-weight: 400 !important;
}
body.bp-index7 .tooltiptext strong,
body.bp-index7 .tooltiptext b,
body.bp-index7 .tooltiptext .fw-600,
body.bp-index7 .tooltiptext .bp-index2-tip-header,
body.bp-index7 #wrap .tooltiptext strong,
body.bp-index7 #wrap .tooltiptext b,
body.bp-index7 #wrap .tooltiptext .fw-600,
body.bp-index7 #wrap .tooltip.tooltip-plain .tooltiptext .bp-index2-tip-header,
body.bp-index7 #wrap #packages .tooltip.tooltip-plain .tooltiptext .bp-index2-tip-header,
body.bp-index7 #wrap #pricing #pricing-comparison-table .tooltip.tooltip-plain .tooltiptext .bp-index2-tip-header {
color: #1d1d1d !important;
font-size: 14px !important;
font-weight: 600 !important;
}
body.bp-index7 .inline-circle img {
width: 35px;
}
body.bp-index7 #benefits .bp-benefit-social {
display: flex;
align-items: center;
flex-wrap: nowrap;
overflow: visible;
}
body.bp-index7 #benefits .bp-benefit-social > .inline-reviews {
display: flex;
align-items: center;
flex: 0 0 auto;
float: none !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
overflow: visible;
position: relative;
}
body.bp-index7 #benefits .bp-benefit-social .inline-circle {
display: inline-flex;
align-items: center;
flex: 0 0 auto;
position: relative;
z-index: 1;
overflow: visible;
}
body.bp-index7 #benefits .bp-benefit-social .inline-circle img {
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
width: 35px !important;
max-width: none !important;
height: 35px;
flex-shrink: 0;
position: relative;
z-index: 1;
transform: scale(1);
transform-origin: center center;
transition: transform 160ms ease, z-index 0s;
}
body.bp-index7 #benefits .bp-benefit-social .inline-circle:hover {
z-index: 20;
}
body.bp-index7 #benefits .bp-benefit-social .inline-circle:hover img {
z-index: 20;
width: 35px !important;
height: 35px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
transform: scale(1.25);
transform-origin: center center;
}
body.bp-index7 #wrap #benefits .bp-benefit-social > p.font-size-15,
body.bp-index7 #benefits .bp-benefit-social > p.font-size-15 {
float: none !important;
margin: 0 !important;
padding-top: 0 !important;
position: relative;
top: 2px;
}
body.bp-index7 #wrap #benefits .bp-benefit-social > p.font-size-15,
body.bp-index7 #wrap #packages .packages-trust-row > p.font-size-15,
body.bp-index7 #wrap #results .bp-report-format-note,
body.bp-index7 #wrap #news-carousel .bp-report-format-note,
body.bp-index7 #wrap #pricing #pricing-comparison-table .pricing-table-best-for,
body.bp-index7 #wrap #pricing .bp-upsell-kicker,
body.bp-index7 #pricing .bp-upsell-kicker,
body.bp-index7 #money-back-guarantee .bp-upsell-kicker {
color: #9ca3af !important;
font-weight: 400 !important;
line-height: 1.4 !important;
font-size: calc(17px * 0.85) !important;
}
body.bp-index7 #money-back-guarantee .bp-upsell-kicker.bp-mbg-stage-label {
font-weight: 500 !important;
}
body.bp-index7 #wrap #benefits .bp-benefit-social > p a,
body.bp-index7 #wrap #packages .packages-trust-row > p a {
color: #9ca3af !important;
font-weight: 400 !important;
line-height: 1.4 !important;
font-size: inherit !important;
text-decoration: none !important;
}
body.bp-index7 #wrap #benefits .bp-benefit-social > p i,
body.bp-index7 #wrap #packages .packages-trust-row > p i {
color: #9ca3af !important;
font-weight: 900 !important;
line-height: 1 !important;
font-size: inherit !important;
}
body.bp-index7 #wrap #benefits .bp-benefit-social > p a:hover,
body.bp-index7 #wrap #benefits .bp-benefit-social > p a:focus,
body.bp-index7 #wrap #benefits .bp-benefit-social > p a:focus-visible,
body.bp-index7 #wrap #packages .packages-trust-row > p a:hover,
body.bp-index7 #wrap #packages .packages-trust-row > p a:focus,
body.bp-index7 #wrap #packages .packages-trust-row > p a:focus-visible {
color: #0287ed !important;
text-decoration: underline !important;
text-underline-offset: 0.2em;
}
body.bp-index7 #wrap #benefits .bp-benefit-social > p:hover i,
body.bp-index7 #wrap #packages .packages-trust-row > p:hover i {
color: #0287ed !important;
}
body.bp-index7 #packages .packages-delivery-copy,
body.bp-index7 #packages .packages-delivery-copy .hero-delivery-copy,
body.bp-index7 #packages #package-addons .secure-checkout-label,
body.bp-index7 #packages #package-addons .secure-checkout-lead {
color: #9ca3af;
font-weight: 400;
line-height: 1.4;
}
body.bp-index7 #packages .packages-delivery-copy .hero-delivery-date {
color: #9ca3af;
font-weight: 600;
line-height: 1.4;
}
body.bp-index7 #wrap section.cta1 .cta-delivery-copy,
body.bp-index7 #wrap section.cta1 .cta-delivery-copy.small,
body.bp-index7 #wrap section.cta1 .cta-delivery-copy.hero-cta-subtext {
display: flex;
align-items: center;
justify-content: center;
color: #737373 !important;
font-weight: 400 !important;
line-height: 1.4 !important;
font-size: 85% !important;
}
body.bp-index7 #wrap section.cta1 .cta-delivery-copy .hero-delivery-copy {
color: #737373 !important;
font-weight: 400 !important;
line-height: 1.4 !important;
font-size: inherit !important;
}
body.bp-index7 #wrap section.cta1 .cta-delivery-copy .fa-clock {
display: inline-block;
flex-shrink: 0;
margin-top: 0;
margin-bottom: 0;
font-size: 1em;
line-height: 1;
color: inherit;
}
body.bp-index7 #wrap section.cta1 .cta-delivery-copy .hero-delivery-date {
color: #737373 !important;
font-weight: 600 !important;
line-height: 1.4 !important;
}
body.bp-index7 #wrap section.cta1 .cta-guarantee-list {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 0.45rem 1.35rem;
list-style: none;
margin: 0;
padding: 0;
color: #737373 !important;
font-weight: 400 !important;
line-height: 1.4 !important;
font-size: 85% !important;
}
body.bp-index7 #wrap section.cta1 .cta-guarantee-list li {
display: inline-flex;
align-items: center;
margin: 0;
padding: 0;
}
body.bp-index7 #wrap section.cta1 .cta-guarantee-list i.hero-benefit-tick {
position: relative;
isolation: isolate;
z-index: 0;
margin-top: 0;
margin-right: 0.4rem;
font-size: 1.15em;
line-height: 1;
vertical-align: middle;
}
body.bp-index7 #wrap section.cta1 .cta-guarantee-list i.hero-benefit-tick::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 0.68em;
height: 0.68em;
transform: translate(-50%, -50%);
border-radius: 50%;
background: #fff;
z-index: -1;
pointer-events: none;
}
@media (max-width: 767px) {
body.bp-index7 section.cta1 .lqd-column,
body.bp-index7 section.cta1 h2,
body.bp-index7 section.cta1 .lead,
body.bp-index7 section.cta1 .cta-delivery-copy,
body.bp-index7 section.cta1 .cta-guarantee-list,
body.bp-index7 section.cta1 a.btn {
text-align: left !important;
}
body.bp-index7 section.cta1 a.btn {
margin-left: 0 !important;
margin-right: auto !important;
}
body.bp-index7 #wrap section.cta1 .cta-delivery-copy,
body.bp-index7 #wrap section.cta1 .cta-delivery-copy.small,
body.bp-index7 #wrap section.cta1 .cta-delivery-copy.hero-cta-subtext,
body.bp-index7 #wrap section.cta1 .cta-guarantee-list {
justify-content: flex-start;
}
body.bp-index7 #wrap section.cta1 {
padding-bottom: 6.5rem !important;
}
}
body.bp-index7 #package-addons .bp7-addon-card {
display: flex;
align-items: center;
width: 100%;
min-height: 0 !important;
height: 100%;
margin: 0 !important;
padding: 1.25rem !important;
background: #fff;
border: 1px solid #ededed !important;
border-radius: var(--radius-surface, 1rem) !important;
box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
}
body.bp-index7 #package-addons .bp7-addon-card > .contents {
width: 100%;
}
body.bp-index7 {
--bp7-card-border: 1px solid #ededed;
--bp7-card-radius: var(--radius-surface, 1rem);
--bp7-card-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
}
body.bp-index7 #how-it-works .how-it-works-result,
body.bp-index7 #case-studies .case-study-card,
body.bp-index7 #packages .bp-pricing-board,
body.bp-index7 #pricing #pricing-comparison-table,
body.bp-index7 #pricing .bp-upsell-card,
body.bp-index7 #money-back-guarantee .bp-upsell-card,
body.bp-index7 #reviews .bp-rv-card {
border: var(--bp7-card-border) !important;
border-radius: var(--bp7-card-radius) !important;
box-shadow: var(--bp7-card-shadow) !important;
}
body.bp-index7 #reviews .bp-rv-card {
height: 280px;
}
body.bp-index7 #reviews .bp-rv-card-meta {
align-items: center;
}
body.bp-index7 #reviews .bp-rv-card-stars {
gap: 0;
flex: 0 0 auto;
}
body.bp-index7 #reviews .bp-rv-star {
width: 32px;
height: 32px;
}
body.bp-index7 #reviews .bp-rv-star + .bp-rv-star {
margin-left: -6px;
}
body.bp-index7 #reviews .bp-rv-card-package {
display: flex;
align-items: center;
line-height: 1;
margin: 0;
}
body.bp-index7 #reviews .bp-rv-card-body {
font-weight: 400;
}
body.bp-index7 #reviews .bp-rv-card-user {
margin-top: 1.35rem;
text-decoration: none !important;
color: inherit;
}
body.bp-index7 #reviews .bp-rv-avatar {
width: 44px;
height: 44px;
}
body.bp-index7 #reviews .bp-rv-avatar--on-white {
background: #ffffff;
object-fit: contain;
padding: 2px;
}
body.bp-index7 #reviews .bp-rv-card-identity {
display: flex;
flex-direction: column;
min-width: 0;
line-height: 1.25;
}
body.bp-index7 #reviews .bp-rv-card-domain {
font-size: 0.75rem;
font-weight: 400;
color: #9ca3af;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
body.bp-index7 #reviews a.bp-rv-card-user:hover .bp-rv-card-name,
body.bp-index7 #reviews a.bp-rv-card-user:focus .bp-rv-card-name,
body.bp-index7 #reviews a.bp-rv-card-user:focus-visible .bp-rv-card-name {
color: #0287ed;
}
body.bp-index7 #reviews {
--bp-rv-card-w: 400px;
overflow: visible;
padding-top: 3rem !important;
padding-bottom: calc(150px + 2rem) !important;
}
@media (max-width: 767px) {
body.bp-index7 #reviews {
--bp-rv-card-w: 320px;
}
body.bp-index7 #reviews .bp-rv-card {
height: 268px;
}
}
body.bp-index7 #reviews header.fancy-title {
margin-bottom: 0 !important;
}
body.bp-index7 #wrap #reviews header.fancy-title > p.lead,
body.bp-index7 #content #reviews header.fancy-title > p.lead {
margin-bottom: 0 !important;
}
body.bp-index7 #wrap #reviews > .container:first-of-type > .row,
body.bp-index7 #reviews > .container:first-of-type > .row {
margin-bottom: 0 !important;
}
body.bp-index7 #reviews .bp-rv-shell {
padding: 4.5rem 0 2.5rem;
gap: 1rem;
overflow: visible;
}
body.bp-index7 #reviews .bp-rv-row {
padding: 0;
overflow: hidden;
overflow: clip;
overflow-clip-margin: 48px;
}
body.bp-index7 #reviews .bp-rv-shell + .container {
margin-top: calc(3rem - 2.5rem) !important;
margin-bottom: 2.5rem !important;
}
body.bp-index7 #pricing #pricing-comparison-table {
outline: none !important;
overflow: visible !important;
border: 0 !important;
border-collapse: separate !important;
border-spacing: 0;
background-clip: padding-box;
box-shadow: var(--bp7-card-shadow), 0 0 0 1px #ededed !important;
}
body.bp-index7 #pricing #pricing-comparison-table thead {
background: transparent !important;
border-top-left-radius: var(--bp7-card-radius, 1rem);
border-top-right-radius: var(--bp7-card-radius, 1rem);
}
body.bp-index7 #pricing #pricing-comparison-table thead tr:first-child > th {
background-color: #fff;
}
body.bp-index7 #pricing #pricing-comparison-table thead tr:first-child > th.pricing-table-green-col {
background-color: #f3f7f5;
}
body.bp-index7 #pricing #pricing-comparison-table thead tr:first-child > th:first-child {
border-radius: var(--bp7-card-radius, 1rem) 0 0 0 !important;
background-color: #fff;
}
body.bp-index7 #pricing #pricing-comparison-table thead tr:first-child > th:last-child {
border-top-right-radius: var(--bp7-card-radius, 1rem) !important;
}
body.bp-index7 #pricing #pricing-comparison-table tbody tr:last-child > td:first-child {
border-bottom-left-radius: var(--bp7-card-radius, 1rem) !important;
}
body.bp-index7 #pricing #pricing-comparison-table tbody tr:last-child > td:last-child {
border-bottom-right-radius: var(--bp7-card-radius, 1rem) !important;
}
body.bp-index7 #results .bp-report-browser,
body.bp-index7 #results .bp-report-iframe-frame {
border: var(--bp7-card-border) !important;
border-radius: var(--bp7-card-radius) !important;
box-shadow: var(--bp7-card-shadow) !important;
}
body.bp-index7 #benefits .bp5-ben .win:not(.traffic-win),
body.bp-index7 #money-back-guarantee .bp5-ben .win:not(.news),
body.bp-index7 #benefits #website-traffic .bp5-ben .win-face,
body.bp-index7 #benefits #ai-authority-framework .aaf-mock-panel,
body.bp-index7 #benefits #ai-authority-framework .aaf-mock--chatgpt .ai-answer-card.ai-chatgpt-window,
body.bp-index7 #benefits #ai-authority-framework .aaf-mock--chatgpt .ai-answer-card-wrap {
border: var(--bp7-card-border) !important;
border-radius: var(--bp7-card-radius) !important;
box-shadow: none !important;
outline: none !important;
}
body.bp-index7 #benefits #website-traffic .bp5-ben .traffic-win {
border: 0 !important;
outline: none !important;
box-shadow: none !important;
}
body.bp-index7 #wrap #benefits #website-traffic,
body.bp-index7 #benefits #website-traffic,
body.bp-index7 #benefits #website-traffic > .lqd-column,
body.bp-index7 #benefits #website-traffic > .feature-box,
body.bp-index7 #benefits .benefits-cards-scroll {
margin-bottom: 0 !important;
}
body.bp-index7 #wrap #benefits #ai-authority-framework,
body.bp-index7 #benefits #ai-authority-framework {
--bp7-aaf-card-trim: 41px;
margin-top: var(--bp7-benefit-block-gap) !important;
border: var(--bp7-card-border) !important;
border-radius: var(--bp7-card-radius) var(--bp7-card-radius) 0 0 !important;
box-shadow: none !important;
padding-top: var(--bp7-frame-pad-top) !important;
padding-bottom: calc(clamp(14rem, 24vw, 20rem) - var(--bp7-aaf-card-trim)) !important;
}
body.bp-index7 #wrap #benefits #ai-authority-framework .aaf-header,
body.bp-index7 #benefits #ai-authority-framework .aaf-header {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 0 !important;
padding-top: 0 !important;
}
body.bp-index7 #benefits #ai-authority-framework .aaf-mock--chatgpt .ai-chatgpt-composer {
margin-top: calc(3.35rem - var(--bp7-aaf-card-trim)) !important;
}
body.bp-index7 #benefits #ai-authority-framework .aaf-mock--chatgpt .ai-answer-card.ai-chatgpt-window {
min-height: calc(29rem - var(--bp7-aaf-card-trim));
}
body.bp-index7 #benefits #ai-authority-framework .aaf-mock-panel {
min-height: calc(28.5rem - var(--bp7-aaf-card-trim));
}
body.bp-index7 #benefits #ai-authority-framework .aaf-news-image {
height: calc(7.5rem - var(--bp7-aaf-card-trim));
}
body.bp-index7 #benefits #ai-authority-framework .aaf-news-card--ap .aaf-news-image {
height: calc(7.1rem - var(--bp7-aaf-card-trim));
}
body.bp-index7 #hero-section .hero-video-container,
body.bp-index7 #hero-section .hero-video,
body.bp-index7 #hero-section #homepage-video,
body.bp-index7 #hero-section #homepage-video img,
body.bp-index7 #how-it-works .how-it-works-media .liquid-img-group-img-container,
body.bp-index7 #how-it-works .how-it-works-media .liquid-img-container-inner,
body.bp-index7 #recommendations .bp-vt-media {
border: 0 !important;
border-radius: var(--bp7-card-radius) !important;
box-shadow: none !important;
overflow: hidden;
}
body.bp-index7 #recommendations .bp-vt-viewport {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
body.bp-index7 #how-it-works .how-it-works-media .liquid-img-group-img-container:hover,
body.bp-index7 #how-it-works .how-it-works-media .liquid-img-group-img-container:focus-within,
body.bp-index7 #recommendations .bp-vt-media:hover,
body.bp-index7 #recommendations .bp-vt-media:focus {
box-shadow: none !important;
}
body.bp-index7 #hero-section .hero-eyebrow-trustpilot,
body.bp-index7 #faq .search-form,
body.bp-index7 .main-header .megamenu .search-form,
body.bp-index7 #faq .search-form + .btn.circle,
body.bp-index7 .main-header .megamenu .search-form + .btn.circle,
body.bp-index7 #wrap .btn.btn-white-blue.circle {
border: 1px solid #e5e7eb !important;
}
body.bp-index7 #case-studies .case-study-card .contents {
height: 100%;
position: relative;
z-index: 2;
pointer-events: none;
}
body.bp-index7 #case-studies .case-study-card .liquid-overlay-link {
z-index: 1;
}
body.bp-index7 #case-studies .case-study-card .case-study-read-cta {
margin-bottom: 0 !important;
}
body.bp-index7 #package-addons .bp7-addon-row {
display: grid;
grid-template-columns: 3.75rem minmax(0, 1fr) auto;
gap: 1rem;
align-items: center;
width: 100%;
}
body.bp-index7 #package-addons .bp7-addon-logo-link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 3.75rem;
height: 3.75rem;
border-radius: 0.875rem;
background: #f3f0ff;
text-decoration: none;
}
body.bp-index7 #package-addons .bp7-addon-logo {
display: block;
width: 2rem;
height: 2rem;
margin: 0 !important;
object-fit: contain;
}
body.bp-index7 #package-addons .bp7-addon-copy {
min-width: 0;
}
body.bp-index7 #package-addons .bp7-addon-title {
margin: 0 0 0.2rem;
color: var(--color-text, #1d1d1d);
font-size: 1.125rem;
font-weight: 600;
line-height: 1.3;
}
body.bp-index7 #package-addons .bp7-addon-title a {
color: inherit;
text-decoration: none;
}
body.bp-index7 #package-addons .bp7-addon-description {
margin: 0;
color: var(--color-text-body, #737373);
font-size: 0.875rem;
font-weight: 400;
line-height: 1.45;
}
body.bp-index7 #package-addons .bp7-addon-price {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 4.5rem;
padding: 0.65rem 0.8rem;
border-radius: 0.5rem;
background: #242424 !important;
color: #fff;
font-size: 1rem;
font-weight: 600;
line-height: 1;
white-space: nowrap;
}
body.bp-index7 #package-addons .bp7-addon-actions {
margin-top: 1.75rem;
text-align: center;
}
body.bp-index7 #packages #package-addons .bp7-addon-actions .secure-checkout-badges {
margin: 0 !important;
}
body.bp-index7 #package-addons .bp7-addon-compare {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
column-gap: 2.75rem;
row-gap: 0.75rem;
margin: 0 0 1.25rem !important;
}
body.bp-index7 #package-addons .bp7-addon-compare a {
margin: 0 !important;
}
body.bp-index7 #pricing #pricing-comparison-table .bp7-ask-question-link .fa-comment,
body.bp-index7 #package-addons .bp7-ask-question-link .fa-comment {
display: inline-block !important;
margin: 0 0.35rem 0 0 !important;
font-size: 0.95em;
line-height: 1;
text-decoration: none !important;
text-decoration-line: none !important;
vertical-align: -0.05em;
}
@media (min-width: 768px) {
body.bp-index7 #wrap #benefits > .container > .px-2 > .row:first-child {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
}
@media (min-width: 1200px) {
body.bp-index7 #benefits .bp7-benefits-title {
white-space: nowrap;
}
}
@media (max-width: 991px) {
body.bp-index7 #package-addons .bp7-addon-inner {
margin-top: 1.5rem;
}
body.bp-index7 #package-addons .bp7-addon-card {
padding: 1rem !important;
}
body.bp-index7 #package-addons .bp7-addon-row {
grid-template-columns: 3.25rem minmax(0, 1fr) auto;
gap: 0.75rem;
}
body.bp-index7 #package-addons .bp7-addon-logo-link {
width: 3.25rem;
height: 3.25rem;
}
body.bp-index7 #package-addons .bp7-addon-title {
font-size: 1rem;
}
body.bp-index7 #package-addons .bp7-addon-price {
min-width: 4rem;
padding: 0.6rem 0.65rem;
font-size: 0.9375rem;
}
}
body.bp-index7 #how-it-works .ai-authority-signal-title,
body.bp-index7 #how-it-works .how-it-works-result .ai-authority-signal-title {
font-family: inherit !important;
font-size: 1.25rem !important;
font-weight: 700 !important;
line-height: 1.35 !important;
letter-spacing: normal !important;
color: #1d1d1d !important;
}
body.bp-index7 #how-it-works .how-it-works-header-row > .lqd-column {
padding-bottom: var(--space-6, 1.5rem) !important;
}
body.bp-index7 #how-it-works .how-it-works-header {
padding-bottom: 0 !important;
}
body.bp-index7 #how-it-works .how-it-works-header .heading-label {
margin-bottom: var(--space-3, 0.75rem) !important;
}
body.bp-index7 #how-it-works .how-it-works-header h2 {
margin-top: 0 !important;
}
body.bp-index7 #how-it-works .how-it-works-header p.lead {
width: 100%;
margin-left: auto !important;
margin-right: auto !important;
}
body.bp-index7 #how-it-works .how-it-works-steps {
gap: var(--space-4, 1rem) !important;
}
body.bp-index7 #how-it-works .bp7-hiw-steps-card,
body.bp-index7 #money-back-guarantee .bp-mbg-stage-copy {
display: contents;
}
body.bp-index7 #how-it-works .how-it-works-steps .ai-authority-signal {
align-items: center;
gap: var(--space-4, 1rem);
}
body.bp-index7 #how-it-works .ai-authority-signal-desc {
color: var(--color-text-body, #737373);
font-size: 0.9375rem;
font-weight: var(--weight-regular, 400);
line-height: 1.45;
}
body.bp-index7 #how-it-works .how-it-works-result {
position: relative;
display: flex;
align-items: flex-start;
gap: var(--space-4, 1rem);
margin-top: 1.25rem;
padding: 1.125rem 1.25rem;
background: #fff;
border: var(--bp7-card-border, 1px solid #ededed);
border-radius: var(--bp7-card-radius, 1rem);
box-shadow: var(--bp7-card-shadow, 0 10px 28px rgba(15, 23, 42, 0.08));
opacity: 0;
transform: translateY(1rem);
transition:
opacity 0.48s ease 0.54s,
transform 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.54s;
}
body.bp-index7 #how-it-works .how-it-works-result::before {
content: none;
}
body.bp-index7 #how-it-works .how-it-works-steps.is-inview .how-it-works-result {
opacity: 1;
transform: translateY(0);
}
body.bp-index7 #how-it-works .how-it-works-result-icon,
body.bp-index7 #money-back-guarantee .how-it-works-result-icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 42px;
width: 42px;
height: 42px;
border-radius: 50%;
background: #4caf7d;
color: #fff;
font-size: 1rem;
line-height: 1;
}
body.bp-index7 #how-it-works .how-it-works-result .ai-authority-signal-title {
margin-bottom: 0.25rem;
}
body.bp-index7 #how-it-works .how-it-works-result .ai-authority-signal-title::after {
display: none !important;
}
body.bp-index7 #how-it-works .how-it-works-packages-link .fa-chevron-right {
display: inline-block !important;
margin: 0 0 0 0.5rem !important;
font-size: 0.75em;
line-height: 1;
text-decoration: none !important;
text-decoration-line: none !important;
vertical-align: 0.05em;
}
body.bp-index7 #how-it-works .how-it-works-packages-link {
margin: 3rem 0 0 !important;
padding: 0 !important;
}
@media (prefers-reduced-motion: reduce) {
body.bp-index7 #how-it-works .how-it-works-result {
opacity: 1;
transform: none;
transition: none;
}
}
body.bp-index7 #results .bp-report-browser {
border: var(--bp7-card-border, 1px solid #ededed) !important;
border-radius: var(--bp7-card-radius, 1rem) !important;
box-shadow: var(--bp7-card-shadow, 0 10px 28px rgba(15, 23, 42, 0.08)) !important;
}
body.bp-index7 #news-carousel {
margin-bottom: 0 !important;
}
body.bp-index7 #news-carousel > .col-xs-12 {
padding-bottom: 0 !important;
}
body.bp-index7 #news-carousel .news-outlet-scroller {
padding-top: 0.25rem;
padding-bottom: 0.375rem;
}
body.bp-index7 #news-carousel .news-outlet-track {
padding-bottom: 0;
}
body.bp-index7 #news-carousel .news-outlet-carousel-title {
text-align: center;
width: 100%;
margin: 0.85rem 0 0.75rem;
padding: 0;
}
body.bp-index7 #news-carousel .news-outlet-chip,
body.bp-index7 #wrap #news-carousel a.news-outlet-chip {
border-color: transparent !important;
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
transition:
transform var(--dur-base, 200ms) var(--ease-out, cubic-bezier(0.23, 1, 0.32, 1)),
box-shadow var(--dur-base, 200ms) ease,
border-color var(--dur-base, 200ms) ease,
background-color var(--dur-base, 200ms) ease,
color var(--dur-fast, 160ms) ease;
}
body.bp-index7 #news-carousel .news-outlet-chip:focus-visible,
body.bp-index7 #wrap #news-carousel a.news-outlet-chip:focus-visible {
border-color: #0587ed !important;
background: #fff !important;
background-color: #fff !important;
box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08) !important;
color: #0587ed !important;
}
@media (hover: hover) and (pointer: fine) {
body.bp-index7 #news-carousel .news-outlet-chip:hover,
body.bp-index7 #wrap #news-carousel a.news-outlet-chip:hover {
border-color: #0587ed !important;
background: #fff !important;
background-color: #fff !important;
box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08) !important;
color: #0587ed !important;
}
}
body.bp-index7 #benefits #ai-authority-framework .aaf-track-ai-logos li {
border-color: transparent !important;
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
color: #fff !important;
padding: 0.8rem 1.2rem;
font-size: 0.9375rem;
gap: 0.625rem;
transition:
transform var(--dur-base, 200ms) var(--ease-out, cubic-bezier(0.23, 1, 0.32, 1)),
box-shadow var(--dur-base, 200ms) ease,
border-color var(--dur-base, 200ms) ease,
background-color var(--dur-base, 200ms) ease,
color var(--dur-fast, 160ms) ease;
}
body.bp-index7 #benefits #ai-authority-framework .aaf-track-ai-logos li:focus-visible {
border-color: #0587ed !important;
background: #fff !important;
background-color: #fff !important;
box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08) !important;
color: #0587ed !important;
}
@media (hover: hover) and (pointer: fine) {
body.bp-index7 #benefits #ai-authority-framework .aaf-track-ai-logos li:hover {
transform: translateY(-1px) scale(1.02);
border-color: #0587ed !important;
background: #fff !important;
background-color: #fff !important;
box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08) !important;
color: #0587ed !important;
}
}
@media (prefers-reduced-motion: reduce) {
body.bp-index7 #benefits #ai-authority-framework .aaf-track-ai-logos li:hover {
transform: none;
box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08) !important;
border-color: #0587ed !important;
color: #0587ed !important;
}
}
@media (min-width: 992px) {
body.bp-index7 #how-it-works .how-it-works-header-row > .lqd-column {
padding-bottom: 3.5rem !important;
}
body.bp-index7 #wrap #how-it-works .how-it-works-content-col {
display: flex !important;
flex-direction: column;
justify-content: center;
align-self: stretch !important;
}
body.bp-index7 #wrap #how-it-works .how-it-works-content-col > .bp-m-band--how {
width: 100%;
}
body.bp-index7 #wrap #how-it-works:has(> .custom-shape-divider-bottom-1621016099),
body.bp-index7 #wrap #how-it-works {
padding-bottom: calc(var(--section-divider-crest, 8.5rem) + 3rem) !important;
}
}
@media (min-width: 1200px) {
body.bp-index7 #how-it-works {
padding-top: 0 !important;
}
}
@media (max-width: 991px) {
body.bp-index7 #wrap #how-it-works:has(> .custom-shape-divider-bottom-1621016099),
body.bp-index7 #wrap #how-it-works {
padding-bottom: var(--space-12, 3rem) !important;
}
}
@media (max-width: 767px) {
body.bp-index7 #how-it-works .how-it-works-steps .ai-authority-signal {
padding: 0.9rem 1rem !important;
}
body.bp-index7 #how-it-works .how-it-works-result {
margin-top: 1rem;
padding: 1rem !important;
}
body.bp-index7 #how-it-works .how-it-works-result::before {
content: none;
}
body.bp-index7 #how-it-works .bp-m-band--how .how-it-works-subhead {
margin-bottom: var(--space-2, 0.5rem) !important;
}
body.bp-index7 #how-it-works .bp-m-band--how > p.lead {
margin-bottom: 0 !important;
}
}
body.bp-index7 #pricing #pricing-comparison-table {
outline: none;
}
body.bp-index7 #trust-badge .bp5-ben .site .hero {
background-color: #132247;
background-image:
linear-gradient(90deg, rgba(8, 22, 48, 0.88) 0%, rgba(8, 22, 48, 0.72) 52%, rgba(8, 22, 48, 0.22) 100%),
url("/assets/img/skydiving-hero.jpg");
background-position: center 42%;
background-size: cover;
background-repeat: no-repeat;
}
body.bp-index7 #trust-badge .bp5-ben .site .hero::before,
body.bp-index7 #trust-badge .bp5-ben .site .hero::after {
display: none;
}
body.bp-index7 #trust-badge .bp5-ben .site .hero > * {
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.38);
}
@media (min-width: 992px) {
body.bp-index7 #trust-badge > .lqd-column.mb-30 > .bp5-benefit-stage .bp5-ben {
height: calc(var(--s, 1) * 610px) !important;
aspect-ratio: 920 / 610;
}
body.bp-index7 #trust-badge .bp5-ben .badgepanel {
top: 325px !important;
}
}
body.bp-index7 #benefits #ai-authority-framework .aaf-news-image,
body.bp-index7 #benefits #ai-authority-framework .aaf-news-card--ap .aaf-news-image {
background-image:
linear-gradient(180deg, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.12)),
url("/assets/img/Nuvora-featured-image.jpg");
background-position: center top;
background-size: cover;
background-repeat: no-repeat;
}
body.bp-index7 #wrap #benefits #ai-authority-framework .aaf-header,
body.bp-index7 #wrap #benefits #ai-authority-framework .aaf-header .lead {
max-width: none !important;
}
body.bp-index7 #benefits #ai-authority-framework .aaf-ai-proof {
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: center;
gap: 0.75rem 1.25rem;
margin-top: 0.85rem;
}
body.bp-index7 #benefits #ai-authority-framework .aaf-ai-kpi {
display: inline-flex;
align-items: baseline;
gap: 0.5rem;
padding-right: 1.25rem;
border-right: 1px solid rgba(255, 255, 255, 0.18);
white-space: nowrap;
}
body.bp-index7 #benefits #ai-authority-framework .aaf-ai-kpi-value {
color: var(--aaf-ink, #fff);
font-size: 1.5rem !important;
font-weight: 700 !important;
line-height: 1.35 !important;
letter-spacing: normal !important;
}
body.bp-index7 #benefits #ai-authority-framework .aaf-ai-kpi-label {
color: var(--aaf-body, rgba(255, 255, 255, 0.68));
font-size: 0.875rem;
font-weight: 600;
line-height: 1.3;
}
body.bp-index7 #benefits #ai-authority-framework .aaf-ai-guarantee-link {
display: inline;
color: var(--aaf-accent, #7ec2ff) !important;
font-size: 0.9375rem;
font-weight: 600;
line-height: 1.4;
text-decoration: none;
}
body.bp-index7 #benefits #ai-authority-framework .aaf-ai-guarantee-link:hover,
body.bp-index7 #benefits #ai-authority-framework .aaf-ai-guarantee-link:focus-visible {
color: #fff !important;
text-decoration: underline;
text-underline-offset: 0.22em;
}
body.bp-index7 #benefits #ai-authority-framework .aaf-ai-guarantee-link .fa-chevron-right {
display: inline-block !important;
margin-left: 0.5rem;
font-size: 0.75em;
line-height: 1;
text-decoration: none !important;
text-decoration-line: none !important;
vertical-align: 0.05em;
}
@media (max-width: 767px) {
body.bp-index7 #benefits #ai-authority-framework .aaf-ai-proof {
flex-direction: column;
align-items: center;
gap: 0.7rem;
margin-top: 0.85rem;
}
body.bp-index7 #benefits #ai-authority-framework .aaf-ai-kpi {
padding-right: 0;
border-right: 0;
}
body.bp-index7 #benefits #ai-authority-framework .aaf-ai-guarantee-link {
justify-content: center;
max-width: 19rem;
font-size: 0.875rem;
text-align: center;
}
}
body.bp-index7 #ai-authority-framework .aaf-feed-arrows-fade {
opacity: 1 !important;
transition: none !important;
}
body.bp-index7 #ai-authority-framework .aaf-feed-arrow {
opacity: 0;
will-change: opacity, clip-path;
}
body.bp-index7 #ai-authority-framework .aaf-feed-arrow--bi {
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
}
body.bp-index7 #ai-authority-framework .aaf-feed-arrow--ap {
-webkit-clip-path: inset(0 0 0 100%);
clip-path: inset(0 0 0 100%);
}
body.bp-index7 #ai-authority-framework .aaf-feed-arrows-fade.is-visible .aaf-feed-arrow--bi {
animation: bp7-aaf-arrow-ltr 620ms cubic-bezier(0.22, 1, 0.36, 1) 250ms both;
}
body.bp-index7 #ai-authority-framework .aaf-feed-arrows-fade.is-visible .aaf-feed-arrow--ap {
animation: bp7-aaf-arrow-rtl 620ms cubic-bezier(0.22, 1, 0.36, 1) 950ms both;
}
@keyframes bp7-aaf-arrow-ltr {
0% {
opacity: 0;
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
}
15% { opacity: 1; }
100% {
opacity: 1;
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
}
@keyframes bp7-aaf-arrow-rtl {
0% {
opacity: 0;
-webkit-clip-path: inset(0 0 0 100%);
clip-path: inset(0 0 0 100%);
}
15% { opacity: 1; }
100% {
opacity: 1;
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
}
@media (prefers-reduced-motion: reduce) {
body.bp-index7 #ai-authority-framework .aaf-feed-arrow {
opacity: 1;
animation: none !important;
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
}
body.bp-index7 #wrap #packages #package-addons .news-network-heading-flex + .row {
margin-bottom: var(--space-2, 0.5rem) !important;
}
@media (min-width: 768px) {
body.bp-index7 #how-it-works .how-it-works-steps .ai-authority-signal-num {
flex-basis: 38px;
width: 38px;
height: 38px;
font-size: 1.0625rem;
}
body.bp-index7 #how-it-works .how-it-works-steps .ai-authority-signal-title {
font-size: 1.25rem !important;
font-weight: 700 !important;
}
body.bp-index7 #faq .search-form,
body.bp-index7 #faq .search-form + .btn,
body.bp-index7 .main-header .megamenu .search-form,
body.bp-index7 .main-header .megamenu .search-form + .btn {
height: var(--bp7-control-height) !important;
min-height: var(--bp7-control-height) !important;
max-height: var(--bp7-control-height) !important;
box-sizing: border-box;
}
body.bp-index7 #faq .search-field,
body.bp-index7 #faq .search-button,
body.bp-index7 .main-header .megamenu .search-field,
body.bp-index7 .main-header .megamenu .search-button {
height: 100% !important;
min-height: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
box-sizing: border-box;
}
body.bp-index7 #faq .search-button,
body.bp-index7 #faq .search-form + .btn,
body.bp-index7 .main-header .megamenu .search-button,
body.bp-index7 .main-header .megamenu .search-form + .btn {
display: inline-flex;
align-items: center;
justify-content: center;
}
body.bp-index7 #faq .search-form + .btn > span,
body.bp-index7 #faq .search-form + .btn .btn-txt,
body.bp-index7 .main-header .megamenu .search-form + .btn > span,
body.bp-index7 .main-header .megamenu .search-form + .btn .btn-txt {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body.bp-index7 #how-it-works .how-it-works-media .liquid-img-group-content.content-floated-mid {
z-index: 12 !important;
pointer-events: none !important;
}
body.bp-index7 #how-it-works .how-it-works-media .how-it-works-video-trigger {
z-index: 2 !important;
}
body.bp-index7 #how-it-works .how-it-works-media .bp-hiw-play {
position: relative;
z-index: 5;
width: 11.75rem !important;
padding: 0 1.15rem 0 1rem !important;
gap: 0.55rem;
color: #1d1d1d !important;
pointer-events: auto !important;
cursor: pointer;
}
body.bp-index7 #how-it-works .how-it-works-media .bp-hiw-play .fa {
margin-left: 0 !important;
}
body.bp-index7 #how-it-works .how-it-works-media .bp-hiw-play-label {
max-width: 9rem !important;
opacity: 1 !important;
}
body.bp-index7 #how-it-works .how-it-works-media .liquid-img-group-img-container:hover .bp-hiw-play,
body.bp-index7 #how-it-works .how-it-works-media .liquid-img-group-img-container:focus-within .bp-hiw-play {
border-color: #ededed !important;
background: #fff !important;
color: #1d1d1d !important;
box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12);
}
body.bp-index7 #how-it-works .how-it-works-media .liquid-img-group-img-container:hover .bp-hiw-play:hover,
body.bp-index7 #how-it-works .how-it-works-media .liquid-img-group-img-container:focus-within .bp-hiw-play:focus-visible {
border-color: #0287ed !important;
background: #0287ed !important;
color: #fff !important;
box-shadow: 0 14px 32px rgba(2, 135, 237, 0.28);
}
@media (min-width: 1200px) {
body.bp-index7 #case-studies .case-study-card .contents {
display: grid !important;
grid-template-columns: minmax(180px, 42%) minmax(0, 1fr);
grid-template-rows: auto auto 1fr auto;
column-gap: var(--space-5, 1.25rem);
align-items: stretch;
width: 100%;
height: 100%;
}
body.bp-index7 #case-studies .case-study-card .case-study-picture {
display: block;
grid-column: 1;
grid-row: 1 / -1;
align-self: stretch;
width: 100%;
height: 100% !important;
min-height: 100%;
aspect-ratio: auto;
margin: 0 !important;
overflow: hidden;
}
body.bp-index7 #case-studies .case-study-card .case-study-picture img {
display: block;
width: 100%;
height: 100% !important;
min-height: 100%;
aspect-ratio: auto !important;
margin: 0 !important;
object-fit: cover;
}
body.bp-index7 #case-studies .case-study-card .contents > h4,
body.bp-index7 #case-studies .case-study-card .contents > p.h5,
body.bp-index7 #case-studies .case-study-card .contents > p:not(.h5) {
margin-left: 0;
}
body.bp-index7 #case-studies .case-study-card .contents > h4 {
grid-column: 2;
grid-row: 1;
}
body.bp-index7 #case-studies .case-study-card .contents > p.h5 {
grid-column: 2;
grid-row: 2;
}
body.bp-index7 #case-studies .case-study-card .contents > p:not(.h5) {
grid-column: 2;
grid-row: 3;
margin-bottom: var(--space-4, 1rem);
}
body.bp-index7 #case-studies .case-study-card .case-study-read-cta {
grid-column: 2;
grid-row: 4;
align-self: end;
justify-self: start;
width: auto;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
body.bp-index7 .main-footer .footer-bottom-payments .inline-nav {
gap: 0.4rem 0.6rem;
}
body.bp-index7 .main-footer .footer-bottom-payments .inline-nav > li .fab {
font-size: 1.75rem !important;
}
body.bp-index7 .main-footer .footer-bottom-payments .footer-pay-icon svg {
height: 1.5rem;
}
body.bp-index7 .main-footer .footer-bottom-payments .footer-pay-icon--visa svg {
height: 1.35rem;
}
body.bp-index7 .main-footer .footer-bottom-payments .footer-pay-icon--mastercard svg {
height: 1.5rem;
}
body.bp-index7 .main-footer .footer-bottom-payments .footer-pay-icon--amex svg {
height: 1.55rem;
max-width: 3.4rem;
}
body.bp-index7 .main-footer .footer-bottom-payments .footer-pay-icon--paypal svg {
height: 1.55rem;
max-width: 3.6rem;
}
body.bp-index7 .main-footer .footer-bottom-payments .inline-nav img[alt*="Klarna"] {
width: auto;
height: 0.6rem;
max-height: 0.6rem;
}
}
@media (min-width: 1200px) {
body.bp-index7 .mainbar-container,
body.bp-index7 #hero-section > .container,
body.bp-index7 #news-carousel .container,
body.bp-index7 #live-totals .container,
body.bp-index7 #how-it-works > .container,
body.bp-index7 #benefits > .container,
body.bp-index7 #results > .container,
body.bp-index7 #recommendations > .container,
body.bp-index7 #case-studies > .container,
body.bp-index7 #packages > .container,
body.bp-index7 #pricing > .container,
body.bp-index7 #money-back-guarantee > .container,
body.bp-index7 #reviews > .container,
body.bp-index7 #faq > .container,
body.bp-index7 #official-reviews .container,
body.bp-index7 section.cta1 > .container,
body.bp-index7 .main-footer > section > .container {
width: min(var(--bp7-content-max), calc(100% - var(--bp7-viewport-inset))) !important;
max-width: var(--bp7-content-max) !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box;
}
body.bp-index7 #case-studies,
body.bp-index7 #packages,
body.bp-index7 #pricing {
padding-left: 0 !important;
padding-right: 0 !important;
}
body.bp-index7 .mainbar-container .mainbar {
width: 100%;
}
body.bp-index7 .mainbar-container .mainbar-row {
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.bp-index7 .mainbar-container .mainbar-row > .col:first-child {
padding-left: 0 !important;
}
body.bp-index7 .mainbar-container .mainbar-row > .col:last-child {
padding-right: 0 !important;
}
body.bp-index7 #hero-section > .container > .row {
display: grid !important;
grid-template-columns: minmax(0, 650px) minmax(424px, 1fr);
gap: 2.5rem;
align-items: center !important;
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.bp-index7 #hero-section > .container > .row > .lqd-column {
float: none !important;
width: auto !important;
max-width: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.bp-index7 #hero-section > .container > .row > .lqd-column:last-child {
display: block;
align-self: stretch;
margin-top: 1.5rem !important;
padding-top: 0.5rem !important;
}
body.bp-index7 #hero-section > .container > .row > .lqd-column:last-child > .liquid-img-container-inner {
width: 100%;
max-width: 100%;
margin-left: 0;
}
body.bp-index7 #hero-section .hero-video-container {
width: 424px;
height: 524px;
max-width: 100%;
aspect-ratio: 424 / 524;
}
body.bp-index7 #hero-section .hero-video {
width: 100%;
height: 100%;
}
body.bp-index7 #news-carousel .container > .row {
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.bp-index7 #news-carousel .container > .row > .lqd-column {
padding-left: 0 !important;
padding-right: 0 !important;
}
body.bp-index7 #news-carousel .news-outlet-scroller-shell {
width: 100%;
}
body.bp-index7 #how-it-works .how-it-works-header-row,
body.bp-index7 #how-it-works .how-it-works-layout {
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.bp-index7 #how-it-works .how-it-works-header-row > .lqd-column {
float: none !important;
width: min(100%, var(--bp7-intro-max)) !important;
max-width: var(--bp7-intro-max);
margin-left: auto !important;
margin-right: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.bp-index7 #how-it-works .how-it-works-layout {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--bp7-layout-gap);
align-items: center !important;
}
body.bp-index7 #how-it-works .how-it-works-layout > .lqd-column {
float: none !important;
width: auto !important;
max-width: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.bp-index7 #how-it-works .how-it-works-media,
body.bp-index7 #how-it-works .how-it-works-media .liquid-img-container-inner {
width: 100%;
max-width: none;
margin-left: 0;
margin-right: 0;
}
body.bp-index7 #benefits > .container > .px-2 > .row:first-child,
body.bp-index7 #results > .container > .row:first-child,
body.bp-index7 #recommendations > .container:first-of-type > .row,
body.bp-index7 #case-studies > .container:first-of-type > .row,
body.bp-index7 #packages > #news_sites > .row:first-of-type,
body.bp-index7 #pricing > .container > .row:first-child,
body.bp-index7 #money-back-guarantee > .container > .bp-mbg-header-row,
body.bp-index7 #reviews > .container:first-of-type > .row,
body.bp-index7 #faq > .container > .row,
body.bp-index7 section.cta1 > .container > .row {
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.bp-index7 #benefits > .container > .px-2 > .row:first-child > .lqd-column,
body.bp-index7 #results > .container > .row:first-child > .lqd-column,
body.bp-index7 #recommendations > .container:first-of-type > .row > .lqd-column,
body.bp-index7 #case-studies > .container:first-of-type > .row > .lqd-column,
body.bp-index7 #packages > #news_sites > .row:first-of-type > .lqd-column,
body.bp-index7 #pricing > .container > .row:first-child > .lqd-column,
body.bp-index7 #money-back-guarantee > .container > .bp-mbg-header-row > .lqd-column,
body.bp-index7 #reviews > .container:first-of-type > .row > .lqd-column,
body.bp-index7 #faq > .container > .row > .lqd-column:first-child,
body.bp-index7 section.cta1 > .container > .row > .lqd-column {
float: none !important;
width: min(100%, var(--bp7-intro-max)) !important;
max-width: var(--bp7-intro-max) !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.bp-index7 #benefits > .container > .row {
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.bp-index7 #benefits > .container > .row > .lqd-column {
float: none !important;
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.bp-index7 #benefits .benefits-cards-scroll {
width: 100%;
}
body.bp-index7 #benefits .benefits-cards-scroll > .row {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: clamp(2.5rem, 3.35vw, 3rem);
align-items: center !important;
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.bp-index7 #benefits .benefits-cards-scroll > .row > .lqd-column {
float: none !important;
width: auto !important;
max-width: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-bottom: 0 !important;
}
body.bp-index7 #wrap #benefits #trust-badge,
body.bp-index7 #wrap #benefits #SEO,
body.bp-index7 #benefits .benefits-cards-scroll > .row {
margin-bottom: 0 !important;
}
body.bp-index7 #wrap #benefits #SEO,
body.bp-index7 #wrap #benefits #website-traffic,
body.bp-index7 #benefits #SEO,
body.bp-index7 #benefits #website-traffic {
margin-top: 6.875rem !important;
}
body.bp-index7 #wrap #benefits #website-traffic,
body.bp-index7 #benefits #website-traffic {
margin-bottom: 0 !important;
}
body.bp-index7 #wrap #benefits #ai-authority-framework,
body.bp-index7 #benefits #ai-authority-framework {
margin-top: var(--bp7-benefit-block-gap) !important;
}
body.bp-index7 #benefits .benefits-cards-scroll > .row > .feature-box {
width: 100% !important;
max-width: var(--bp7-feature-copy-max) !important;
}
body.bp-index7 #benefits #website-traffic > .feature-box {
justify-self: start;
}
body.bp-index7 #benefits #SEO > .feature-box,
body.bp-index7 #benefits #trust-badge > .feature-box {
justify-self: end;
}
body.bp-index7 #benefits .benefits-cards-scroll > .row > .lqd-column:not(.feature-box) {
width: 100% !important;
max-width: 540px !important;
}
body.bp-index7 #benefits #website-traffic > .lqd-column:not(.feature-box) {
justify-self: end;
}
body.bp-index7 #benefits #SEO > .lqd-column:not(.feature-box),
body.bp-index7 #benefits #trust-badge > .lqd-column:not(.feature-box) {
justify-self: start;
}
body.bp-index7 #benefits #ai-authority-framework {
width: 100% !important;
max-width: 100% !important;
}
body.bp-index7 #benefits #ai-authority-framework > .row {
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.bp-index7 #benefits #ai-authority-framework > .row > .lqd-column {
float: none !important;
width: min(975px, calc(100% - 64px)) !important;
max-width: 975px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.bp-index7 #results .bp-report-showcase,
body.bp-index7 #results .bp-report-format-actions,
body.bp-index7 #results .bp-report-format-mobile {
width: 100%;
max-width: none !important;
margin-left: auto;
margin-right: auto;
}
body.bp-index7 #results .bp-report-showcase:not([data-report-tabs]) {
grid-template-columns: minmax(0, 1fr) minmax(520px, 560px) !important;
gap: var(--bp7-layout-gap) !important;
align-items: center;
}
body.bp-index7 #results .bp-report-showcase:not([data-report-tabs]) .bp-report-preview-column {
width: 100%;
max-width: 560px !important;
justify-self: end;
}
body.bp-index7 #results .bp-report-feature-list {
width: 100%;
max-width: 100%;
}
body.bp-index7 #recommendations > .bp-vt-desktop {
width: min(var(--bp7-content-max), calc(100% - var(--bp7-viewport-inset))) !important;
max-width: var(--bp7-content-max) !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box;
}
body.bp-index7 #recommendations .bp-vt-frame {
width: 100%;
max-width: none !important;
}
body.bp-index7 #recommendations .bp-vt-track {
gap: 20px;
}
body.bp-index7 #recommendations .bp-vt-media {
aspect-ratio: 4 / 5;
}
body.bp-index7 #case-studies .case-studies-cards {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
align-items: stretch;
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.bp-index7 #case-studies .case-studies-cards > .lqd-column:not(.hidden) {
display: flex !important;
float: none !important;
width: auto !important;
max-width: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.bp-index7 #packages .packages-trust-row {
min-height: 40px;
align-items: center;
}
body.bp-index7 #packages .packages-trust-row .inline-reviews {
display: flex;
align-items: center;
justify-content: center;
height: 40px;
overflow: visible;
}
body.bp-index7 #packages .packages-trust-row .inline-circle {
display: inline-flex;
align-items: center;
height: 40px;
position: relative;
}
body.bp-index7 #packages .packages-trust-row .inline-circle img {
width: 40px !important;
height: 40px !important;
min-width: 40px;
max-width: none !important;
margin-top: 0 !important;
margin-right: -15px;
flex: 0 0 40px;
object-fit: cover;
}
body.bp-index7 #packages .packages-trust-row .inline-circle:hover {
transform: none !important;
}
body.bp-index7 #packages .packages-trust-row .inline-circle:hover img {
position: relative;
width: 40px !important;
height: 40px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
transform: scale(1.15);
transform-origin: center;
}
body.bp-index7 #packages .bp-pricing-board,
body.bp-index7 #packages .bp-pricing-board-row {
width: 100%;
max-width: none;
}
body.bp-index7 #packages .bp-pricing-board .pricing-package-col,
body.bp-index7 #wrap #packages .bp-pricing-board .pricing-package-col {
flex: 0 0 25% !important;
width: 25% !important;
max-width: 25% !important;
}
body.bp-index7 #package-addons > .row {
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.bp-index7 #package-addons > .row > .lqd-column {
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.bp-index7 #package-addons .news-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.bp-index7 #package-addons .news-grid > [class*="col-"] {
float: none !important;
width: auto !important;
max-width: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.bp-index7 #pricing .pricing-table-row,
body.bp-index7 #pricing .pricing-table-row > .col-12,
body.bp-index7 #pricing .pricing-table-row > .col-12 > div,
body.bp-index7 #pricing .pricing-table-row .contents,
body.bp-index7 #pricing .pricing-table-row .contents > .row {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.bp-index7 #pricing #pricing-comparison-table {
display: table !important;
width: 100% !important;
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
table-layout: fixed !important;
box-sizing: border-box;
}
body.bp-index7 #pricing #pricing-comparison-table thead th:first-child {
width: 33.333333% !important;
}
body.bp-index7 #pricing #pricing-comparison-table thead th:not(:first-child) {
width: 16.666667% !important;
}
body.bp-index7 #pricing #pricing-comparison-table .comparison-publish-btn {
padding-top: 0.65rem;
padding-bottom: 0.65rem;
border-radius: 8px !important;
}
body.bp-index7 #pricing #pricing-comparison-table .comparison-publish-btn .btn-txt {
font-size: 0.9375rem !important;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.015em;
}
body.bp-index7 #pricing #pricing-comparison-table tbody tr > td:first-child {
padding-left: 2rem !important;
}
body.bp-index7 #pricing #pricing-comparison-table tbody tr > td:first-child.pricing-select-container {
padding-right: 1rem !important;
}
body.bp-index7 #pricing .pricing-upsell-row,
body.bp-index7 #pricing .pricing-upsell-row > .row,
body.bp-index7 #pricing .pricing-upsell-row > .row > .row {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.bp-index7 #pricing .pricing-upsell-row > .row > .row {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--bp7-card-grid-gap, 24px);
}
body.bp-index7 #pricing .pricing-upsell-row .bp-upsell-col {
float: none !important;
width: auto !important;
max-width: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.bp-index7 #money-back-guarantee .bp-mbg-row {
display: grid !important;
grid-template-columns: 1fr;
gap: var(--bp7-card-grid-gap, 24px);
align-items: stretch;
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.bp-index7 #money-back-guarantee .bp-mbg-row > .bp-upsell-card {
float: none !important;
width: auto !important;
max-width: none !important;
}
body.bp-index7 #money-back-guarantee .bp-mbg-visual {
width: 100%;
max-width: 100%;
overflow: hidden;
}
body.bp-index7 #money-back-guarantee .bp-mbg-visual .bp5-ben {
width: 100%;
max-width: 100%;
height: calc(var(--s, 1) * 660px) !important;
aspect-ratio: 920 / 660;
}
body.bp-index7 #money-back-guarantee .bp-mbg-visual .bp5-ben .stage {
height: 660px;
}
body.bp-index7 #money-back-guarantee .bp-mbg-visual .bp5-ben .win.news {
left: 0 !important;
height: 620px !important;
overflow: hidden;
background: #fff;
border: var(--bp7-card-border) !important;
border-radius: var(--bp7-card-radius) !important;
outline: none !important;
box-shadow: none !important;
-webkit-mask-image:
linear-gradient(to right, #000 52%, rgba(0, 0, 0, 0.4) 72%, transparent 90%),
linear-gradient(to bottom, #000 68%, transparent);
-webkit-mask-composite: source-in;
mask-image:
linear-gradient(to right, #000 52%, rgba(0, 0, 0, 0.4) 72%, transparent 90%),
linear-gradient(to bottom, #000 68%, transparent);
mask-composite: intersect;
}
body.bp-index7 #money-back-guarantee .bp-mbg-visual .bp5-ben .news-face {
-webkit-mask-image: none !important;
mask-image: none !important;
border: 0 !important;
outline: none !important;
box-shadow: none !important;
border-radius: calc(var(--bp7-card-radius) - 1px);
}
body.bp-index7 #money-back-guarantee .bp-mbg-visual .bp5-ben .notif--guarantee {
left: 260px !important;
top: 390px !important;
width: 520px;
padding: 22px 28px;
border-radius: 26px;
font-size: 24px;
box-shadow:
0 30px 64px rgba(68, 132, 94, 0.36),
0 3px 8px rgba(0, 0, 0, 0.12),
inset 0 1px 0 rgba(255, 255, 255, 0.55),
inset 0 -1px 0 rgba(255, 255, 255, 0.14);
}
body.bp-index7 #money-back-guarantee .bp-mbg-visual .bp5-ben .notif--guarantee .mini {
width: 46px;
height: 46px;
border-radius: 14px;
}
body.bp-index7 #money-back-guarantee .bp-mbg-visual .bp5-ben .notif--guarantee .mini svg {
width: 28px;
height: 28px;
}
body.bp-index7 #money-back-guarantee .bp-mbg-visual .bp5-ben .notif--guarantee .txt {
font-size: 24px;
}
body.bp-index7 #reviews {
overflow: visible;
}
body.bp-index7 #reviews .bp-rv-row {
padding: 0;
overflow: hidden;
overflow: clip;
overflow-clip-margin: 48px;
}
body.bp-index7 #reviews .bp-rv-shell {
width: min(var(--bp7-content-max), calc(100% - var(--bp7-viewport-inset)));
max-width: var(--bp7-content-max);
margin-left: auto;
margin-right: auto;
-webkit-mask-image: linear-gradient(
90deg,
transparent 0,
#000 32px,
#000 calc(100% - 32px),
transparent 100%
);
mask-image: linear-gradient(
90deg,
transparent 0,
#000 32px,
#000 calc(100% - 32px),
transparent 100%
);
}
body.bp-index7 #faq > .container > .row > .row {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(1.75rem, 2.8vw, 2.75rem);
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.bp-index7 #faq > .container > .row > .row > .lqd-column {
float: none !important;
width: auto !important;
max-width: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.bp-index7 #faq .lqd-column-inner {
padding-left: 0 !important;
padding-right: 0 !important;
padding-bottom: 0 !important;
}
body.bp-index7 #faq .accordion {
margin-bottom: 0 !important;
}
body.bp-index7 #official-reviews .container > .row {
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.bp-index7 #official-reviews .container > .row > .lqd-column {
padding-left: 0 !important;
padding-right: 0 !important;
}
body.bp-index7 section.cta1 {
position: relative;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
overflow: visible;
}
body.bp-index7 section.cta1 > .container {
position: relative;
z-index: 1;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: var(--bp7-frame-pad-top) 2rem calc(4.75rem + 65px) !important;
overflow: visible;
border: 1px solid #ededed;
border-bottom: 0;
border-radius: var(--radius-surface, 1rem) var(--radius-surface, 1rem) 0 0;
box-shadow: none;
background:
radial-gradient(circle at 12% 15%, rgba(2, 135, 237, 0.06), transparent 17rem),
linear-gradient(145deg, #fbfcfe 0%, #f5f7fa 100%);
}
body.bp-index7 section.cta1 h2 {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.bp-index7 section.cta1 > .bp7-cta-divider {
display: block !important;
position: absolute;
z-index: 3;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 65px;
overflow: hidden;
line-height: 0;
pointer-events: none;
}
body.bp-index7 section.cta1 > .bp7-cta-divider svg {
position: relative;
display: block;
width: calc(150% + 1.3px);
height: 65px;
}
body.bp-index7 section.cta1 > .bp7-cta-divider .shape-fill {
fill: var(--bp-footer-bg, #0e2744);
}
body.bp-index7 .main-footer::before {
content: none !important;
}
body.bp-index7 .main-footer .custom-shape-divider-top-1621081063 {
display: none !important;
}
body.bp-index7 .main-footer > section > .container > .row {
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.bp-index7 .main-footer > section > .container > .row > .lqd-column:first-child {
padding-left: 0 !important;
}
body.bp-index7 .main-footer > section > .container > .row > .lqd-column:last-child {
padding-right: 0 !important;
}
body.bp-index7 #hero-section > .container > .row::before,
body.bp-index7 #hero-section > .container > .row::after,
body.bp-index7 #how-it-works .how-it-works-layout::before,
body.bp-index7 #how-it-works .how-it-works-layout::after,
body.bp-index7 #benefits .benefits-cards-scroll > .row::before,
body.bp-index7 #benefits .benefits-cards-scroll > .row::after,
body.bp-index7 #case-studies .case-studies-cards::before,
body.bp-index7 #case-studies .case-studies-cards::after,
body.bp-index7 #pricing .pricing-upsell-row > .row > .row::before,
body.bp-index7 #pricing .pricing-upsell-row > .row > .row::after,
body.bp-index7 #money-back-guarantee .bp-mbg-row::before,
body.bp-index7 #money-back-guarantee .bp-mbg-row::after,
body.bp-index7 #faq > .container > .row > .row::before,
body.bp-index7 #faq > .container > .row > .row::after {
display: none !important;
content: none !important;
}
body.bp-index7 #recommendations .bp-vt-nav--prev {
left: -56px;
}
body.bp-index7 #recommendations .bp-vt-nav--next {
right: -56px;
}
}
@media (min-width: 1200px) and (max-width: 1279px) {
body.bp-index7 #recommendations .bp-vt-nav--prev {
left: 10px;
}
body.bp-index7 #recommendations .bp-vt-nav--next {
right: 10px;
}
body.bp-index7 #hero-section .screenshot-arrow {
display: none;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
body.bp-index7 #packages .bp-pricing-board-row {
display: flex !important;
flex-wrap: wrap !important;
}
body.bp-index7 #packages .bp-pricing-board .pricing-package-col,
body.bp-index7 #wrap #packages .bp-pricing-board .pricing-package-col {
flex: 0 0 50% !important;
width: 50% !important;
max-width: 50% !important;
border-right: 0 !important;
border-bottom: 0 !important;
}
body.bp-index7 #packages .bp-pricing-board .pricing-package-col:nth-child(odd),
body.bp-index7 #wrap #packages .bp-pricing-board .pricing-package-col:nth-child(odd) {
border-right: 1px solid rgba(15, 23, 42, 0.08) !important;
}
body.bp-index7 #packages .bp-pricing-board .pricing-package-col:nth-child(-n+2),
body.bp-index7 #wrap #packages .bp-pricing-board .pricing-package-col:nth-child(-n+2) {
border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
}
body.bp-index7 #packages .bp-pricing-board .pricing-package-col,
body.bp-index7 #packages .bp-pricing-board .pricing-package-col .iconbox-pricing,
body.bp-index7 #packages .bp-pricing-board .pricing-package-col .pricing-card-head {
border-radius: 0 !important;
}
body.bp-index7 #packages .bp-pricing-board .pricing-package-col:first-child,
body.bp-index7 #packages .bp-pricing-board .pricing-package-col:first-child .iconbox-pricing,
body.bp-index7 #packages .bp-pricing-board .pricing-package-col:first-child .pricing-card-head {
border-top-left-radius: 18px !important;
}
body.bp-index7 #packages .bp-pricing-board .pricing-package-col:nth-child(2),
body.bp-index7 #packages .bp-pricing-board .pricing-package-col:nth-child(2) .iconbox-pricing,
body.bp-index7 #packages .bp-pricing-board .pricing-package-col:nth-child(2) .pricing-card-head {
border-top-right-radius: 18px !important;
}
body.bp-index7 #packages .bp-pricing-board .pricing-package-col:nth-child(3),
body.bp-index7 #packages .bp-pricing-board .pricing-package-col:nth-child(3) .iconbox-pricing {
border-bottom-left-radius: 18px !important;
}
body.bp-index7 #packages .bp-pricing-board .pricing-package-col:nth-child(4),
body.bp-index7 #packages .bp-pricing-board .pricing-package-col:nth-child(4) .iconbox-pricing {
border-bottom-right-radius: 18px !important;
}
body.bp-index7 #packages .bp-pricing-board .pricing-package-col .tooltip.tooltip-plain .tooltiptext,
body.bp-index7 #wrap #packages .bp-pricing-board .pricing-package-col .tooltip.tooltip-plain .tooltiptext {
top: auto !important;
right: auto !important;
bottom: calc(100% + 0.55rem) !important;
left: 50% !important;
width: min(16rem, calc(100vw - 3rem)) !important;
max-width: min(16rem, calc(100vw - 3rem)) !important;
transform: translateX(-50%) !important;
}
body.bp-index7 #pricing {
display: none !important;
}
body.bp-index7 #packages .bp-compare-packages-btn,
body.bp-index7 #package-addons .bp7-addon-compare {
display: none !important;
}
body.bp-index7 #recommendations .bp-vt-desktop {
--bp-vt-per-page: 2;
}
}
body.bp-index7 #how-it-works,
body.bp-index7 #wrap #how-it-works,
body.bp-index7 #results,
body.bp-index7 #wrap #results,
body.bp-index7 #case-studies,
body.bp-index7 #wrap #case-studies,
body.bp-index7 #packages,
body.bp-index7 #wrap #packages,
body.bp-index7 #pricing,
body.bp-index7 #wrap #pricing,
body.bp-index7 #money-back-guarantee,
body.bp-index7 #wrap #money-back-guarantee,
body.bp-index7 #reviews,
body.bp-index7 #wrap #reviews,
body.bp-index7 #faq,
body.bp-index7 #wrap #faq {
position: relative;
}
body.bp-index7 #content.content > #live-totals {
order: 25 !important;
}
body.bp-index7 #content.content > #how-it-works {
order: 55 !important;
}
body.bp-index7 #live-totals.bp-live-totals {
padding-top: var(--space-5, 1.5rem) !important;
padding-bottom: 0.25rem !important;
}
@media (max-width: 767px) {
body.bp-index7 #live-totals.bp-live-totals {
padding-top: 1.35rem !important;
padding-bottom: 0.5rem !important;
background: #fff !important;
background-color: #fff !important;
}
}
body.bp-index7 #content.content > #how-it-works,
body.bp-index7 #wrap #how-it-works:has(> .custom-shape-divider-bottom-1621016099),
body.bp-index7 #wrap #how-it-works,
body.bp-index7 #how-it-works {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: calc(var(--section-wave-height) + var(--section-wave-gap)) !important;
background: #f5f7fa !important;
background-color: #f5f7fa !important;
background-image: none !important;
}
body.bp-index7 #results > .custom-shape-divider-bottom-1621016099,
body.bp-index7 #wrap #results > .custom-shape-divider-bottom-1621016099 {
display: none !important;
}
body.bp-index7 #wrap #how-it-works > .container,
body.bp-index7 #how-it-works > .container {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body.bp-index7 #content.content > #benefits,
body.bp-index7 #wrap #benefits,
body.bp-index7 #benefits {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: calc(var(--section-wave-gap) + var(--section-wave-gap-after)) !important;
}
body.bp-index7 #wrap #benefits > .container,
body.bp-index7 #benefits > .container,
body.bp-index7 #benefits header.fancy-title {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.bp-index7 #content.content > #results,
body.bp-index7 #wrap #results,
body.bp-index7 #results,
body.bp-index7 #results.bp-results-showcase {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: var(--section-wave-gap-after) !important;
padding-bottom: var(--section-group-gap) !important;
}
body.bp-index7 #wrap #results > .container,
body.bp-index7 #results > .container {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
body.bp-index7 #results .bp-results-heading {
margin-top: 0 !important;
}
body.bp-index7 #content.content > #case-studies,
body.bp-index7 #wrap #case-studies,
body.bp-index7 #case-studies {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: var(--section-wave-gap-after) !important;
padding-bottom: calc(var(--section-wave-height) + var(--section-wave-gap)) !important;
}
body.bp-index7 #case-studies > .container:first-child,
body.bp-index7 #wrap #case-studies > .container:first-child {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.bp-index7 #case-studies > .container.pr-lg-9,
body.bp-index7 #wrap #case-studies > .container.pr-lg-9,
body.bp-index7 #case-studies .case-studies-cards,
body.bp-index7 #wrap #case-studies .case-studies-cards,
body.bp-index7 #case-studies .case-studies-cards > .lqd-column,
body.bp-index7 #wrap #case-studies .case-studies-cards > .lqd-column {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
body.bp-index7 #case-studies .case-study-card,
body.bp-index7 #wrap #case-studies .case-study-card {
margin-bottom: 0 !important;
}
body.bp-index7 #case-studies #recommendations,
body.bp-index7 #wrap #case-studies #recommendations {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: var(--section-group-gap) !important;
padding-bottom: 0 !important;
}
body.bp-index7 #recommendations > .container:first-child,
body.bp-index7 #wrap #recommendations > .container:first-child,
body.bp-index7 #recommendations > .container:first-child > .row,
body.bp-index7 #wrap #recommendations > .container:first-child > .row,
body.bp-index7 #recommendations .fancy-title,
body.bp-index7 #wrap #recommendations .fancy-title {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.bp-index7 #recommendations .heading-label,
body.bp-index7 #wrap #recommendations .heading-label {
margin-top: 0 !important;
}
body.bp-index7 #recommendations .bp-vt-desktop {
margin-bottom: 0 !important;
}
@media (min-width: 768px) {
body.bp-index7 #recommendations > .container:has(.review-preview-stage.visible-xs) {
display: none !important;
}
}
body.bp-index7 #content.content > #packages,
body.bp-index7 #wrap #packages,
body.bp-index7 #packages {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: var(--section-wave-gap-after) !important;
padding-bottom: calc(var(--section-wave-height) + var(--section-wave-gap)) !important;
}
body.bp-index7 #package-addons,
body.bp-index7 #packages #package-addons,
body.bp-index7 #wrap #packages #package-addons > .row,
body.bp-index7 #package-addons > .row {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
body.bp-index7 #package-addons::before,
body.bp-index7 #package-addons::after,
body.bp-index7 #package-addons > .row::before,
body.bp-index7 #package-addons > .row::after {
display: none !important;
content: none !important;
}
body.bp-index7 #package-addons .bp7-addon-actions {
margin-bottom: 0 !important;
}
body.bp-index7 #content.content > #pricing,
body.bp-index7 #wrap #pricing,
body.bp-index7 #pricing {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: var(--section-wave-gap-after) !important;
padding-bottom: 0 !important;
}
body.bp-index7 #pricing > .container {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
body.bp-index7 #pricing .pricing-upsell-row,
body.bp-index7 #pricing .bp-upsell-card,
body.bp-index7 #pricing .bp-upsell-col {
margin-bottom: 0 !important;
}
@media (min-width: 1200px) {
body.bp-index7 #content.content > #packages,
body.bp-index7 #wrap #packages,
body.bp-index7 #packages {
padding-bottom: calc(var(--section-wave-height) + var(--section-wave-gap-connected)) !important;
}
body.bp-index7 #content.content > #pricing,
body.bp-index7 #wrap #pricing,
body.bp-index7 #pricing {
padding-top: var(--section-wave-gap-connected-after) !important;
}
}
body.bp-index7 #content.content > #money-back-guarantee,
body.bp-index7 #wrap #money-back-guarantee,
body.bp-index7 #money-back-guarantee {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: var(--section-wave-gap) !important;
padding-bottom: calc(var(--section-wave-height) + var(--section-wave-gap)) !important;
}
@media (min-width: 1200px) {
body.bp-index7 #content.content > #money-back-guarantee,
body.bp-index7 #wrap #money-back-guarantee,
body.bp-index7 #money-back-guarantee {
padding-top: var(--section-group-gap) !important;
}
}
body.bp-index7 #wrap #money-back-guarantee > .container,
body.bp-index7 #money-back-guarantee > .container {
margin-top: 0 !important;
padding-top: 0 !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
body.bp-index7 #money-back-guarantee .bp-mbg-header-row,
body.bp-index7 #money-back-guarantee .bp-mbg-header {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.bp-index7 #money-back-guarantee .bp-mbg-header .heading-label {
margin-top: 0 !important;
}
body.bp-index7 #money-back-guarantee .bp-mbg-header-row > .lqd-column,
body.bp-index7 #money-back-guarantee .bp-mbg-copy,
body.bp-index7 #money-back-guarantee .bp-mbg-visual,
body.bp-index7 #money-back-guarantee .bp-mbg-policy {
margin-bottom: 0 !important;
}
body.bp-index7 #content.content > #reviews,
body.bp-index7 #wrap #reviews,
body.bp-index7 #reviews {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: var(--section-wave-gap-after) !important;
padding-bottom: calc(var(--section-wave-height) + var(--section-wave-gap)) !important;
}
body.bp-index7 #reviews .bp-rv-shell + .container {
margin-bottom: 0 !important;
}
body.bp-index7 #content.content > #faq,
body.bp-index7 #wrap #faq,
body.bp-index7 #faq {
margin-top: 0 !important;
padding-top: var(--section-wave-gap-after) !important;
}
body.bp-index7 #faq > .container,
body.bp-index7 #faq .fancy-heading {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.bp-index7 #faq,
body.bp-index7 #wrap #faq,
body.bp-index7 #faq .lqd-column-inner,
body.bp-index7 #faq .accordion {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
body.bp-index7 #official-reviews,
body.bp-index7 #wrap #official-reviews {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body.bp-index7 #official-reviews > div,
body.bp-index7 #official-reviews .container {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body.bp-index7 #official-reviews h4 {
margin-top: var(--section-group-gap) !important;
}
body.bp-index7 #official-reviews .industry-review-logos {
margin-bottom: var(--section-group-gap) !important;
}
body.bp-index7 #official-reviews .industry-review-logo img {
margin-top: 0 !important;
}
body.bp-index7 section.cta1,
body.bp-index7 #wrap section.cta1 {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.bp-index7 section.cta1 h2,
body.bp-index7 #wrap section.cta1 h2 {
margin-top: 0 !important;
padding-top: 0 !important;
}
@media (max-width: 767px) {
body.bp-index7 section.cta1,
body.bp-index7 #wrap section.cta1 {
padding-top: var(--section-group-gap) !important;
}
}
@media (min-width: 1200px) {
body.bp-index7 .main-footer .bp8-footer-main {
padding-top: var(--section-wave-gap-after) !important;
}
}
@media (max-width: 991px) {
body.bp-index7 #content.content > #how-it-works,
body.bp-index7 #wrap #how-it-works:has(> .custom-shape-divider-bottom-1621016099),
body.bp-index7 #wrap #how-it-works,
body.bp-index7 #how-it-works,
body.bp-index7 #content.content > #results,
body.bp-index7 #wrap #results,
body.bp-index7 #results,
body.bp-index7 #results.bp-results-showcase,
body.bp-index7 #content.content > #case-studies,
body.bp-index7 #wrap #case-studies,
body.bp-index7 #case-studies,
body.bp-index7 #content.content > #packages,
body.bp-index7 #wrap #packages,
body.bp-index7 #packages,
body.bp-index7 #content.content > #money-back-guarantee,
body.bp-index7 #wrap #money-back-guarantee,
body.bp-index7 #money-back-guarantee,
body.bp-index7 #content.content > #reviews,
body.bp-index7 #wrap #reviews,
body.bp-index7 #reviews {
padding-bottom: var(--section-wave-gap) !important;
}
body.bp-index7 #content.content > #how-it-works,
body.bp-index7 #wrap #how-it-works,
body.bp-index7 #how-it-works,
body.bp-index7 #content.content > #case-studies,
body.bp-index7 #wrap #case-studies,
body.bp-index7 #case-studies,
body.bp-index7 #content.content > #packages,
body.bp-index7 #wrap #packages,
body.bp-index7 #packages,
body.bp-index7 #content.content > #pricing,
body.bp-index7 #wrap #pricing,
body.bp-index7 #pricing,
body.bp-index7 #content.content > #money-back-guarantee,
body.bp-index7 #wrap #money-back-guarantee,
body.bp-index7 #money-back-guarantee,
body.bp-index7 #content.content > #reviews,
body.bp-index7 #wrap #reviews,
body.bp-index7 #reviews,
body.bp-index7 #content.content > #faq,
body.bp-index7 #wrap #faq,
body.bp-index7 #faq {
padding-top: 0 !important;
}
body.bp-index7 #content.content > #results,
body.bp-index7 #wrap #results,
body.bp-index7 #results,
body.bp-index7 #results.bp-results-showcase {
padding-top: var(--section-wave-gap-after) !important;
}
body.bp-index7 #content.content > #benefits,
body.bp-index7 #wrap #benefits,
body.bp-index7 #benefits {
padding-top: calc(var(--section-wave-gap) + var(--section-wave-gap-after)) !important;
}
}
@media (max-width: 767px) {
body.bp-index7 #wrap {
padding-top: 0 !important;
}
body.bp-index7 #hero-section,
body.bp-index7 #wrap #hero-section,
body.bp-index7 #content #hero-section {
background-color: var(--bp-hero-navy, #1c4a7a) !important;
background-image:
radial-gradient(ellipse 90% 70% at 20% 10%, var(--bp-hero-navy-glow), transparent 60%),
linear-gradient(165deg, var(--bp-hero-navy-mid) 0%, var(--bp-hero-navy) 55%, var(--bp-hero-navy-deep) 100%) !important;
padding-top: calc(var(--m-header-h, 73px) + 30px) !important;
padding-bottom: 6.75rem !important;
}
body.bp-index7 #hero-section > .bp-hero-curve {
height: 5.5rem;
}
body.bp-index7 #wrap #hero-section .ld-fancy-heading.visible-xs h1,
body.bp-index7 #wrap #hero-section .ld-fancy-heading.visible-xs h1.hero-headline,
body.bp-index7 #wrap #hero-section .ld-fancy-heading.visible-xs h1.text-black,
body.bp-index7 #wrap #hero-section .ld-fancy-heading.visible-xs h1 span,
body.bp-index7 #hero-section .ld-fancy-heading.visible-xs .hero-headline,
body.bp-index7 #hero-section .ld-fancy-heading.visible-xs .hero-headline.text-black {
color: #fff !important;
}
body.bp-index7 #hero-section .liquid-img-group-single,
body.bp-index7 #hero-section .liquid-img-group-img-container.visible-xs {
display: none !important;
}
body.bp-index7 #hero-section .hero-eyebrow-wrap {
display: flex !important;
justify-content: flex-start !important;
align-items: center !important;
text-align: left !important;
overflow: visible !important;
margin-bottom: 0.55rem !important;
}
body.bp-index7 #hero-section .ld-fancy-heading.visible-xs {
text-align: left !important;
margin-top: 0.15rem !important;
margin-bottom: 0.35rem !important;
}
body.bp-index7 #hero-section .ld-fancy-heading.visible-xs h1,
body.bp-index7 #hero-section .ld-fancy-heading.visible-xs h1 span {
text-align: left !important;
}
body.bp-index7 #hero-section p.lead.visible-xs {
display: none !important;
}
body.bp-index7 #hero-section .bp7-hero-subhead-mobile {
display: block !important;
margin: 0 0 0.7rem !important;
padding: 0 !important;
font-size: 1.125rem !important;
font-weight: 400 !important;
line-height: 1.5 !important;
letter-spacing: normal !important;
text-align: left !important;
color: var(--bp-hero-text-soft, rgba(255, 255, 255, 0.68)) !important;
}
body.bp-index7 #hero-section .bp7-hero-trust-badge {
display: block !important;
width: 100% !important;
max-width: none !important;
height: auto;
margin: 0.05rem 0 1.65rem !important;
border-radius: 12px;
filter:
drop-shadow(0 16px 28px rgba(0, 0, 0, 0.36))
drop-shadow(0 4px 10px rgba(0, 0, 0, 0.22));
}
body.bp-index7 #hero-section .hero-guarantee-money,
body.bp-index7 #hero-section .hero-guarantee-money .hero-delivery-date {
font-weight: 400 !important;
}
body.bp-index7 #hero-section a.btn.visible-xs.bp7-hero-sample-btn {
display: none !important;
}
body.bp-index7 #hero-section a.btn.visible-xs.bp7-hero-publish-btn > span {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
}
body.bp-index7 #hero-section a.btn.visible-xs.bp7-hero-publish-btn .bp7-hero-publish-label {
display: inline-flex !important;
justify-content: center !important;
align-items: center !important;
width: auto !important;
max-width: 100%;
margin: 0 auto;
gap: 0.28em !important;
}
body.bp-index7 #hero-section a.btn.visible-xs.bp7-hero-publish-btn .bp7-hero-publish-label,
body.bp-index7 #hero-section a.btn.visible-xs.bp7-hero-publish-btn .bp7-hero-publish-label span {
width: auto !important;
flex: 0 0 auto;
}
body.bp-index7 #hero-section a.btn.visible-xs.bp7-hero-publish-btn .bp7-hero-publish-rule {
width: 1px !important;
margin: 0 !important;
}
body.bp-index7 #hero-section .hero-review-row,
body.bp-index7 #hero-section .hero-trust-block,
body.bp-index7 #hero-section .hero-review-copy,
body.bp-index7 #hero-section .hero-review-quote {
width: 100% !important;
max-width: none !important;
margin-right: 0 !important;
}
body.bp-index7 #wrap #hero-section p.hero-review-quote,
body.bp-index7 #hero-section p.hero-review-quote {
text-wrap: pretty !important;
}
body.bp-index7 #wrap #hero-section .hero-review-quote-em,
body.bp-index7 #hero-section .hero-review-quote-em {
text-wrap: nowrap !important;
}
body.bp-index7 #hero-section .hero-cta-subtext {
display: flex;
flex-direction: column;
align-items: center;
margin-left: 0 !important;
padding-left: 0 !important;
}
body.bp-index7 #hero-section .hero-cta-subtext > .fa-check {
display: none;
}
body.bp-index7 #hero-section .hero-delivery-copy--guarantee {
display: flex;
flex-direction: column-reverse;
align-items: center;
gap: 0.2em;
text-align: center;
}
body.bp-index7 #hero-section .hero-guarantee-sep {
display: none;
}
body.bp-index7 #hero-section .hero-review-quote,
body.bp-index7 #hero-section .hero-review-copy,
body.bp-index7 #hero-section .hero-review-attribution,
body.bp-index7 #hero-section .hero-review-attribution span {
color: var(--bp-hero-text-soft, rgba(255, 255, 255, 0.68)) !important;
}
body.bp-index7 .main-header:not(.m-nav-solid),
body.bp-index7 .main-header:not(.m-nav-solid) .mainbar-wrap,
body.bp-index7 .main-header:not(.m-nav-solid) .mainbar-container,
body.bp-index7 .main-header:not(.m-nav-solid) .mainbar,
body.bp-index7 .main-header:not(.m-nav-solid) .mainbar-row,
body.bp-index7 .main-header:not(.m-nav-solid) .navbar-header,
body.bp-index7[data-mobile-header-scheme=gray] .main-header:not(.m-nav-solid) .navbar-header {
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
border: none !important;
border-bottom: none !important;
}
body.bp-index7 .main-header:not(.m-nav-solid) .navbar-brand-inner img {
content: url("/assets/img/BrandPush-Logo-White.svg") !important;
filter: none !important;
}
body.bp-index7 .main-header:not(.m-nav-solid) .bp-mnav-toggle {
color: #fff !important;
}
body.bp-index7 .main-header.m-nav-solid,
body.bp-index7 .main-header.m-nav-solid .mainbar-wrap,
body.bp-index7 .main-header.m-nav-solid .navbar-header,
body.bp-index7[data-mobile-header-scheme=gray] .main-header.m-nav-solid .navbar-header {
background: #fff !important;
background-color: #fff !important;
}
body.bp-index7 .main-header.m-nav-solid {
box-shadow: 0 1px 0 rgba(15, 23, 42, 0.06), 0 8px 20px rgba(15, 23, 42, 0.06);
}
body.bp-index7 .main-header.m-nav-solid .navbar-brand-inner img {
content: url("/assets/img/BrandPush-Logo-340x54-2.svg") !important;
filter: none !important;
}
body.bp-index7 .main-header.m-nav-solid .bp-mnav-toggle {
color: #1d1d1d !important;
}
body.bp-index7 #packages .pricing-package-col--ultimate,
body.bp-index7 #wrap #packages .pricing-package-col--ultimate,
body.bp-index7 #packages .pricing-package-col--ultimate:hover,
body.bp-index7 #wrap #packages .pricing-package-col--ultimate:hover,
body.bp-index7 #packages .pricing-package-col--ultimate:focus-within,
body.bp-index7 #wrap #packages .pricing-package-col--ultimate:focus-within {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
}
body.bp-index7 #wrap #packages .pricing-package-col--ultimate .iconbox-pricing,
body.bp-index7 #wrap #packages .pricing-package-col--ultimate:hover .iconbox-pricing,
body.bp-index7 #wrap #packages .pricing-package-col--ultimate:focus-within .iconbox-pricing,
body.bp-index7 #wrap #packages .pricing-package-col--ultimate .iconbox-pricing.iconbox-shadow {
overflow: hidden !important;
border-radius: 18px !important;
isolation: isolate;
background-color: var(--bp-footer-bg, #0e2744) !important;
background-image: linear-gradient(
180deg,
var(--bp-footer-bg, #0e2744) 0%,
var(--bp-footer-bg, #0e2744) 35%,
var(--bp-footer-bg-deep, #0a1e36) 100%
) !important;
}
body.bp-index7 #wrap #packages .pricing-package-col--ultimate .pricing-cta-mobile,
body.bp-index7 #wrap #packages .pricing-package-col--ultimate .pricing-cta-mobile .btn-txt,
body.bp-index7 #wrap #packages .pricing-package-col--ultimate .pricing-cta-mobile .btn-txt.text-black {
color: #fff !important;
}
body.bp-index7 #wrap #packages .pricing-package-col--ultimate .pricing-foot-mbg,
body.bp-index7 #wrap #packages .pricing-package-col--ultimate .pricing-foot-mbg.text-light,
body.bp-index7 #wrap #packages .pricing-package-col--ultimate .pricing-foot-mbg span {
color: #1d1d1d !important;
}
body.bp-index7 #packages .pricing-card-foot,
body.bp-index7 #wrap #packages .pricing-card-foot {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
text-align: center !important;
}
body.bp-index7 #wrap #packages .pricing-sample-report-link,
body.bp-index7 #wrap #packages .pricing-sample-report-link.text-light {
display: inline-block !important;
width: auto !important;
height: auto !important;
margin: 0 auto !important;
padding: 0 !important;
background: none !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
color: #0287ed !important;
font-family: poppins, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
font-size: 0.9375rem !important;
font-weight: 600 !important;
line-height: 1.4 !important;
letter-spacing: normal !important;
text-align: center !important;
text-decoration: none !important;
}
body.bp-index7 #wrap #packages .pricing-sample-report-link .fa-chevron-right,
body.bp-index7 #wrap #packages .pricing-sample-report-link i {
display: inline-block !important;
margin: 0 0 0 0.5rem !important;
font-size: 0.75em;
line-height: 1;
vertical-align: 0.05em;
}
body.bp-index7 #wrap #packages .pricing-package-col--ultimate .pricing-sample-report-link,
body.bp-index7 #wrap #packages .pricing-package-col--ultimate .pricing-sample-report-link.text-light {
background: none !important;
border: 0 !important;
color: #fff !important;
}
body.bp-index7 #reviews .bp-rv-shell {
gap: 0;
}
body.bp-index7 #reviews .bp-rv-row--left,
body.bp-index7 #reviews .bp-rv-row--right {
display: none !important;
}
body.bp-index7 #reviews .bp-rv-row--single {
display: block !important;
margin-left: 0;
width: 100%;
}
body.bp-index7 #reviews .bp-rv-row--single .bp-rv-track {
animation: bp-rv-marquee-left 150s linear infinite;
}
body.bp-index7 #faq.faq-tabs-active .faq-extra-wrap {
max-height: none !important;
overflow: visible !important;
}
body.bp-index7 #faq.faq-tabs-active .faq-show-more {
display: none !important;
}
body.bp-index7 #faq > .container > .row > .row,
body.bp-index7 #wrap #faq > .container > .row > .row {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.bp-index7 #faq > .container > .row > .row > .lqd-column,
body.bp-index7 #wrap #faq > .container > .row > .row > .lqd-column {
padding-left: 0 !important;
padding-right: 0 !important;
}
body.bp-index7 #faq .lqd-column-inner,
body.bp-index7 #wrap #faq .lqd-column-inner {
padding-left: 0 !important;
padding-right: 0 !important;
}
body.bp-index7 #faq.faq-tabs-active .faq-tabs,
body.bp-index7 #wrap #faq.faq-tabs-active .faq-tabs {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.bp-index7 .main-footer.bp8-footer,
body.bp-index7 .main-footer {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body.bp-index7 .main-footer .custom-shape-divider-top-1621081063 {
height: 4.75rem !important;
overflow: hidden;
line-height: 0;
transform: none !important;
}
body.bp-index7 .main-footer .custom-shape-divider-top-1621081063 svg {
display: block;
width: calc(100% + 2px) !important;
height: 4.75rem !important;
margin-left: -1px;
transform: none !important;
}
body.bp-index7 .main-footer .bp8-footer-main {
padding: 4.25rem 0 0.35rem !important;
}
body.bp-index7 .main-footer .bp8-footer-brand {
margin-bottom: 0.85rem !important;
}
body.bp-index7 .main-footer .bp8-footer-brand .logo-default {
filter: brightness(0) invert(1);
margin-bottom: 0.7rem !important;
}
body.bp-index7 .main-footer .bp8-footer-nav,
body.bp-index7 .main-footer .footer-accordion-column,
body.bp-index7 .main-footer .footer-accordion-toggle,
body.bp-index7 .main-footer .footer-accordion-toggle.widget-title,
body.bp-index7 .main-footer .bp8-footer-nav h3,
body.bp-index7 .main-footer .bp8-footer-nav h3.widget-title {
border: 0 !important;
border-top: 0 !important;
border-bottom: 0 !important;
box-shadow: none !important;
text-decoration: none !important;
}
body.bp-index7 .main-footer .footer-accordion-column,
body.bp-index7 .main-footer .bp8-footer-nav.footer-accordion-column {
margin: 0 !important;
padding: 0 !important;
}
body.bp-index7 .main-footer .footer-accordion-toggle,
body.bp-index7 .main-footer .footer-accordion-toggle.widget-title {
min-height: 0 !important;
padding: 0.45rem 0 !important;
}
body.bp-index7 .main-footer .footer-accordion-panel {
padding-bottom: 0.45rem !important;
}
body.bp-index7 .main-footer .footer-accordion-column.is-open .footer-accordion-panel {
margin-bottom: 0.45rem !important;
}
body.bp-index7 .main-footer .bp8-footer-trust-section {
padding: 0 !important;
}
body.bp-index7 .main-footer .bp8-footer-trust {
padding: 0.85rem 0 0.65rem !important;
gap: 0.7rem !important;
}
body.bp-index7 .main-footer .bp8-footer-trust-copy {
flex: 0 0 auto !important;
max-width: none;
height: auto !important;
min-height: 0 !important;
}
body.bp-index7 .main-footer .bp8-footer-trust-copy p {
margin-bottom: 0.85rem !important;
}
body.bp-index7 .main-footer .bp8-footer-trust-marks {
gap: 0.7rem !important;
}
body.bp-index7 .main-footer .bp8-footer-facebook,
body.bp-index7 .main-footer .footer-community-facebook {
display: none !important;
}
body.bp-index7 .main-footer .bp8-footer-trustpilot {
width: auto !important;
min-width: 0 !important;
max-width: 100% !important;
height: auto !important;
min-height: 0 !important;
}
body.bp-index7 .main-footer .bp8-footer-trustpilot .trustpilot-widget {
display: block !important;
width: 100% !important;
max-width: 100% !important;
height: 24px !important;
min-height: 0 !important;
max-height: 24px !important;
margin: 0 !important;
overflow: hidden !important;
}
body.bp-index7 .main-footer .bp8-footer-trustpilot .trustpilot-widget iframe {
display: block !important;
width: 280px !important;
max-width: none !important;
height: 24px !important;
min-height: 0 !important;
max-height: 24px !important;
margin: 0 0 0 -10px !important;
}
body.bp-index7 .main-footer .bp8-footer-trustpilot-count {
margin-top: 0.3rem !important;
margin-left: 0 !important;
}
body.bp-index7 .main-footer .bp8-footer-bottom,
body.bp-index7 .main-footer > section:last-of-type {
padding-top: 0.85rem !important;
padding-bottom: calc(4.5rem + env(safe-area-inset-bottom, 0px)) !important;
}
body.bp-index7 .main-header:not(.m-nav-solid) .navbar-brand-inner img {
content: url("/assets/img/BrandPush-Logo-White.svg") !important;
filter: none !important;
}
body.bp-index7 .main-header.m-nav-solid .navbar-brand-inner img {
content: url("/assets/img/BrandPush-Logo-340x54-2.svg") !important;
filter: none !important;
}
body.bp-index7 .main-footer .bp8-footer-brand .logo-default {
content: url("/assets/img/BrandPush-Logo-White.svg") !important;
filter: none !important;
}
body.bp-index7 #hero-section .hero-eyebrow-trustpilot {
display: none !important;
}
body.bp-index7 #wrap #hero-section .bp7-hero-trustpilot-flat,
body.bp-index7 #hero-section .bp7-hero-trustpilot-flat {
display: block !important;
position: relative !important;
width: 100% !important;
max-width: 100% !important;
height: 20px !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
overflow: hidden !important;
text-align: left !important;
}
body.bp-index7 #wrap #hero-section .bp7-hero-trustpilot-flat iframe,
body.bp-index7 #hero-section .bp7-hero-trustpilot-flat iframe {
display: block !important;
position: relative !important;
width: 420px !important;
max-width: none !important;
height: 20px !important;
margin: 0 !important;
left: -22px !important;
transform: scale(0.86) !important;
transform-origin: left center !important;
background: transparent !important;
}
body.bp-index7 #results > .container,
body.bp-index7 #live-totals .container,
body.bp-index7 #packages > .container,
body.bp-index7 #money-back-guarantee > .container,
body.bp-index7 #faq > .container {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 24px !important;
padding-right: 24px !important;
box-sizing: border-box;
}
body.bp-index7 #packages,
body.bp-index7 #wrap #packages {
padding-left: 0 !important;
padding-right: 0 !important;
}
body.bp-index7 #packages .bp-pricing-board,
body.bp-index7 #wrap #packages .bp-pricing-board {
padding-left: 0 !important;
padding-right: 0 !important;
}
body.bp-index7 #packages .bp-pricing-board-row,
body.bp-index7 #wrap #packages .bp-pricing-board-row {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.bp-index7 #packages .pricing-package-col,
body.bp-index7 #wrap #packages .pricing-package-col {
width: 100% !important;
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.bp-index7 #money-back-guarantee .row,
body.bp-index7 #faq > .container > .row,
body.bp-index7 #faq > .container > .row > .row {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.bp-index7 #money-back-guarantee .lqd-column,
body.bp-index7 #money-back-guarantee .bp-mbg-row,
body.bp-index7 #money-back-guarantee .bp-mbg-header-note,
body.bp-index7 #money-back-guarantee .bp-mbg-policy,
body.bp-index7 #faq > .container > .row > .lqd-column,
body.bp-index7 #faq > .container > .row > .row > .lqd-column {
padding-left: 0 !important;
padding-right: 0 !important;
}
body.bp-index7 #faq .search-form {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.bp-index7 #results > .container > .row {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.bp-index7 #results > .container > .row > .lqd-column {
padding-left: 0 !important;
padding-right: 0 !important;
}
body.bp-index7 section.cta1 > .container > .row {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.bp-index7 section.cta1 > .container {
padding-left: 1.15rem !important;
padding-right: 1.15rem !important;
}
body.bp-index7 section.cta1 > .container {
width: calc(100% - 48px) !important;
max-width: none !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box;
}
body.bp-index7 section.cta1 .lqd-column {
width: 100% !important;
max-width: none !important;
float: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.bp-index7 #content.content > #bp7-mobile-outlets {
order: 15 !important;
display: block !important;
position: relative;
overflow: visible;
min-height: 0;
padding: 1.35rem 0 1.15rem !important;
background: #fff !important;
background-color: #fff !important;
background-image: none !important;
}
body.bp-index7 #bp7-mobile-outlets::after {
content: none !important;
display: none !important;
}
body.bp-index7 #bp7-mobile-outlets .bp7-outlets-scene {
display: none !important;
}
body.bp-index7 #bp7-mobile-outlets .container {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
width: 100%;
max-width: none;
min-height: 0;
margin: 0;
padding: 0 1.5rem;
text-align: left;
}
body.bp-index7 #bp7-mobile-outlets .heading-label {
display: inline-block !important;
margin-bottom: 0.7rem !important;
}
body.bp-index7 #content #bp7-mobile-outlets .heading-label.bg-white + h2.bp7-outlets-title,
body.bp-index7 #bp7-mobile-outlets .bp7-outlets-title {
margin: 0 0 1.75rem !important;
padding: 0 !important;
text-align: left !important;
color: #1d1d1d !important;
font-size: 1.65rem !important;
font-weight: 700 !important;
line-height: 1.15 !important;
letter-spacing: -0.02em !important;
}
body.bp-index7 #bp7-mobile-outlets .bp7-outlets-scroller {
width: calc(100% + 1.5rem);
margin: 0 -1.5rem 1.65rem 0;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 2.75rem), transparent 100%);
mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 2.75rem), transparent 100%);
}
body.bp-index7 #bp7-mobile-outlets .bp7-outlets-scroller::-webkit-scrollbar {
display: none;
}
body.bp-index7 #bp7-mobile-outlets .bp7-outlets-rows {
display: flex;
flex-direction: column;
gap: 0.95rem;
width: max-content;
padding-right: 3rem;
}
body.bp-index7 #bp7-mobile-outlets .bp7-outlets-row {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 1.35rem;
}
body.bp-index7 #bp7-mobile-outlets .bp7-outlets-row .news-outlet-chip,
body.bp-index7 #wrap #bp7-mobile-outlets a.news-outlet-chip {
display: inline-flex !important;
align-items: center;
gap: 0.4rem;
flex: 0 0 auto;
max-width: none;
margin: 0;
padding: 0.1rem 0 !important;
background: none !important;
background-color: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
color: #1d1d1d !important;
font-size: 0.9375rem !important;
font-weight: 500 !important;
line-height: 1.3 !important;
white-space: nowrap;
text-decoration: none !important;
}
body.bp-index7 #bp7-mobile-outlets .bp7-outlets-row .news-outlet-favicon {
flex: 0 0 18px;
width: 18px;
height: 18px;
}
body.bp-index7 #bp7-mobile-outlets .bp7-outlets-row .news-outlet-name {
color: inherit;
}
body.bp-index7 #bp7-mobile-outlets .bp7-outlets-more,
body.bp-index7 #bp7-mobile-outlets a.bp7-outlets-more {
display: inline !important;
width: auto !important;
min-height: 0 !important;
height: auto !important;
margin: 0.15rem 0 0 !important;
padding: 0 !important;
background: none !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
color: #0287ed !important;
font-family: poppins, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
font-size: 0.9375rem !important;
font-weight: 600 !important;
line-height: 1.4 !important;
letter-spacing: normal !important;
text-align: left !important;
text-decoration: none !important;
}
body.bp-index7 #bp7-mobile-outlets .bp7-outlets-more .fa-chevron-right {
display: inline-block !important;
margin: 0 0 0 0.5rem !important;
font-size: 0.75em;
line-height: 1;
vertical-align: 0.05em;
text-decoration: none !important;
}
body.bp-index7 #bp7-mobile-outlets .bp7-outlets-more:hover,
body.bp-index7 #bp7-mobile-outlets .bp7-outlets-more:focus-visible {
color: #006fc9 !important;
text-decoration: underline !important;
text-underline-offset: 0.2em;
}
body.bp-index7 #bp7-mobile-outlets .bp7-outlets-more:hover .fa-chevron-right,
body.bp-index7 #bp7-mobile-outlets .bp7-outlets-more:focus-visible .fa-chevron-right {
text-decoration: none !important;
}
body.bp-index7 #bp7-mobile-outlets .bp7-outlets-more .btn-txt {
padding: 0 !important;
color: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
}
body.bp-index7 #live-totals.bp-live-totals,
body.bp-index7 #wrap #live-totals.bp-live-totals {
background: #fff !important;
background-color: #fff !important;
background-image: none !important;
}
body.bp-index7 #content.content > section > .custom-shape-divider-bottom-1621016099,
body.bp-index7 #how-it-works > .custom-shape-divider-bottom-1621016099,
body.bp-index7 section > .custom-shape-divider-bottom-1621016099 {
display: block !important;
height: 5.5rem;
overflow: hidden;
}
body.bp-index7 #benefits > .custom-shape-divider-bottom-1621016099,
body.bp-index7 #wrap #benefits > .custom-shape-divider-bottom-1621016099 {
background: transparent !important;
}
body.bp-index7 #content.content > #results,
body.bp-index7 #wrap #results,
body.bp-index7 #results,
body.bp-index7 #results.bp-results-showcase {
margin-top: 0 !important;
padding-top: 0 !important;
background: #f5f7fa !important;
background-color: #f5f7fa !important;
}
body.bp-index7 .custom-shape-divider-bottom-1621016099 svg,
body.bp-index7 .custom-shape-divider-top-1621081063 svg {
width: 100% !important;
height: 5.5rem !important;
}
body.bp-index7 .bp7-wave-flip svg {
transform: scaleX(-1);
}
body.bp-index7 #how-it-works,
body.bp-index7 #wrap #how-it-works,
body.bp-index7 #benefits,
body.bp-index7 #wrap #benefits,
body.bp-index7 #packages,
body.bp-index7 #wrap #packages,
body.bp-index7 #money-back-guarantee,
body.bp-index7 #wrap #money-back-guarantee,
body.bp-index7 #content.content > #money-back-guarantee,
body.bp-index7 #reviews,
body.bp-index7 #wrap #reviews,
body.bp-index7 #faq,
body.bp-index7 #wrap #faq {
padding-bottom: calc(5.5rem + 1rem) !important;
}
body.bp-index7 #content.content > #reviews,
body.bp-index7 #wrap #reviews,
body.bp-index7 #reviews {
padding-bottom: calc(5.5rem + 2rem) !important;
}
body.bp-index7 #reviews > .container.mt-4 {
padding-left: calc(15px + 1.5rem) !important;
padding-right: calc(15px + 1.5rem) !important;
text-align: left !important;
}
body.bp-index7 #how-it-works .how-it-works-header-row {
display: none !important;
}
body.bp-index7 #benefits > .container > .px-2,
body.bp-index7 #benefits > .container > .px-2.px-md-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
body.bp-index7 #benefits > .container > .px-2 > .row,
body.bp-index7 #benefits > .container > .row {
margin-left: 0 !important;
margin-right: 0 !important;
}
body.bp-index7 #benefits > .container > .px-2 > .row > .lqd-column,
body.bp-index7 #benefits > .container > .row > .lqd-column {
float: none !important;
width: 100% !important;
max-width: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.bp-index7 #benefits .benefits-cards-scroll {
width: 100% !important;
max-width: none !important;
background: #fff !important;
border: 1px solid #ededed !important;
border-radius: 16px !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.07) !important;
overflow: hidden !important;
gap: 0 !important;
}
body.bp-index7 #wrap #benefits .benefits-cards-scroll > .row,
body.bp-index7 #wrap #benefits .benefits-cards-scroll > .row.mb-4,
body.bp-index7 #wrap #benefits #trust-badge,
body.bp-index7 #wrap #benefits #trust-badge.mb-4,
body.bp-index7 #wrap #benefits #SEO,
body.bp-index7 #wrap #benefits #website-traffic,
body.bp-index7 #benefits .benefits-cards-scroll > .row,
body.bp-index7 #benefits #trust-badge,
body.bp-index7 #benefits #SEO,
body.bp-index7 #benefits #website-traffic {
margin: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 0 !important;
width: 100% !important;
min-height: 0 !important;
}
body.bp-index7 #benefits .benefits-cards-scroll .feature-box,
body.bp-index7 #benefits .benefits-cards-scroll > .row > .lqd-column.feature-box {
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
border-bottom: 1px solid #ededed !important;
margin: 0 !important;
min-height: 0 !important;
}
body.bp-index7 #benefits .benefits-cards-scroll .hidden-xs {
display: none !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.bp-index7 #benefits .benefits-cards-scroll .feature-box:not(.is-open) .benefits-accordion,
body.bp-index7 #benefits .benefits-cards-scroll .feature-box:not(.is-open) .visible-xs {
margin-top: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body.bp-index7 #benefits .benefits-cards-scroll > .row:last-child .feature-box {
border-bottom: 0 !important;
}
body.bp-index7 #benefits .benefits-cards-scroll .visible-xs > p,
body.bp-index7 #benefits .benefits-cards-scroll .benefits-accordion .visible-xs > p,
body.bp-index7 #benefits .benefits-cards-scroll .feature-box .benefits-accordion-inner > .visible-xs > p {
display: block !important;
order: 1;
margin-bottom: 0.7rem !important;
color: var(--color-text-body, #737373) !important;
font-size: 0.9375rem !important;
font-weight: 400 !important;
line-height: 1.45 !important;
}
body.bp-index7 #benefits .benefits-cards-scroll .visible-xs > p:last-of-type,
body.bp-index7 #benefits .benefits-cards-scroll .feature-box .benefits-accordion-inner > .visible-xs > p:last-of-type {
margin-bottom: 0.95rem !important;
}
body.bp-index7 #benefits .benefits-cards-scroll .feature-box .benefits-accordion-inner > .visible-xs > .bp5-benefit-stage {
order: 2;
width: 100% !important;
max-width: 100% !important;
margin: 0.35rem 0 0 !important;
padding-bottom: 0 !important;
}
body.bp-index7 #benefits .benefits-cards-scroll .visible-xs .bp5-ben .badgepanel {
left: 70px !important;
top: 268px !important;
width: 640px !important;
}
body.bp-index7 #benefits .benefits-cards-scroll .visible-xs .bp5-ben .rise {
left: 36px !important;
width: 680px !important;
}
body.bp-index7 #benefits .benefits-cards-scroll .visible-xs .bp5-ben .glass.notif {
left: 250px !important;
top: 455px !important;
width: 560px !important;
max-width: 560px !important;
}
body.bp-index7 #benefits .benefits-cards-scroll .visible-xs .bp5-ben {
container-type: inline-size;
overflow: hidden !important;
}
body.bp-index7 #trust-badge .visible-xs .bp5-ben {
height: calc(100cqi * 640 / 860) !important;
}
body.bp-index7 #trust-badge .visible-xs .bp5-ben .stage {
transform: scale(calc(100cqi / 860px)) !important;
}
body.bp-index7 #SEO .visible-xs .bp5-ben {
height: calc(100cqi * 640 / 820) !important;
}
body.bp-index7 #SEO .visible-xs .bp5-ben .stage {
transform: scale(calc(100cqi / 820px)) !important;
}
body.bp-index7 #website-traffic .visible-xs .bp5-ben {
height: calc(100cqi * 640 / 840) !important;
}
body.bp-index7 #website-traffic .visible-xs .bp5-ben .stage {
left: calc(100cqi * -50 / 840) !important;
transform: scale(calc(100cqi / 840px)) !important;
}
body.bp-index7 #benefits .benefits-cards-scroll .bp5-benefit-stage,
body.bp-index7 #benefits .benefits-cards-scroll .bp5-ben {
width: 100% !important;
max-width: none !important;
}
body.bp-index7 #benefits .benefits-cards-scroll .bp5-ben .win,
body.bp-index7 #benefits .benefits-cards-scroll .bp5-ben .win.site,
body.bp-index7 #benefits .benefits-cards-scroll .bp5-ben .win.fade-rb,
body.bp-index7 #benefits .benefits-cards-scroll .bp5-ben .win-face,
body.bp-index7 #benefits .benefits-cards-scroll .bp5-ben .win-face.fade-rb,
body.bp-index7 #benefits .benefits-cards-scroll .bp5-ben .news-face,
body.bp-index7 #benefits .benefits-cards-scroll .bp5-ben .fade-b,
body.bp-index7 #benefits .benefits-cards-scroll .bp5-ben .fade-r,
body.bp-index7 #benefits .benefits-cards-scroll .bp5-ben .fade-rb,
body.bp-index7 #benefits .benefits-cards-scroll .bp5-ben .traffic-win .win-face.fade-rb {
-webkit-mask-image: none !important;
mask-image: none !important;
}
body.bp-index7 #how-it-works .bp7-hiw-steps-card {
display: block !important;
overflow: hidden;
background: #fff !important;
border: 1px solid #ededed !important;
border-radius: 16px !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.07) !important;
}
body.bp-index7 #how-it-works .bp7-hiw-steps-card .ai-authority-signal {
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
border-bottom: 1px solid #ededed !important;
}
body.bp-index7 #how-it-works .bp7-hiw-steps-card .ai-authority-signal:last-child {
border-bottom: 0 !important;
}
body.bp-index7 #how-it-works .bp7-hiw-steps-card .ai-authority-signal-title,
body.bp-index7 #how-it-works .how-it-works-result .ai-authority-signal-title {
font-size: var(--text-md, 1.0625rem) !important;
font-weight: var(--weight-bold, 700) !important;
line-height: var(--leading-snug, 1.35) !important;
letter-spacing: -0.02em !important;
color: #242424 !important;
}
body.bp-index7 #packages .pricing-hide-mob.pricing-mbg,
body.bp-index7 #packages .pricing-mbg.pricing-hide-mob {
display: none !important;
}
body.bp-index7 #packages .pricing-kpis,
body.bp-index7 #wrap #packages .pricing-kpis {
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
margin: 0 !important;
}
body.bp-index7 #packages .pricing-kpis-row--main,
body.bp-index7 #wrap #packages .pricing-kpis-row--main {
display: flex !important;
flex-direction: row !important;
align-items: stretch !important;
gap: 0 !important;
grid-template-columns: none !important;
}
body.bp-index7 #packages .pricing-kpis,
body.bp-index7 #wrap #packages .pricing-kpis {
margin-bottom: 0.85rem !important;
}
body.bp-index7 #packages .iconbox-pricing .flex-grow-1 {
padding-top: 0.85rem !important;
}
body.bp-index7 #packages .pricing-kpi:not(.pricing-kpi--sites),
body.bp-index7 #wrap #packages .pricing-kpi:not(.pricing-kpi--sites) {
display: flex !important;
flex: 1 1 0 !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 0.2rem;
width: auto !important;
margin: 0 !important;
padding: 0 0.85rem 0 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
text-align: left !important;
}
body.bp-index7 #packages .pricing-kpi:not(.pricing-kpi--sites) + .pricing-kpi,
body.bp-index7 #wrap #packages .pricing-kpi:not(.pricing-kpi--sites) + .pricing-kpi {
border-top: 0 !important;
border-left: 1px solid rgba(15, 23, 42, 0.1) !important;
padding-left: 0.85rem !important;
}
body.bp-index7 #packages .pricing-kpi-label,
body.bp-index7 #packages .pricing-kpi-value {
width: auto;
text-align: left !important;
}
body.bp-index7 #packages .pricing-kpi-label {
text-transform: none !important;
letter-spacing: 0 !important;
font-size: 12px !important;
font-weight: 500 !important;
color: #6b7280 !important;
}
body.bp-index7 #packages .pricing-kpi-value {
display: inline-block !important;
order: -1;
margin-top: 0 !important;
text-align: left !important;
font-size: 1.35rem !important;
font-weight: 700 !important;
line-height: 1.1 !important;
}
body.bp-index7 #packages .pricing-kpi-value .bp7-kpi-live {
left: 0 !important;
right: auto !important;
width: auto;
text-align: left;
transform: none;
}
body.bp-index7 #wrap #packages .pricing-package-col--ultimate .pricing-kpi {
background: transparent !important;
border-color: transparent !important;
}
body.bp-index7 #wrap #packages .pricing-package-col--ultimate .pricing-kpi:not(.pricing-kpi--sites) + .pricing-kpi {
border-top: 0 !important;
border-left-color: rgba(255, 255, 255, 0.12) !important;
}
body.bp-index7 #wrap #packages .pricing-package-col--ultimate .pricing-kpi-label {
color: rgba(255, 255, 255, 0.68) !important;
}
body.bp-index7 #wrap #packages .pricing-package-col--ultimate .pricing-kpi-value,
body.bp-index7 #wrap #packages .pricing-package-col--ultimate .pricing-kpi-value .bp7-kpi-seo,
body.bp-index7 #wrap #packages .pricing-package-col--ultimate .pricing-kpi-value .bp7-kpi-live {
color: #fff !important;
}
body.bp-index7 #packages .pricing-kpi--sites,
body.bp-index7 #wrap #packages .pricing-kpi--sites {
display: none !important;
}
body.bp-index7 #packages .pricing-desktop-metrics,
body.bp-index7 #wrap #packages .pricing-desktop-metrics {
margin-bottom: 0 !important;
}
body.bp-index7 #packages .pricing-mobile-mbg-extra,
body.bp-index7 #wrap #packages .pricing-mobile-mbg-extra {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 0.5rem;
width: 100%;
min-height: 1.3em;
margin: 1.05rem 0 0 !important;
padding: 0 !important;
color: inherit !important;
text-decoration: none !important;
}
body.bp-index7 #packages .pricing-mobile-mbg-extra .pricing-desktop-extra-label {
font-size: 12px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
color: #6b7280 !important;
}
body.bp-index7 #wrap #packages .pricing-package-col--ultimate .pricing-mobile-mbg-extra .pricing-desktop-extra-label {
color: rgba(255, 255, 255, 0.68) !important;
}
body.bp-index7 #packages .pricing-cta-mobile,
body.bp-index7 #wrap #packages .pricing-cta-mobile {
margin-top: 1.15rem !important;
margin-bottom: 0 !important;
}
body.bp-index7 #packages .pricing-card-foot,
body.bp-index7 #wrap #packages .pricing-card-foot {
margin-top: 1.15rem !important;
}
body.bp-index7 #packages .pricing-foot-mbg {
display: none !important;
}
body.bp-index7 #packages .pricing-card-head,
body.bp-index7 #wrap #packages .pricing-card-head {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto;
align-items: start;
column-gap: 0.75rem;
}
body.bp-index7 #packages .pricing-package-col:not(.pricing-package-col--ultimate) .pricing-card-head,
body.bp-index7 #packages .pricing-package-col:not(.pricing-package-col--ultimate) .pricing-card-green,
body.bp-index7 #packages .pricing-package-col:not(.pricing-package-col--ultimate) .pricing-card-head.pricing-card-green {
background: #fff !important;
}
body.bp-index7 #packages .pricing-card-title-row {
grid-column: 1;
grid-row: 1;
margin-bottom: 0.15rem !important;
}
body.bp-index7 #packages .pricing-card-best-for {
grid-column: 1;
grid-row: 2;
margin-bottom: 0.85rem !important;
}
body.bp-index7 #packages .pricing-price-row {
grid-column: 2;
grid-row: 1 / span 2;
display: flex !important;
flex-direction: column !important;
align-items: flex-end !important;
justify-content: flex-start !important;
gap: 0.15rem;
margin: 0 !important;
}
body.bp-index7 #packages .pricing-price-row > h2.visible-xs {
margin: 0 !important;
line-height: 0.92 !important;
text-align: right !important;
}
body.bp-index7 #packages .pricing-price-meta.visible-xs {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
align-self: stretch !important;
align-items: flex-end !important;
text-align: right !important;
}
body.bp-index7 #packages .pricing-price-meta.visible-xs > span {
display: block !important;
width: 100%;
line-height: 1.1 !important;
text-align: right !important;
}
body.bp-index7 #packages .pricing-card-head > .btn,
body.bp-index7 #packages .pricing-card-head > .pricing-mbg {
grid-column: 1 / -1;
}
body.bp-index7 #packages .bp-pricing-board,
body.bp-index7 #wrap #packages .bp-pricing-board {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 0.25rem 0 1.25rem !important;
overflow: visible !important;
}
body.bp-index7 #packages .bp-pricing-board-row,
body.bp-index7 #wrap #packages .bp-pricing-board-row {
display: flex !important;
flex-direction: column !important;
gap: 1.25rem !important;
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
overflow: visible !important;
}
body.bp-index7 #packages .pricing-package-col,
body.bp-index7 #wrap #packages .pricing-package-col {
width: 100% !important;
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
overflow: visible !important;
}
body.bp-index7 #wrap #packages .iconbox-pricing {
box-shadow: 0 10px 28px rgba(15, 23, 42, 0.1) !important;
overflow: visible !important;
}
body.bp-index7 #wrap #packages .pricing-package-col--ultimate .iconbox-pricing {
overflow: hidden !important;
}
body.bp-index7 #wrap #benefits #ai-authority-framework,
body.bp-index7 #benefits #ai-authority-framework {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-top: 1.75rem !important;
padding-left: 0 !important;
padding-right: 0 !important;
padding-bottom: 1.85rem !important;
}
body.bp-index7 #benefits #ai-authority-framework > .row {
margin-left: 0 !important;
margin-right: 0 !important;
}
body.bp-index7 #benefits #ai-authority-framework > .row > .lqd-column {
float: none !important;
width: 100% !important;
max-width: none !important;
padding-left: 1.1rem !important;
padding-right: 1.1rem !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.bp-index7 #wrap #benefits #ai-authority-framework .aaf-header,
body.bp-index7 #benefits #ai-authority-framework .aaf-header {
width: 100% !important;
max-width: none !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
align-items: flex-start !important;
}
body.bp-index7 #wrap #benefits #ai-authority-framework,
body.bp-index7 #benefits #ai-authority-framework {
margin-bottom: 0 !important;
border-radius: 1rem !important;
overflow: hidden;
}
body.bp-index7 #wrap #benefits #ai-authority-framework .aaf-header,
body.bp-index7 #benefits #ai-authority-framework .aaf-header,
body.bp-index7 #wrap #benefits #ai-authority-framework .aaf-header h2,
body.bp-index7 #benefits #ai-authority-framework .aaf-header h2,
body.bp-index7 #wrap #benefits #ai-authority-framework .aaf-header .lead,
body.bp-index7 #benefits #ai-authority-framework .aaf-header .lead,
body.bp-index7 #wrap #benefits #ai-authority-framework .aaf-track-ai,
body.bp-index7 #benefits #ai-authority-framework .aaf-track-ai,
body.bp-index7 #wrap #benefits #ai-authority-framework .aaf-track-ai-label,
body.bp-index7 #benefits #ai-authority-framework .aaf-track-ai-label {
text-align: left !important;
align-items: flex-start !important;
}
body.bp-index7 #wrap #benefits #ai-authority-framework .aaf-track-ai-logos,
body.bp-index7 #benefits #ai-authority-framework .aaf-track-ai-logos {
justify-content: flex-start !important;
gap: 0.35rem !important;
}
body.bp-index7 #wrap #benefits #ai-authority-framework .aaf-ai-proof,
body.bp-index7 #benefits #ai-authority-framework .aaf-ai-proof {
align-items: flex-start !important;
justify-content: flex-start !important;
text-align: left !important;
}
body.bp-index7 #wrap #benefits #ai-authority-framework .aaf-ai-kpi,
body.bp-index7 #benefits #ai-authority-framework .aaf-ai-kpi,
body.bp-index7 #wrap #benefits #ai-authority-framework .aaf-ai-guarantee-link,
body.bp-index7 #benefits #ai-authority-framework .aaf-ai-guarantee-link {
text-align: left !important;
justify-content: flex-start !important;
max-width: none !important;
}
body.bp-index7 #wrap #benefits #ai-authority-framework .aaf-track-ai-logos li,
body.bp-index7 #benefits #ai-authority-framework .aaf-track-ai-logos li {
padding: 0.15rem !important;
gap: 0 !important;
}
body.bp-index7 #wrap #benefits #ai-authority-framework .aaf-header .lead,
body.bp-index7 #benefits #ai-authority-framework .aaf-header .lead {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
body.bp-index7 #benefits #ai-authority-framework .aaf-track-ai {
margin: 0.45rem 0 0 !important;
}
body.bp-index7 #benefits #ai-authority-framework .aaf-track-ai-label {
margin-bottom: 0.7rem !important;
}
body.bp-index7 #ai-authority-framework .aaf-track-ai-name {
display: none !important;
}
body.bp-index7 #ai-authority-framework .aaf-stack,
body.bp-index7 #ai-authority-framework .aaf-feed-arrows-fade,
body.bp-index7 #ai-authority-framework .aaf-signals {
display: none !important;
}
body.bp-index7 #content.content > #money-back-guarantee,
body.bp-index7 #wrap #money-back-guarantee,
body.bp-index7 #money-back-guarantee {
padding-bottom: calc(var(--section-wave-height, 150px) + 3rem) !important;
}
body.bp-index7 #money-back-guarantee .bp-mbg-timeline {
--bp-mbg-gap: 1.35rem;
display: flex !important;
flex-direction: column !important;
gap: var(--bp-mbg-gap) !important;
}
body.bp-index7 #money-back-guarantee .bp-mbg-timeline::before,
body.bp-index7 #money-back-guarantee .bp-mbg-timeline::after {
display: none !important;
content: none !important;
}
body.bp-index7 #money-back-guarantee .bp-mbg-stage {
display: grid !important;
grid-template-columns: var(--bp-mbg-check-size, 42px) minmax(0, 1fr);
column-gap: 0.85rem;
align-items: start;
}
body.bp-index7 #money-back-guarantee .bp-mbg-timeline-card .bp-mbg-stage-timing {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start;
grid-column: 1;
grid-row: 1 / span 2;
width: var(--bp-mbg-check-size, 42px);
padding: 0 !important;
background: transparent;
}
body.bp-index7 #money-back-guarantee .bp-mbg-stage-label {
position: absolute;
left: calc(var(--bp-mbg-check-size, 42px) + 0.85rem);
top: 0.15rem;
white-space: nowrap;
}
body.bp-index7 #money-back-guarantee .bp-mbg-stage-copy {
display: block !important;
grid-column: 2;
padding-top: 1.35rem;
min-width: 0;
}
body.bp-index7 #money-back-guarantee .bp-mbg-timeline-card .bp-mbg-point-title,
body.bp-index7 #money-back-guarantee .bp-mbg-stage-copy .bp-mbg-point-title.heading-with-icon,
body.bp-index7 #money-back-guarantee .bp-mbg-ai-card .bp-mbg-point-title,
body.bp-index7 #money-back-guarantee .bp-mbg-ai-card .bp-mbg-point-title.heading-with-icon {
display: flex !important;
align-items: center;
justify-content: flex-start;
gap: 0.5rem;
width: 100%;
margin: 0 !important;
padding: 0.15rem 0 !important;
color: #242424 !important;
font-size: var(--text-md, 1.0625rem) !important;
font-weight: var(--weight-bold, 700) !important;
line-height: var(--leading-snug, 1.35) !important;
letter-spacing: -0.02em !important;
cursor: pointer;
}
body.bp-index7 #money-back-guarantee .bp-mbg-stage-copy .bp-mbg-point-title.heading-with-icon::after,
body.bp-index7 #money-back-guarantee .bp-mbg-ai-card .bp-mbg-point-title.heading-with-icon::after {
content: "";
flex-shrink: 0;
width: 0.55rem;
height: 0.55rem;
margin-left: auto;
border-right: 2px solid #9aa0b5;
border-bottom: 2px solid #9aa0b5;
transform: translateY(-1px) rotate(45deg);
transition: transform 0.42s cubic-bezier(0.34, 1.4, 0.64, 1),
border-color 0.25s ease;
}
body.bp-index7 #money-back-guarantee .bp-mbg-stage.is-open .bp-mbg-point-title.heading-with-icon::after,
body.bp-index7 #money-back-guarantee .bp-mbg-ai-card.is-open .bp-mbg-point-title.heading-with-icon::after {
border-color: #6b728a;
transform: translateY(2px) rotate(225deg);
}
body.bp-index7 #money-back-guarantee .bp-mbg-accordion {
display: grid;
grid-template-rows: 0fr;
}
body.bp-index7 #money-back-guarantee .bp-mbg-stage.is-open .bp-mbg-accordion,
body.bp-index7 #money-back-guarantee .bp-mbg-ai-card.is-open .bp-mbg-accordion {
grid-template-rows: 1fr;
}
body.bp-index7 #money-back-guarantee .bp-mbg-accordion-inner {
overflow: hidden;
min-height: 0;
}
body.bp-index7 #money-back-guarantee .bp-mbg-stage-copy .bp-mbg-point-text {
margin-top: 0.45rem !important;
}
body.bp-index7 #money-back-guarantee .bp-mbg-stage:not(:last-child)::before {
content: "";
position: absolute;
top: var(--bp-mbg-check-size, 42px);
bottom: calc(-1 * var(--bp-mbg-gap, 1.35rem) + 10px);
left: calc(var(--bp-mbg-check-size, 42px) / 2);
width: 2px;
height: auto;
background: #4caf7d;
opacity: 0.45;
transform: translateX(-50%);
pointer-events: none;
z-index: 0;
}
body.bp-index7 #money-back-guarantee .bp-mbg-stage:not(:last-child)::after {
content: "";
position: absolute;
top: auto;
left: calc(var(--bp-mbg-check-size, 42px) / 2);
bottom: calc(-1 * var(--bp-mbg-gap, 1.35rem) + 3px);
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid #4caf7d;
opacity: 0.7;
transform: translateX(-50%);
pointer-events: none;
z-index: 1;
}
body.bp-index7 #money-back-guarantee .bp-mbg-stage:last-child::before,
body.bp-index7 #money-back-guarantee .bp-mbg-stage:last-child::after {
display: none !important;
content: none !important;
}
body.bp-index7 #money-back-guarantee .bp-mbg-stage .how-it-works-result-icon,
body.bp-index7 #money-back-guarantee .bp-mbg-ai-card .how-it-works-result-icon {
display: inline-flex !important;
z-index: 2;
width: var(--bp-mbg-check-size, 42px) !important;
height: var(--bp-mbg-check-size, 42px) !important;
min-width: var(--bp-mbg-check-size, 42px);
background: #4caf7d !important;
color: #fff !important;
visibility: visible !important;
opacity: 1 !important;
}
body.bp-index7 #money-back-guarantee .bp-mbg-ai-card .contents {
display: grid !important;
grid-template-columns: auto minmax(0, 1fr);
align-items: start;
column-gap: 0.85rem;
row-gap: 0.75rem;
}
body.bp-index7 #money-back-guarantee .bp-mbg-ai-card .how-it-works-result-icon {
grid-column: 1;
grid-row: 1;
margin: 0.15rem 0 0;
}
body.bp-index7 #money-back-guarantee .bp-mbg-ai-card .bp-mbg-card-copy {
display: contents !important;
}
body.bp-index7 #money-back-guarantee .bp-mbg-ai-card .bp-mbg-point-title {
grid-column: 2;
grid-row: 1;
}
body.bp-index7 #money-back-guarantee .bp-mbg-ai-card .bp-mbg-pill-ultimate,
body.bp-index7 #money-back-guarantee .bp-mbg-ai-card .pricing-most-popular-badge--card {
grid-column: 2;
grid-row: 2;
justify-self: start;
margin-top: 0.35rem !important;
}
body.bp-index7 #money-back-guarantee .bp-mbg-ai-card .bp-mbg-accordion {
grid-column: 2;
grid-row: 3;
}
body.bp-index7 #money-back-guarantee .bp-mbg-ai-card.is-open .bp-mbg-accordion {
padding-top: 0.9rem;
}
body.bp-index7 #money-back-guarantee .bp-mbg-ai-card .contents {
row-gap: 0 !important;
}
body.bp-index7 #money-back-guarantee .bp-mbg-ai-card .bp-mbg-accordion-inner {
overflow: hidden;
min-height: 0;
}
body.bp-index7 #money-back-guarantee .bp-mbg-ai-card .bp-mbg-point-text {
margin-top: 0.45rem !important;
}
body.bp-index7 .hero-subheading,
body.bp-index7 #hero-section .hero-subheading,
body.bp-index7 #wrap #hero-section .hero-subheading,
body.bp-index7 #hero-section .bp7-hero-subhead-mobile,
body.bp-index7 #wrap #hero-section .bp7-hero-subhead-mobile,
body.bp-index7 .lead,
body.bp-index7 #content section header:has(> .heading-label.bg-white) > h2 + p.lead,
body.bp-index7 #content section header:has(> .heading-label.bg-white) > p.lead,
body.bp-index7 #content section header:has(> .heading-label.bg-white) + p.lead,
body.bp-index7 #how-it-works .how-it-works-subhead + p.lead,
body.bp-index7 #how-it-works .bp-m-band--how > p.lead,
body.bp-index7 #money-back-guarantee .bp-mbg-lead,
body.bp-index7 #wrap #benefits #ai-authority-framework .aaf-header .lead,
body.bp-index7 #benefits #ai-authority-framework .aaf-header .lead,
body.bp-index7 section.cta1 .lead {
font-size: 1.125rem !important;
font-weight: 400 !important;
line-height: 1.5 !important;
}
body.bp-index7 .lead,
body.bp-index7 #content section header:has(> .heading-label.bg-white) > h2 + p.lead,
body.bp-index7 #content section header:has(> .heading-label.bg-white) > p.lead,
body.bp-index7 #content section header:has(> .heading-label.bg-white) + p.lead,
body.bp-index7 #how-it-works .how-it-works-subhead + p.lead,
body.bp-index7 #how-it-works .bp-m-band--how > p.lead,
body.bp-index7 #money-back-guarantee .bp-mbg-lead,
body.bp-index7 #wrap #benefits #ai-authority-framework .aaf-header .lead,
body.bp-index7 #benefits #ai-authority-framework .aaf-header .lead,
body.bp-index7 #reviews header.fancy-title > p.lead,
body.bp-index7 section.cta1 .lead,
body.bp-index7 #wrap header.fancy-title p.lead,
body.bp-index7 #wrap .fancy-title p.lead,
body.bp-index7 #wrap .fancy-title > .lead,
body.bp-index7 #wrap h2 + p.lead,
body.bp-index7 #wrap p.lead {
margin-bottom: 0 !important;
}
}

body.bp-index7 #reviews .bp-rv-stars{display:inline-block;width:120px;height:24px;vertical-align:middle;background:linear-gradient(90deg,#00b67a calc(var(--bp-rv-fill,5) * 20%),rgba(0,182,122,.28) 0);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20'><path fill='black' d='M10 1.4l2.2 4.5 5 .7-3.6 3.5.9 4.9L10 12.7 5.5 15l.9-4.9L2.8 6.6l5-.7zM30 1.4l2.2 4.5 5 .7-3.6 3.5.9 4.9L30 12.7 25.5 15l.9-4.9-3.6-3.5 5-.7zM50 1.4l2.2 4.5 5 .7-3.6 3.5.9 4.9L50 12.7 45.5 15l.9-4.9-3.6-3.5 5-.7zM70 1.4l2.2 4.5 5 .7-3.6 3.5.9 4.9L70 12.7 65.5 15l.9-4.9-3.6-3.5 5-.7zM90 1.4l2.2 4.5 5 .7-3.6 3.5.9 4.9L90 12.7 85.5 15l.9-4.9-3.6-3.5 5-.7z'/></svg>") center/120px 24px no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20'><path fill='black' d='M10 1.4l2.2 4.5 5 .7-3.6 3.5.9 4.9L10 12.7 5.5 15l.9-4.9L2.8 6.6l5-.7zM30 1.4l2.2 4.5 5 .7-3.6 3.5.9 4.9L30 12.7 25.5 15l.9-4.9-3.6-3.5 5-.7zM50 1.4l2.2 4.5 5 .7-3.6 3.5.9 4.9L50 12.7 45.5 15l.9-4.9-3.6-3.5 5-.7zM70 1.4l2.2 4.5 5 .7-3.6 3.5.9 4.9L70 12.7 65.5 15l.9-4.9-3.6-3.5 5-.7zM90 1.4l2.2 4.5 5 .7-3.6 3.5.9 4.9L90 12.7 85.5 15l.9-4.9-3.6-3.5 5-.7z'/></svg>") center/120px 24px no-repeat}

@media (min-width: 992px) {
body.bp-index8 .main-header .megamenu-column h4:not(.text-white) {
margin-bottom: 8px !important;
padding-bottom: 0 !important;
}
body.bp-index8 .main-header .megamenu-column h4:not(.text-white) + .lqd-custom-menu {
margin-top: -2px;
}
body.bp-index8 .main-header .megamenu-column h4:not(.text-white) + .lqd-custom-menu > li.mega-menu-sub-link:first-child {
padding-top: 0;
}
}
@media (min-width: 1200px) {
body.bp-index8 .main-header .main-nav > li.megamenu:hover > .nav-item-children,
body.bp-index8 .main-header .main-nav > li.megamenu:focus-within > .nav-item-children {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}
}
body.bp-index8 [data-custom-animations="true"] {
visibility: visible !important;
opacity: 1 !important;
}