:root {
    --light-bg: #fff;
    --dark-bg: #0A090D;
    --light-bg-font: #000;
    --dark-bg-font: #fff;
    --plum-300: #991BB0;
    --plum-200: #B779D4;
    --red-400: rgba(200, 20, 70, 1);
    --purple-cta: #7543F0;
    --teal-400: #00ABA5;
    --teal-200: #72EAEF;
    --green-400: #00AA5A;
    --green-bg: #007780;
    --gray-bg: #F5F5F8;
    --blue-300: #004CFF;
    --legacy-custom-midnight: #120052;
    --padding-large-desktop: 96px 120px;
    --padding-large-tablet: 80px 48px;
    --padding-large-tablet-half-top: 80px 48px 0px 48px;
    --padding-large-tablet-half-bottom: 0px 48px 80px 48px;
    --padding-large-tablet-half-top-mobile: 64px 32px 0px 32px;
    --padding-large-tablet-half-bottom-mobile: 0px 32px 64px 32px;
    --padding-large-mobile: 64px 32px;
    --margin-40-24-desktop: 40px 0px 64px 0px;
    --margin-80-desktop: 80px auto;
    --margin-40-24-tablet: 24px 0px 48px 0px;
}
.solutions {
    width: 100%;
}
.solutions .text-and-img-solutions .title-with-highlight {
    font-family: 'FFMarkBold';
    font-size: 32px;
    line-height: 40px;
}
.solutions .desktop-only, .solutions .desktop-desktop-only {
    display: contents;
}
.solutions .tablet-only {
    display: none;
}
.solutions .tablet-tablet-only {
    display: none;
}
.solutions .medium-font {
    font-family: 'FFMarkMedium';
}
.solutions .tablet-only h3 {
    font-size: 30px;
    line-height: 37px;
    text-align: center;
    font-family: 'FFMarkBold';
}
.solutions video {
    max-width: 100%;
    max-height: 560px;
}
.solutions .wp-block-button__link:active {
    margin: 0px;
}
.solutions .tablet-only .subtitle {
    font-size: 21px;
    line-height: 28px;
    text-align: center;
}
.solutions .tablet-only .center-p {
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    padding: 18px 0px 32px 0px;
}
/* desktop */
.solutions .hero-margin {
    margin-top: 96px;
}
.solutions .arrow-links-margin {
    margin: 40px 0px 0px;
    display: flex;
}
.solutions .hero-margin img {
    max-height: 500px;
}
.solutions .dark-bg-img-margin {
    margin: 0px auto;
}
.solutions .content-light, .solutions .content-dark, .solutions .content-gray {
    max-width: 1440px;
    padding: var(--padding-large-desktop);
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 100%;
}
.solutions .content-light-wrapper {
    background: var(--light-bg);
}
.solutions .contentt-light-wrapper-blue {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 15.38%, rgba(0, 76, 255, 0.10) 100%);
}
.solutions .contentt-light-wrapper-green {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 15.38%, rgba(0, 170, 90, 0.10) 100%);
}
.solutions .contentt-light-wrapper-purple {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 15.38%, rgba(183, 121, 212, 0.10) 100%);
}
.solutions .contentt-light-wrapper-pink {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 15.38%, rgba(153, 28, 176, 0.10) 100%);
}
.solutions .content-light-wrapper-red {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 15.38%, rgba(255, 0, 0, 0.10) 100%);
}
.solutions .content-light-wrapper-greenblue {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 15.38%, rgba(29, 223, 227, 0.10) 100%);
}
.solutions .content-light-wrapper-graypurple {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 15.38%, rgba(183, 121, 212, 0.10) 100%);
}

.solutions .margin-general {
    margin: auto!important;
}
.solutions .wistia_responsive_padding {
    margin: 64px 0px 0px;
}
.solutions .content-gray-wrapper {
    background: var(--gray-bg);
    display: flex;
    justify-content: center;
    margin: auto;
}
.solutions .content-dark-wrapper {
    background-color: var(--dark-bg);
}
.solutions .text-and-img-solutions-green-wrapper {
    text-align: left;
    gap: 80px;
    background: var(--green-bg);
    padding: var(--padding-large-desktop);
    color: var(--dark-bg-font);
}
.solutions .content-dark-wrapper, .solutions .content-light-wrapper {
    display: flex;
    justify-content: center;
}
.solutions .centered {
    text-align: center;
    justify-content: center;
}
.solutions .left-center-center {
    text-align: left;
    justify-content: left;
}
.solutions .centered-left {
    text-align: center;
}
.solutions .content-gray .title-left {
    text-align: left;
    font-size: 36px;
    line-height: 45px;
    font-family: 'FFMarkBold';
}
.solutions .centered-column {
    display: flex;
    align-items: center;
}
.solutions .sec-desktop-padding {
    padding: 16px 0px;
}
.margin-typical {
    margin: var(--margin-40-24-desktop)!important;
}
.margin-typical-80 {
    margin: var(--margin-80-desktop)!important;
}
.solutions .title-group {
    max-width: 875px;
    margin: auto;
}
.solutions .highlight {
    color: var(--plum-200);
}
.solutions .solutions-cta {
    background-color: var(--purple-cta);
    color: var(--dark-bg-font);
    border-radius: 8px;
    max-width: 1000px;
    margin: auto!important;
    padding: 32px 40px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    text-align: left;
    align-items: center!important;
    column-gap: 32px!important;
    row-gap: 24px!important;
    margin: 80px auto 0px!important;
}
.solutions .solutions-cta p {
    font-size: 16px;
    font-style: normal;
    font-weight: 450;
    line-height: 24px;
}
.solutions .solutions-cta h4 {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 4px;
    font-family: 'FFMarkBold';
}
.fit-content-column {
    max-width: fit-content;
}
.solutions .cta-gray {
    padding: 40px;
    display: flex;
    background-color: var(--gray-bg);
    flex-direction: row;
    gap: 18px;
    max-width: 800px;
    margin: auto!important;
}
.solutions .cta-gray p {
    font-size: 18px;
    font-style: normal;
    font-weight: 450;
    line-height: 27px;
}
.solutions .stats-results {
    padding: 40px !important;
    display: flex;
    gap: 64px;
    margin: 64px 0px;
    max-width: 1200px;
    margin: 0px auto 96px;
    padding: 0px;
    color: #000;
    align-items: flex-end !important;
}

.solutions .stats-cols-wrapper {
    display: flex;
    justify-content: space-between;
    flex: 1;
    box-sizing: border-box;
}
.solutions .stats-results-left {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 440px;
}
.solutions .stats-results .stats, .stats-typical  {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    padding-left: 24px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.solutions .stats-results .title {
    font-size: 24px;
    font-family: 'FFMarkBold';
    line-height: 30px;
}
.solutions  .stats-results .sub-p {
    font-size: 16px;
    line-height: 24px;
    text-align: left;
}
.solutions .stats-results .stats {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    padding-left: 24px;
}
.solutions .stats-results .stats-number, .stats-number-typical {
    color: #A02CB6;
    font-size: 50px;
    font-family: 'FFMarkBold';
    line-height: 58px;
    margin-bottom: 4px;
}
.solutions .list-checkmark {
    gap: 24px;
    display: flex;
}
.solutions .checklist-middle {
    margin: 32px 0px!important;
}
.solutions .checklist-group .checklist-title {
    font-family: 'FFMarkBold';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 8px;
}
.solutions .checklist-group p {
    font-family: 'FFMarkBook';
    font-size: 18px;
    font-style: normal;
    font-weight: 450;
    line-height: 27px;
}
.solutions .checklist-group img {
    margin-top: 4px;
}
.solutions .flex-1 {
    flex: 1;
}
.solutions .tablet-stack-reverse {
    display: flex;
    flex-direction: row;
}
.solutions .large-padding-line {
    padding: 96px 120px;
    border-bottom: 1px solid #E6E6E6;
}
/* fonts */
.solutions h1 {
    letter-spacing: -1.2px;
    font-family: 'FFMarkHeavy';
}
.solutions h2 {
    font-family: 'FFMarkBold';
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 18px;
}
.solutions .label-plum, .solutions .label-green, .solutions .label-blue, .solutions .label-red {
    font-family: 'FFMarkHeavy';
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.solutions .label-red {
    color: var(--red-400);
}
.solutions .label-plum {
    color: var(--plum-300);
}
.solutions .label-green {
    color: var(--green-400);
}
.solutions .label-blue {
    color: var(--blue-300);
}
.solutions .sub-hero {
    font-size: 21px;
    font-style: normal;
    line-height: 28px;
    font-family: 'FFMarkMedium';
    width: 100%;
    max-width: 762px;
    margin: auto;
}
.solutions .sub-header {
    font-size: 21px;
    font-style: normal;
    line-height: 28px;
    width: 100%;
}
.solutions .sub-header-book {
    font-size: 21px;
    font-style: normal;
    line-height: 28px;
    font-family: 'FFMarkBook';
    width: 100%;
}
.solutions .content-dark {
    color: var(--dark-bg-font);
}
.solutions .gradient-border p {
    font-size: 18px;
    line-height: 27px;
    font-family: 'FFMarkBook';
}
.solutions .content-dark .top-margin-only {
    margin: 48px 0px 0px 0px;
}
.solutions .content-dark .gradient-border-top {
    margin: 0px!important;
}
.solutions .content-dark .no-margin:where(.wp-block-columns.is-layout-flex) {
    margin: 0px!important;
}
.solutions .content-dark a {
    color: var(--dark-bg-font);
    font-family: 'FFMarkBold';
    text-decoration: underline;
}
.solutions .content-light {
    color: var(--light-bg-font);
}
.solutions .content-light h2 {
    color: var(--light-bg-font)!important;
}
.solutions .embeded-video {
    width: 100%;
    margin-top: 64px;
    max-width: 800px;
}
.solutions .text-and-img-solutions {
    max-width: 1200px;
    text-align: left;
    gap: 6.67%;
    margin: 80px 0px;
}
.solutions .text-column {
    padding: 30px 0px!important;
    max-width: 458px;
}
.solutions .stack, .solutions .stack-reverse {
    flex-direction: row;
    display: flex;
    align-items: center!important;
    align-content: center;
    column-gap: 80px;
    margin: 0px auto!important;
}
.solutions .stack-inner {
    width: 100%;
    flex:1;
    text-align: left;
}
.solutions .stack-inner h3 {
    font-family: 'FFMarkBold';
    font-size: 36px;
    font-style: normal;
    line-height: 45px;
}
.solutions .stack-inner a {
    font-family: 'FFMarkBold';
    color: var(--teal-400);
    font-size: 16px;
    font-style: normal;
    line-height: 25px;
    text-decoration-line: underline;
}
.solutions .text-and-img-solutions-green {
    max-width: 1200px;
    text-align: left;
    gap: 80px;
    background: var(--green-bg);
    margin: auto;
    color: var(--dark-bg-font);
}
.solutions .text-and-img-solutions-green h3 {
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 45px;
    font-family: 'FFMarkBold';
}
.solutions .text-and-img-solutions-green p {
    color: var(--dark-bg-font);
    font-family: 'FFMarkBook';
    font-size: 21px;
    font-style: normal;
    font-weight: 450;
    line-height: 28px;
    padding: 18px 0px 40px 0px;
}
.solutions .text-and-img-solutions-green .cta a {
    color: var(--teal-200, #72EAEF);
    font-family: 'FFMarkBold';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    text-decoration-line: underline;
}
.solutions .text-and-img-solutions-green .cta {
    display: flex;
    flex-direction: row;
    gap: 0px;
    align-items: center;
    align-content: center;
    background: rgba(0, 0, 0, 0.40);
    border-radius: 0px;
    max-width: 100%;
    margin: 0px auto;
    padding: 16px;
    border-radius: 8px;
}
.solutions .text-and-img-solutions-green .cta .card {
    color: var(--dark-bg-font);
    font-family: 'FFMarkBook';
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 18px;
    padding: 24px!important;
    text-align: left;
}
.solutions .text-img-sol-square {
    margin: 0px!important;
}
.solutions .text-and-img-solutions .title {
    font-family: 'FFMarkBold';
    font-size: 36px;
    line-height: 45px;
}
.solutions .text-and-img-end .title {
    font-family: 'FFMarkBold';
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 45px;
}
.solutions .text-col-solutions .title {
    font-family: 'FFMarkBold';
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    text-align: left;
}
.solutions .title-modules {
    font-size: 30px;
    font-family: 'FFMarkBold';
    line-height: 37px;
    margin-bottom: 18px;
}
.solutions .subtitle-modules {
    font-size: 21px;
    font-family: 'FFMarkBook';
    line-height: 28px;
}
.solutions .text-col-solutions p {
    font-family: 'FFMarkBook';
    font-size: 18px;
    font-style: normal;
    font-weight: 450;
    line-height: 27px;
    text-align: left;
}
.solutions .text-and-img-solutions .subtitle {
    font-family: 'FFMarkBook';
    font-size: 18px;
    font-style: normal;
    font-weight: 450;
    line-height: 27px;
    margin: 18px 0px 40px 0px;
}
.solutions .inner-modules-subtitle {
    font-family: 'FFMarkBook';
    font-size: 21px;
    font-style: normal;
    font-weight: 450;
    line-height: 28px;
    margin: 18px 0px 40px 0px;
}
.solutions .subtitle-medium {
    font-family: 'FFMarkBook';
    font-size: 21px;
    font-style: normal;
    font-weight: 450;
    line-height: 28px;
    margin: 18px 0px 40px 0px;
}
.solutions .inner-modules-p {
    font-family: 'FFMarkBook';
    font-size: 21px;
    font-style: normal;
    font-weight: 450;
    line-height: 28px;
    margin: 18px 0px 0px 0px;
}
.solutions .double-col-img .wp-block-image img {
    box-sizing: border-box;
    height: auto;
    max-width: 460px;
    vertical-align: bottom;
    margin: auto;
}
.solutions .text-and-img-solutions .border-text {
    background: var(--dark-bg);
    padding-left: 24px;
    padding-right: 100px;
}

.solutions p.border-text, .solutions p.border-text-large  {
    font-size: 16px;
    line-height: 24px;
}


.solutions .text-img-sol-square .border-text {
    background: #fff;
    padding-left: 24px;
}
.solutions .double-col-img {
    display: flex;
    gap: 80px;
    margin: 64px 0px!important;
}
.solutions .double-col-img .title {
    font-family: 'FFMarkBold';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin: 32px 0px 16px 0px;
}
.solutions .double-col-img p {
    font-size: 18px;
    font-style: normal;
    font-weight: 450;
    line-height: 27px;
}
.solutions .content-gray-wrapper .border-text {
    font-size: 18px;
    font-style: normal;
    font-weight: 450;
    line-height: 27px;
    background: var(--gray-bg)!important;
    color: #000;
    padding-left: 24px;
}
.solutions .text-col-solutions .border-text {
    background: var(--dark-bg);
    text-align: left;
    padding-left: 24px;
}
.solutions .divider-blue-plum {
    background: var(--Blue---Plum, linear-gradient(90deg, #004BFF 0%, #991BB0 72.82%));
}
.arrow-links:after {
    content: url(/wp-content/uploads/2023/03/arrow-1.svg);
    padding-left: 8px;
}

.solutions .text-img-sol-square .subtitle {
    font-family: 'FFMarkBook';
    font-size: 21px;
    font-style: normal;
    font-weight: 450;
    line-height: 28px;
    margin: 18px 0px 40px 0px;
}
.solutions .gradient-border {
    border-left: 4px solid transparent;
    background-image: linear-gradient(0deg, #00BE64 0%, #30EEEE 72.82%);
}
.solutions .gradient-border-purple {
    border-left: 4px solid transparent;
    background-image: linear-gradient(0deg, #A02CB6 0%, #B779D4 66%);
}
.solutions .dark-p {
    font-size: 18px;
    font-style: normal;
    font-weight: 450;
    line-height: 27px;
    background-color: var(--dark-bg)!important;
}
.solutions .solutions-stack-dark-column {
    text-align: left;
}
.solutions .solutions-stack-dark-column h3 {
    font-size: 36px;
    line-height: 45px;
    font-family: 'FFMarkBold';
}
.solutions .solutions-stack-dark-column .subtitle {
    margin: 18px 0px 40px 0px;
    font-size: 21px;
    font-family: 'FFMarkBook';
    line-height: 28px;
}
.border-text span {
    font-family: 'FFMarkBold';
    font-size: 24px;
    font-style: normal;
    line-height: 30px;
    margin-bottom: 8px;
    display: block;
}
/* Width */

.width-50-to-100 {
    width: 50%;
}

.width-100 {
    width: 100%!important;
}

/* wordpress overwrites */
.solutions .wp-block-media-text {
    box-sizing: border-box;
    direction: ltr;
    display: grid;
    grid-template-columns: auto!important;
    grid-template-rows: auto;
}
.wp-block-media-text {
    box-sizing: border-box;
    direction: ltr;
    display: grid;
    grid-template-rows: auto;
}
.solutions .stack-wp-block-media-text {
    box-sizing: border-box;
    direction: ltr;
    display: flex;
    grid-template-columns: auto!important;
    grid-template-rows: auto;
    gap: 0px;
    text-align: left;
}
.solutions .border-text-large {
    background: var(--gray-bg);
    padding-left: 24px;
}
.solutions .tablet-mobile-only {
    display: none;
}
.solutions .content-dark h3 {
    font-size: 36px;
    line-height: 45px;
    font-family: 'FFMarkBold';
}
.solutions .inner-modules-subtitle-small {
    font-size: 21px;
    line-height: 28px;
    padding: 18px 0px 40px 0px;
}
.solutions .border-text-large a , .solutions .border-text a {
    font-family: 'FFMarkBold'!important;
}

/* Logo Carousel */


@keyframes slideinsolutions {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-3220px);
	}
}
.solutions .carousel-logos-3 {
	display: flex;
	white-space: nowrap;
	animation: slideinsolutions 60s linear infinite;
	gap: 64px;
	position: relative;
	width: 11500px;
	height: 188px;
}
.solutions .carousel-logos-3 .logo-wrapper {
	padding: 60px;
}
.solutions .logo-wrapper img {
	border: 0;
	width: 100%;
	display: block;
	height: 68px;
}
.solutions .carousel-container-logos-3 {
	overflow: hidden;
	width: 100%;
	margin: auto;
	position: relative;
}

/* Tabs block */

.solutions-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
}

.tabs {
        align-items: flex-end;
}

.tabs-block-wrapper .tab {
    padding: 10px 20px;
    cursor: pointer;
    font-weight: 500;
    border-bottom: 3px solid transparent;
    width: 25%;
    text-align: center;
    font-family: 'FFMarkBook';
}

.tabs-block-wrapper .tab {
  padding: 10px 20px;
  cursor: pointer;
  font-weight: 500;
  border-bottom: 3px solid rgba(0, 0, 0, .05);
}

.tabs-block-wrapper .tab.active {
  color: #000;
  border-color: #FF1755;
  font-family: 'FFMarkBold';
}

.tabs-block-wrapper .tab-content {
  display: none;
}

.tabs-block-wrapper .tab-content.active {
  display: block;
}

.tabs-block-wrapper .label {
  color: #C81446;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  line-height: 14px;
}

.tabs-block-wrapper .section {
  display: flex;
  flex-wrap: wrap;
  gap: 80px;
}



.check-li-pink,
.check-li-blue {
  list-style: none;
  position: relative;
  padding-left: 32px; 
}

.check-li-pink strong,
.check-li-blue strong {
    font-family: 'FFMarkBold';
}

.check-li-pink::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px; 
  width: 20px;
  height: 20px;
  background-image: url('/wp-content/uploads/2025/07/check-pink.svg');
  background-repeat: no-repeat;
  background-size: contain;
}



.check-li-blue::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px; 
  width: 20px;
  height: 20px;
  background-image: url('https://www.wurl.com/wp-content/uploads/2025/08/check-blue.svg');
  background-repeat: no-repeat;
  background-size: contain;
}


.tabs-block-wrapper ul {
    display: flex;
    gap: 16px;
    flex-direction: column;
}


/* End tabs block */


/* Testimonial block */

.wurl-testimonials-block-wrapper .testimonial-block {
  display: flex;
  gap: 48px;
  align-items: center;
  justify-content: center;
  padding: 40px 0px;
  max-width: 1440px;
  margin: 0 auto;
  flex-wrap: nowrap;
}



.wurl-testimonials-block-wrapper .testimonial-video .video-placeholder {
  background-color: #ffe6e9;
  width: 540px;
  height: 300px;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wurl-testimonials-block-wrapper .play-button {
  background-color: #cc2954;
  color: white;
  font-size: 36px;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  cursor: pointer;
}

.wurl-testimonials-block-wrapper {
    position: relative;
}

.wurl-testimonials-block-wrapper .testimonial-quote {
    background-color: #f6f7fa;
    padding: 40px;
    border-radius: 24px;
    width: 667px;
    position: absolute;
    right: 0px;
    top: 79px;
}

.wurl-testimonials-block-wrapper .testimonial-quote blockquote {
  margin: 0;
  font-size: 20px;
  line-height: 1.6;
  color: #1a1a1a;
}

.wurl-testimonials-block-wrapper .testimonial-quote footer {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.4;
  color: #333;
}

.wurl-testimonials-block-wrapper .testimonial-quote .company {
  display: block;
  margin-top: 12px;
  font-weight: bold;
  float: right;
  text-transform: uppercase;
}

/* Progress bar */

.fast-section {
  max-width: 1440px;
  width: 100%;
}

.fast-section .section-title {
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 60px;
}

.fast-section .content-wrapper {
  display: flex;
  position: relative;
  gap: 40px;
  height: 100%;
}

.fast-section .column {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  gap: 220px;
}

.fast-section .image-placeholder,
.fast-section .card {
  height: 272px;
  box-sizing: border-box;
}

.fast-section .image-placeholder {
  width: 100%;
  border-radius: 8px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.fast-section .card {
  background: #fff;
  padding: 20px;
  border-radius: 8px;
}

.fast-section .card-label {
  text-transform: uppercase;
  color: #d12d7a;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 8px;
}

.fast-section .card-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}

.fast-section .card-description {
  font-size: 14px;
  line-height: 1.5;
}

/* Progress Bar */


.scroll-progress-bar {
  position: relative;
  width: 4px;
  background-color: #eee;
  height: 800px; /* fixed height */
  margin: 0 auto;
  max-height: 1000px;
}

/* Circle markers */
.progress-marker {
  position: absolute;
  left: 50%;
  width: 20px;
  height: 20px;
  background-color: #e5e5e5;
  border-radius: 50%;
  transform: translateX(-50%);
  transition: background-color 0.3s ease;
  z-index: 2;
}

.marker-0   { top: 0px; }
.marker-50  { top: 500px; }
.marker-100 { top: 1000px; transform: translate(-50%, -100%); } 

/* For AdPool */
.marker-active { background-color: #0082FF!important; }
/* For ContentDiscovery */
.green .marker-active { 
    background: linear-gradient(183deg, #00AA5A -79.88%, #4BB694 80.9%)!important;
}

.fast-section .progress-container {
  width: 6px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #e5e5e5;
  border-radius: 3px;
  overflow: visible;
  height: 1000px;
}



.fast-section .content-wrapper {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

.fast-section .content-wrapper.visible {
  opacity: 1;
}


.fast-section .scroll-progress-bar {
  width: 6px;
  border-radius: 16px;
  background: linear-gradient(172deg, #D9ECFF -90.3%, #0082FF 198.02%);  
  border-radius: 0px;
  transition: height 0.2s ease-in-out;
}

/* ContentDiscovery progress bar color */
.green .scroll-progress-bar {
background: linear-gradient(183deg, #00AA5A -79.88%, #4BB694 80.9%)!important;
}



/* Special break-point for testimonial block */
@media only screen and (max-width: 1460px){

    .wurl-testimonials-block-wrapper .testimonial-block {
    flex-direction: column;
    gap: 48px;
    padding: 24px;
    overflow: hidden;
    margin-top: 64px;
  }


.wurl-testimonials-block-wrapper .testimonial-video .video-placeholder,
  .wurl-testimonials-block-wrapper .testimonial-quote {
    width: 100%;
    position: relative;
    top: 0px;
  }

  .wurl-testimonials-block-wrapper .testimonial-quote {
    display: flex;
    gap: 24px;
    align-items: flex-start;
    justify-content: center;
    padding: 40px;
    max-width: 1440px;
    margin: 0 auto;
    flex-wrap: nowrap;
    flex-direction: column;
}

.width-50-to-100 {
    width: 100%;
}

}

/* Tablet */
@media only screen and (max-width: 834px){

    .solutions .desktop-only {
        display: none;
    }
    .solutions .tablet-only {
        display: contents;
    }
   .solutions .tablet-tablet-only {
    display: contents;
    }
    .solutions .tablet-mobile-only {
        display: contents;
    }
    .solutions .tablet-stack-reverse {
        display: flex;
        flex-direction: column-reverse;
    }
    .solutions .solutions-cta {
        padding: 40px 32px;
        margin: 0px auto!important;
    }
    .solutions .double-col-img {
        margin: 40px 0px!important;
    }
    .solutions .cta-gray {
        gap: 32px;
    }
    .solutions .hero-margin {
        margin-top: 80px;
    }
    .solutions .text-and-img-solutions-green-wrapper {
        padding: var(--padding-large-tablet);
    }
    .solutions .dark-bg-img-margin {
        margin: 48px auto;
    }
    .solutions .text-and-img-solutions-green .cta {
        max-width: 560px;
        margin: 0px auto;
        width: 100%;
        border-radius: 8px;
        overflow: hidden;
    }
   .solutions .stats-results .stats-number {
        font-size: 40px;
        line-height: 46px;
        margin-bottom: 4px;
    }
   .solutions .large-padding-line {
        padding: 80px 48px;
        border-bottom: 0px;
    }
   .solutions .left-center-center {
        text-align:  center;
        justify-content: center;
    }
    .solutions .stats-results {
        padding: 40px !important;
        display: flex;
        gap: 40px;
        padding: 0px;
        color: #000;
        align-items: center !important;
        flex-direction: column;
        align-content: center;
        border-radius: 16px;
        margin: 0px 48px 96px;
    }
    .solutions .stats-results .title {
        font-size: 21px;
        line-height: 28px;
        text-align: center;
    }
    .solutions .read-more-ctas {
        justify-content: center;
    }
    .solutions .stats-results .stats-number {
        font-size: 40px;
        line-height: 46px;
        margin-bottom: 4px;
    }
    .solutions .stats-results .sub-p {
        font-size: 16px;
        line-height: 24px;
        text-align: center;
    }
   /* tablet fonts */
   .solutions .text-and-img-solutions-green-wrapper .sub-h3 {
    margin-bottom: 32px;
    }
    .solutions .checklist-group .checklist-title {
        font-size: 21px;
        line-height: 28px;
   }
    .solutions .gradient-border p {
        font-size: 16px;
        line-height: 24px;
   }
   .border-text span {
    font-family: 'FFMarkBold';
    font-size: 21px;
    font-style: normal;
    line-height: 28px;
    margin-bottom: 8px;
    display: block;
    }
    .solutions h2 {
        font-size: 30px;
        line-height: 38px;
        margin-bottom: 16px;
    }
   .solutions .sub-header {
    font-size: 18px;
    line-height: 27px;
    }
    .solutions .sub-header-book {
        font-size: 21px;
        line-height: 32px;
    }
    .solutions .solutions-cta h4 {
        font-size: 18px;
        line-height: 27px;
    }
    .solutions .stack-inner {
        text-align: center;
   }
    .margin-typical {
        margin: var(--margin-40-24-tablet)!important;
   }
    .solutions .text-and-img-solutions {
        margin: 64px auto;
        gap: 32px;
   }
    .solutions .text-and-img-end {
        margin: 0px auto!important;
   }
    .solutions .double-col-img .title {
        font-size: 21px;
        line-height: 28px;
        margin: 32px 0px 16px 0px;
   }
    .solutions .content-gray .title-left {
        text-align: left;
        font-size: 30px;
        line-height: 37px;
        font-family: 'FFMarkBold';
   }
   .solutions .img-stack-40 {
        width: 100%;
        margin: auto;
        max-width: 560px;
        margin: 40px 0px 8px 0px;
    }
    .solutions .content-light, .solutions .content-dark, .solutions .content-gray {
        max-width: 1440px;
        padding: var(--padding-large-tablet);
   }
    .solutions .content-light-half-top {
        padding: var(--padding-large-tablet-half-top);
   }
    .solutions .content-light-half-bottom {
        padding: var(--padding-large-tablet-half-bottom);
   }
    .solutions .text-and-img-solutions .title, .solutions .text-and-img-solutions .title-with-highlight {
        font-size: 24px;
        line-height: 32px;
   }
    .solutions .text-and-img-end .title {
        font-size: 30px;
        line-height: 37px;
        text-align: center;
   }
    .solutions .text-and-img-end .subtitle {
        margin: 18px 0px 32px 0px;
        text-align: center;
   }
    .solutions .subtitle-medium {
        font-size: 18px;
        line-height: 27px;
        margin: 18px 0px 40px 0px;
   }
    .solutions .text-and-img-solutions .subtitle {
        margin: 8px 0px 8px 0px!important;
   }
    .solutions .border-text-large a {
        font-family: 'FFMarkBold';
   }
    .solutions .stack {
        flex-direction: column;
        gap: 40px;
   }
    .solutions .stack-reverse {
        flex-direction: column-reverse;
        gap: 32px;
   }
    .solutions .stack .stack-inner h3, .solutions .stack-reverse .stack-inner h3 {
        font-size: 30px;
        line-height: 37px;
   }
   .solutions .stack img,
   .solutions .stack-reverse img {
    width: 100%;
    max-width: 560px;
    margin: auto;
    }
    .solutions .stack .img-left img,
    .solutions .stack-reverse .img-left img {
        margin: 0px;
    }
    .solutions .text-column {
        padding: 0px!important;
    }
    .solutions .solutions-cta img {
        max-width: 170px;
    }
    .solutions .desktop-desktop-only {
        display: none;
    }
    .solutions h1 {
        letter-spacing: normal;
   }
    .solutions .text-and-img-solutions-green-wrapper .h3-green {
        font-size: 30px!important;
        line-height: 37px!important;
        margin-bottom: 18px;
        font-family: 'FFMarkBold';
   }
    .solutions .content-dark h3 {
        font-size: 30px;
        line-height: 37px;
   }
    .solutions .inner-modules-subtitle {
        font-size: 21px;
        line-height: 28px;
   }
    .solutions .inner-modules-subtitle-small {
        font-size: 21px;
        line-height: 28px;
        padding: 8px 0px 32px 0px;
   }
   .solutions .content-dark .gradient-border {
    margin: 0px;
    }
    .solutions p.border-text, .solutions p.border-text-large {
        font-size: 16px;
        line-height: 24px;
    }
    .solutions .text-and-img-solutions-green:where(.wp-block-columns.is-layout-flex) {
        margin-bottom: 0px!important; 
    }
}
/* mobile */
@media only screen and (max-width: 781px){

     .wurl-testimonials-block-wrapper .testimonial-quote { 
        padding: 24px;
     }
    .solutions .content-light, .solutions .content-dark, .solutions .content-gray, .solutions .text-and-img-solutions-green-wrapper {
        max-width: 1440px;
        padding: var(--padding-large-mobile);
   }
    .solutions .text-and-img-solutions-green .cta .card {
        font-size: 14px!important;
        line-height: 18px!important;
        text-align: center;
        padding: 24px 0px 0px!important;
   }
    .solutions .text-and-img-solutions-green p {
        font-size: 18px!important;
        line-height: 27px!important;
   }
    .solutions .desktop-only {
        display: block;
   }
    .solutions .desktop-desktop-only {
        display: none;
   }
    .solutions .tablet-only {
        display: none;
   }
   .solutions .tablet-tablet-only {
    display: none;
    }
    .solutions .stats-results .stats-number {
        font-size: 28px;
        line-height: 35px;
        margin-bottom: 4px;
    }
    .solutions .tablet-mobile-only {
        display: block;
    }
    .solutions .title-modules {
        font-size: 24px;
        line-height: 32px;
    }
    .solutions .subtitle-modules {
        font-size: 18px;
        line-height: 28px;
   }
    .solutions .label-plum, .solutions .label-green, .solutions .label-blue, .solutions .label-red {
        font-size: 14px;
        line-height: 19px;
   }
    .solutions h1 {
        letter-spacing: normal;
   }
    .solutions .sub-header {
        font-size: 16px;
        line-height: 22px;
   }
   .solutions p.border-text, .solutions p.border-text-large {
    font-size: 14px;
    line-height: 21px;
    }
    .solutions .sub-header-book {
        font-size: 16px;
        line-height: 22px;
   }
    .solutions .sub-hero {
        font-size: 18px;
        line-height: 27px;
   }
    .solutions .text-and-img-solutions {
        margin: 40px auto;
        gap: 32px;
   }
    .solutions .text-and-img-solutions .title, .solutions .text-and-img-solutions .title-with-highlight {
        font-size: 21px;
        line-height: 28px;
   }
    .solutions .text-and-img-end .title {
        font-size: 21px;
        line-height: 28px;
        text-align: left;
   }
    .solutions .text-and-img-end .subtitle {
        margin: 8px 0px 24px 0px!important;
        font-size: 16px!important;
        line-height: 22px!important;
        text-align: left;
   }
    .solutions .text-and-img-solutions .subtitle {
        font-size: 16px;
        line-height: 22px;
   }
    .solutions .solutions-cta {
        padding: 40px 36px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        text-align: left;
        align-items: center;
        text-align: center;
        border-radius: 16px;
        margin: 80px auto 0px;
   }
    .solutions .stack .stack-inner h3 {
        font-size: 24px;
        line-height: 32px;
   }
    .solutions video {
        max-width: 100%;
        max-height: 310px;
   }
    .solutions .text-and-img-solutions-green .cta {
        display: flex;
        flex-direction: row;
        gap: 0px;
        align-items: center;
        align-content: center;
        background: rgba(0,0,0,.4);
        padding: 32px 24px;
        justify-content: center;
        border-radius: 8px;
        max-width: 311px;
        margin: 0px auto;
   }
    .solutions .content-dark .gradient-border {
        margin: 0px;
   }
    .solutions .solutions-cta p {
        font-size: 16px;
        line-height: 22px;
   }
    .solutions .text-bottom-cta {
        font-size: 24px;
        line-height: 32px;
        padding: 24px 0px;
        margin: auto;
        font-family: 'FFMarkBold';
        font-weight: 700;
        text-align: center;
   }
    .solutions .text-img-sol-square .subtitle {
        margin: 24px 0px 40px 0px;
        font-size: 18px;
        line-height: 27px;
   }
    .solutions .content-light-half-top {
        padding: var(--padding-large-tablet-half-top-mobile);
   }
    .solutions .content-light-half-bottom {
        padding: var(--padding-large-tablet-half-bottom-mobile);
   }
    .margin-typical {
        padding: 16px auto 40px;
   }
    .solutions .content-gray .title-left {
        text-align: left;
        font-size: 24px;
        line-height: 372x;
        font-family: 'FFMarkBold';
   }
    .solutions .inner-modules-p {
        font-size: 18px;
        line-height: 28px;
        margin: 8px 0px 0px 0px;
   }
    .solutions .checklist-group .checklist-title {
        font-size: 18px;
        line-height: 27px;
   }
    .solutions .checklist-group p {
        font-size: 16px;
        line-height: 22px;
   }
    .solutions .inner-modules-subtitle {
        font-size: 18px;
        line-height: 27px;
   }
    .no-margin {
        margin: 0px!important;
   }
    .solutions .text-and-img-solutions-green-wrapper .h3-green {
        font-size: 24px!important;
        line-height: 32px!important;
   }
    .solutions .text-and-img-solutions-green-wrapper p {
        font-size: 18px!important;
        line-height: 27px!important;
   }
    .solutions .content-dark h3 {
        font-size: 24px;
        line-height: 32px;
   }
    .solutions .gradient-border p {
        font-size: 14px;
        line-height: 18px;
   }
    .solutions .double-col-img .title {
        font-size: 18px;
        line-height: 27px;
        margin: 24px 0 8px;
   }
    .solutions .double-col-img p {
        font-size: 16px;
        font-style: normal;
        font-weight: 450;
        line-height: 22px;
        font-family: 'FFMarkBook';
   }
    .solutions .cta-gray {
        padding: 32px;
   }
    .solutions .cta-gray p {
        font-size: 16px;
        font-style: normal;
        font-weight: 450;
        line-height: 22px;
        font-family: 'FFMarkBook';
   }
    .solutions .inner-modules-subtitle-small {
        font-size: 16px;
        line-height: 22px;
        padding: 8px 0px 24px 0px;
    }
   .border-text span {
        font-size: 18px;
        line-height: 27px;
    }
    .solutions .large-padding-line {
        padding: 64px 32px;
        border-bottom: 0px;
    }
    .solutions .solutions-cta {
        margin: 40px auto 0px!important;
    }
    .solutions .stack-reverse {
        flex-direction: column-reverse;
        gap: 32px;
    }
    .solutions .text-and-img-solutions-green-wrapper .h3-green {
        font-size: 24px!important;
        line-height: 32px!important;
        margin-bottom: 24px;
        font-family: 'FFMarkBold';
    }
    .solutions .text-and-img-solutions-green-wrapper p {
        font-size: 18px!important;
        line-height: 27px!important;
        padding: 0px 0px 40px 0px;
    }
    .solutions .text-and-img-solutions-green .cta img {
        width: 100%;
        margin: auto;
        max-width: 166px;
    }
    .solutions .text-and-img-solutions-green-wrapper .sub-h3 {
        margin-bottom: 0px;
    }
    .solutions h2 {
        font-size: 30px;
        line-height: 38px;
        margin-bottom: 8px;
    }
    .solutions .img-stack-40 {
        width: 100%;
        margin: auto;
        max-width: 560px;
        margin: 40px 0px 8px 0px;
    }
    .solutions .stats-results {
        padding: 32px !important;
        margin: 0px 32px 64px;
    }
    .solutions .stats-results .title {
        font-size: 18px;
        line-height: 27px;
    }
}

/* Section blocks */

@media (max-width: 781px) {
  
  .section {
    flex-direction: column;
  }

  .section-image {
    order: -1;
  }

  /* Testimonial Block */

  .wurl-testimonials-block-wrapper .testimonial-quote .company {
    float: none;
    text-align: right;
  }

  /* Progress bar block */
 
  .fast-section {
    width: auto;
    height: auto;
  }

  .fast-section .content-wrapper {
    flex-direction: column;
    height: auto;
  }

  .fast-section .progress-container {
    display: none;
  }

}