/* 1. DECLARE THE NEW FONT */
@font-face {
  font-family: "CircularLL";
  /* Moving up one directory from /css/ to /fonts/ */
  src: url('../fonts/CircularLLVarSub.woff2') format('woff2'),
       url('../fonts/CircularLLVarSub.woff') format('woff');
  font-weight: 100 900; /* Supports variable weights if the file is a variable font */
  font-display: swap;
  font-style: normal;
}

/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

:root{
--body-text:#4D4D4D;
--body-text-inv:#B2B2B2;
--warm-black:#1C1B1A;
--payactiv-blue:#006AFF;
--zap:#E7FE72; 
  --paper:#F4F2F0;
}





/* 2. OVERRIDE THE THEME VARIABLES */
:root {
  /* This replaces the 'Figtree' part of your theme's font stacks */
  --primary-font: "CircularLL", Helvetica Neue, Helvetica, Arial, sans-serif;
  --secondary-font: "CircularLL", Helvetica Neue, Helvetica, Arial, sans-serif;

  /* Redefining the specific font strings used in the Head tag */
  --base-font: normal 400 18px/1.67 "CircularLL", Helvetica Neue, Helvetica, Arial, sans-serif;
  --h1-font: normal 300 61px/1.04 "CircularLL", Helvetica Neue, Helvetica, Arial, sans-serif;
  --h2-font: normal 400 39px/1.07 "CircularLL", Helvetica Neue, Helvetica, Arial, sans-serif;
  --h3-font: normal 400 31px/1.09 "CircularLL", Helvetica Neue, Helvetica, Arial, sans-serif;
  --h4-font: normal 400 25px/1.12 "CircularLL", Helvetica Neue, Helvetica, Arial, sans-serif;
  --h5-font: normal 400 20px/1.5 "CircularLL", Helvetica Neue, Helvetica, Arial, sans-serif;
  --h6-font: normal 400 16px/1.5 "CircularLL", Helvetica Neue, Helvetica, Arial, sans-serif;
  
  --blockquote-font: normal 400 34px/1.4 "CircularLL", Helvetica Neue, Helvetica, Arial, sans-serif;
  --eyebrow-font: normal 400 16px/2.13 "CircularLL", Helvetica Neue, Helvetica, Arial, sans-serif;
  --subheadline-font: normal 400 21px/1.62 "CircularLL", Helvetica Neue, Helvetica, Arial, sans-serif;
  --button-font: normal 700 16px/1.16 "CircularLL", Helvetica Neue, Helvetica, Arial, sans-serif;
  
  /* Form Labels and Inputs */
  --labels-font: normal 15px/1 "CircularLL", Helvetica Neue, Helvetica, Arial, sans-serif;
  --help-font: normal 12px/1 "CircularLL", Helvetica Neue, Helvetica, Arial, sans-serif;
  --input-font: normal 18px/1 "CircularLL", Helvetica Neue, Helvetica, Arial, sans-serif;
  --placeholders-font: normal 18px/1 "CircularLL", Helvetica Neue, Helvetica, Arial, sans-serif;
  --choice-font: normal 15px/1 "CircularLL", Helvetica Neue, Helvetica, Arial, sans-serif;
  --errors-font: normal 12px/1 "CircularLL", Helvetica Neue, Helvetica, Arial, sans-serif;
  --gdpr-font: normal 12px/1 "CircularLL", Helvetica Neue, Helvetica, Arial, sans-serif;
  
  /* Header and Footer */
  --menu-link-font: normal 700 15px/1 "CircularLL", Helvetica Neue, Helvetica, Arial, sans-serif;
  --child-link-font: normal 400 15px/2 "CircularLL", Helvetica Neue, Helvetica, Arial, sans-serif;
  --footer-font: normal 400 15px/1.85 "CircularLL", Helvetica Neue, Helvetica, Arial, sans-serif;
  --footer-menu-font: normal 400 15px/2 "CircularLL", Helvetica Neue, Helvetica, Arial, sans-serif;
  --footer-child-font: normal 18px/1.85 "CircularLL", Helvetica Neue, Helvetica, Arial, sans-serif;
}


body{
overflow-x: hidden;}





/*Theme Override*/
/*remove eyebrow*/
.eyebrow::before {
display:none;}



/*Disable on hover effect from theme*/
.button.button--primary:hover .button-text, .button.button--primary:focus-visible .button-text {
       background: none;
}

.button.button--secondary:hover .button-text, .button.button--secondary:focus-visible .button-text{
   background: none;
}

/*Rounded buttons*/
.button,.hs-button,.interactive-button {

  border-radius:9999px;
}





/* Fake heading styles*/

.h1 {
  color: var(--body-text);
  font-family: "Circular", Sans-serif;
  font-size: 3.8125rem;
  font-weight: 300;
  line-height: 4rem;
  letter-spacing: -0.125rem;
}

.h2 {
  color: var(--body-text);
  font-family: "Circular", Sans-serif;
  font-size: 2.4375rem;
  font-weight: 400;
  line-height: 2.625rem;
  letter-spacing: -0.075rem;
}

.h3 {
  color: var(--body-text);
  font-family: "Circular", Sans-serif;
  font-size: 1.9375rem;
  font-weight: 400;
  line-height: 2.125rem;
  letter-spacing: -0.05938rem;
}

.h4 {
  color: var(--warm-black);
  font-family: "Circular", Sans-serif;
  font-size: 1.5625rem;
  font-weight: 450;
}

.h5 {
  color: var(--body-text);
  font-family: "Circular", Sans-serif;
  font-size: 1.25rem;
  font-weight: 450;
  letter-spacing: -0.0375rem;
}

.h6 {
  color: var(--body-text);
  font-family: "Circular", Sans-serif;
  font-size: 1rem;
  font-weight: 450;
  line-height: 1.5rem;
}



/*Stardust Carousel remove pagination*/


.sr-clients-carousel-01{
  margin:0;
overflow:hidden}

.sr-clients-carousel-01 .heading{
  margin-bottom: 1.5rem;
  font-weight: 500;
}

.sr-clients-carousel-01 .heading+div{
  padding:0;
  
}

[aria-label="SR Clients Carousel 01"] .splide__pagination {
  display:none;

}

.sr-clients-carousel-01 .splide__track{
  
  padding:0 !important;
}


.sr-clients-carousel-01 .splide__slide{ padding: 0 1rem;}

.sr-clients-carousel-01 .splide__slide img{ 
  opacity:.5;
}




/*two logos header*/
.two-logos-bar .row-fluid {
width:100%;
}

.two-logos-bar img {
height: 2.5rem !important;
    margin: 1rem;
}

.two-logos-bar .span4{
margin:0 !important;}

.two-logos-bar .span4:nth-child(2){
display:none}

@media screen and (max-width: 768px) 
{
.two-logos-bar img {
height: 1.5rem !important;
    margin: .5rem;
}

}


/*Paper BG Quote*/

.paper-bg-quote>.row-fluid {
border-left: solid 1px var(--warm-black);
  padding-left:2rem;
}

/*form hero background overlay*/
.form-hero{
  min-height:100vh;
position:relative;
}


.form-hero>div, .form-hero-b>div{
  position:relative;
z-index:1;} 

.form-hero:before{
content:'';
background:rgba(4,30,66,.4);
position:absolute;
  z-index:0;
top:0;
left:0;
width:100%;
height:100%}

.form-hero .theme-rich-text.heading, .form-hero-b .theme-rich-text.heading{ 
  margin:0;
padding:2rem 2rem 0;
}

.form-hero .theme-form--boxin{
background-color:var(--paper);
} 


.form-hero-b>div,.form-hero>div {
    position: relative;
    z-index: 1
}

.form-hero:before {
    background: rgba(4,30,66,.4);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.form-hero .theme-rich-text.heading,.form-hero-b .theme-rich-text.heading {
    margin: 0;
    padding: 2rem 2rem 0
}


.form-hero-b {
    position: relative
}

.form-hero-b>.row-fluid {
    display: flex;
    flex-direction: column-reverse
}



.form-hero-b>.row-fluid>div:first-child>div:first-child>.row-fluid {
    align-items: center;
    display: flex;
    gap: 2rem;
    margin-bottom: 4rem
}


.form-hero-b>.row-fluid>div:first-child>div:first-child>.row-fluid>div {
    display: flex;
    flex-grow: 0;
    margin: 0;
    width: auto
}

.form-hero-b>.row-fluid>div:first-child>div:first-child>.row-fluid .widget-type-linked_image img {
     max-height: 60px;
    object-fit: contain;
    object-position: left;
}


.form-hero-b>.row-fluid>div:first-child>div:first-child>.row-fluid>div:nth-child(2) {
    border-left:solid 1px rgba(0,0,0,.2);
padding-left:2rem;
}
.form-hero-b>.row-fluid>.dnd-column .row-fluid>.dnd-column .dnd-row:has(.theme-ctas)>.row-fluid {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    width: 100%
}

.form-hero-b>.row-fluid>.dnd-column .row-fluid>.dnd-column .dnd-row:has(.theme-ctas)>.row-fluid>div {
    flex: 0 0 auto;
    margin: 0;
    min-width: 60px;
    width: auto
}

.form-hero-b>.row-fluid>.dnd-column .row-fluid>.dnd-column .dnd-row:has(.theme-ctas)>.row-fluid>div:first-child {
    margin-right: auto
}

@media (max-width: 1020px) {
    .form-hero-b>.row-fluid>.dnd-column .row-fluid>.dnd-column .dnd-row:has(.theme-ctas)>.row-fluid>div:first-child {
        margin-bottom:2rem;
        margin-right: 100%
    }
}

@media (max-width: 768px) {
  .form-hero-b>.row-fluid>.dnd-column:first-child>.dnd-row:first-child{
    position: absolute;
    top: 1rem;
  }
    .form-hero-b>.row-fluid>.dnd-column .row-fluid>.dnd-column .dnd-row:has(.theme-ctas)>.row-fluid>.row-fluid {
        justify-content:center
    }

    .form-hero-b>.row-fluid>.dnd-column .row-fluid>.dnd-column .dnd-row:has(.theme-ctas)>.row-fluid>div:first-child {
        margin-bottom: 4rem;
        margin-right: 0;
        text-align: center;
        width: 100%
    }

    .form-hero-b>.row-fluid>div:first-child {
        margin-bottom: 0!important;
      margin-top: 0 !important;
    }

    .form-hero-b>.row-fluid>div:nth-child(2) {
        margin-top: 5rem;
    }
}

/*single card*/
.single-card-two-col>div{
border-radius:1rem;
overflow:hidden}

.single-card-two-col img{
  border-radius:1rem;
}

/*two-col*/
.two-col-a img, .two-col-b img{
  border-radius:1rem;
}

/*speakers*/
.speakers .testimonials-static__col>div{
display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas:
    "image meta"
    "quote quote";
  column-gap: 1.5rem;
  row-gap: 1rem;
  align-items: center;
}


.speakers .testimonials-static__image {
  grid-area: image;
}

.speakers .testimonials-static__meta {
  margin:0;
  grid-area: meta;
}

.speakers .testimonials-static__quote {
  grid-area: quote;
}



/*Footer with form*/
.footer-form span{
color:white;
}
.footer-form input,
.footer-form textarea{
background-color:white !important} 


/*Feature Cards with svg icons*/
#feature-cards-icons img{
width:60px;
  height:60px;
object-fit:contain;
}




#feature-cards-icons .feature-cards__wrapper .row-fluid{
  gap:1.5rem
}

#feature-cards-icons .feature-cards__wrapper .row-fluid>div{
  margin-left:0;
}




#feature-cards-icons .feature-card h5{
font-weight: 500;

}




#feature-cards-icons .feature-card__text {
    padding: 2rem;
}


/*feature items  center heading vertically*/

#feature-items-heading>div>div:first-child{
    display: flex;
    align-items: center;
}

#clients-carousel-centered-flex .logo-slider.align-items-center.column-auto.flex-wrap.justify-content-center.grayscale-color_on_hover{
    display: flex;
      flex-wrap: wrap;
    justify-content: center;
}


#clients-carousel-centered-flex .logo-slider.align-items-center.column-auto.flex-wrap.justify-content-center.grayscale-color_on_hover>div>img{
max-width:120px !important;

}



@media (max-width: 420px) {
#clients-carousel-centered-flex .logo-slider.align-items-center.column-auto.flex-wrap.justify-content-center.grayscale-color_on_hover{
    display: flex;
      flex-wrap: no-wrap;
  flex-direction:column;
gap:3rem;
    justify-content: center;
}



}

/*Animations*/

/*single-card-two-col*/
.js .animate-on-scroll.single-card-two-col>div{
  opacity:0;
   transform:translateY(30%);
   transition: opacity 0.5s ease, transform 0.5s ease; 
   will-change: opacity, transform;
}

.animate-on-scroll.is-visible.single-card-two-col>div{
  opacity:1;
  transform:translateY(0);
  transition: opacity 0.5s ease, transform 0.5s ease; 

}

/*two-col-a*/
.js .animate-on-scroll.two-col-a>div{
  opacity:0;
   transform:translateY(30%);
   transition: opacity 0.5s ease, transform 0.5s ease; 
   will-change: opacity, transform;
}

.animate-on-scroll.is-visible.two-col-a>div{
  opacity:1;
  transform:translateY(0);
  transition: opacity 0.5s ease, transform 0.5s ease; 

}

/*two-col-b*/
.js .animate-on-scroll.two-col-b .row-number-19{
  opacity:0;
   transform:translateY(30%);
   transition: opacity 0.5s ease, transform 0.5s ease; 
   will-change: opacity, transform;
}

.animate-on-scroll.is-visible.two-col-b .row-number-19{
  opacity:1;
  transform:translateY(0);
  transition: opacity 0.5s ease, transform 0.5s ease; 

}


.js .animate-on-scroll.two-col-b .row-number-20>div>div:nth-child(1){
  opacity:0;
   transform:translateX(-30%);
   transition: opacity 0.5s ease, transform 0.5s ease; 
   will-change: opacity, transform;
}

.animate-on-scroll.is-visible.two-col-b .row-number-20>div>div:nth-child(1){
  opacity:1;
  transform:translateY(0);
  transition: opacity 0.5s ease, transform 0.5s ease; 

}

.js .animate-on-scroll.two-col-b .row-number-20>div>div:nth-child(2){
  opacity:0;
   transform:translateX(30%);
   transition: opacity 0.5s ease, transform 0.5s ease; 
   will-change: opacity, transform;
}

.animate-on-scroll.is-visible.two-col-b .row-number-20>div>div:nth-child(2){
  opacity:1;
  transform:translateY(0);
  transition: opacity 0.5s ease, transform 0.5s ease; 

}




/*testimonials*/



.testimonials .row-fluid .widget-span{
margin-top:2rem !important;
}


/*Animated Stats*/
.stats-parent .row-fluid{
gap:2rem;
} 





.stats-parent .row-fluid>div{
margin-top:0 !important;
      margin-left: 0 !important;
  flex:1;
      min-width: 240px;
} 

/*speakers*/



.js .animate-on-scroll.speakers .testimonials-static .heading, .js .animate-on-scroll.testimonials .testimonials-static .heading{
  opacity:0;
   transform:translateY(30%);
   transition: opacity 0.5s ease, transform 0.5s ease; 
   will-change: opacity, transform;
}

.animate-on-scroll.is-visible.speakers .testimonials-static .heading, .animate-on-scroll.is-visible.testimonials .testimonials-static .heading{
  opacity:1;
  transform:translateY(0);
  transition: opacity 0.5s ease, transform 0.5s ease; 
}

.js .animate-on-scroll.speakers .testimonials-static .testimonials-static__col, .js .animate-on-scroll.testimonials .testimonials-static .testimonials-static__col{
    opacity:0;
   transform:translateY(30%);
   transition: opacity 0.5s ease, transform 0.5s ease; 
   will-change: opacity, transform;
}

.animate-on-scroll.is-visible.speakers .testimonials-static  .testimonials-static__col:nth-child(1), .animate-on-scroll.is-visible.testimonials .testimonials-static  .testimonials-static__col:nth-child(1){
   opacity:1;
  transform:translateY(0);
  transition: opacity 0.5s ease .3s, transform 0.5s ease .3s;
}

.animate-on-scroll.is-visible.speakers .testimonials-static  .testimonials-static__col:nth-child(2), .animate-on-scroll.is-visible.testimonials .testimonials-static  .testimonials-static__col:nth-child(2){
   opacity:1;
  transform:translateY(0);
  transition: opacity 0.5s ease .6s, transform 0.5s ease .6s;
}

.animate-on-scroll.is-visible.speakers .testimonials-static  .testimonials-static__col:nth-child(3), .animate-on-scroll.is-visible.testimonials .testimonials-static  .testimonials-static__col:nth-child(3){
   opacity:1;
  transform:translateY(0);
  transition: opacity 0.5s ease .9s, transform 0.5s ease .9s;
}


/*three-col-a*/

.three-col-a .feature-cards__wrapper .widget-span{
margin-top:2rem !important;} 


.js .animate-on-scroll.three-col-a .heading{
  opacity:0;
   transform:translateY(30%);
   transition: opacity 0.5s ease, transform 0.5s ease; 
   will-change: opacity, transform;
}

.animate-on-scroll.is-visible.three-col-a .heading{
  opacity:1;
  transform:translateY(0);
  transition: opacity 0.5s ease, transform 0.5s ease; 
}

.js .animate-on-scroll.three-col-a .feature-cards__wrapper>div>div{
   opacity:0;
   transform:translateY(30%);
   transition: opacity 0.5s ease, transform 0.5s ease; 
   will-change: opacity, transform;
}

.animate-on-scroll.is-visible.three-col-a .feature-cards__wrapper>div>div:nth-child(1){
  opacity:1;
  transform:translateY(0);
  transition: opacity 0.5s ease, transform 0.5s ease; 
}

.animate-on-scroll.is-visible.three-col-a .feature-cards__wrapper>div>div:nth-child(2){
  opacity:1;
  transform:translateY(0);
  transition: opacity 0.5s ease .3s, transform 0.5s ease .3s; 
}

.animate-on-scroll.is-visible.three-col-a .feature-cards__wrapper>div>div:nth-child(3){
  opacity:1;
  transform:translateY(0);
  transition: opacity 0.5s ease .6s, transform 0.5s ease .6s; 
}

/*logos-grid*/
.js .animate-on-scroll.logos-grid {
  opacity:0;
   transform:translateY(30%);
   transition: opacity 0.5s ease, transform 0.5s ease; 
   will-change: opacity, transform;
}

.animate-on-scroll.is-visible.logos-grid {
  opacity:1;
  transform:translateY(0);
  transition: opacity 0.5s ease, transform 0.5s ease; 
}


/*three-col-b*/
.js .animate-on-scroll.three-col-b .heading{
  opacity:0;
   transform:translateY(30%);
   transition: opacity 0.5s ease, transform 0.5s ease; 
   will-change: opacity, transform;
}

.animate-on-scroll.is-visible.three-col-b .heading{
  opacity:1;
  transform:translateY(0);
  transition: opacity 0.5s ease, transform 0.5s ease; 
}

.js .animate-on-scroll.three-col-b .related-posts__posts>div{
   opacity:0;
   transform:translateY(30%);
   transition: opacity 0.5s ease, transform 0.5s ease; 
   will-change: opacity, transform;
}

.animate-on-scroll.is-visible.three-col-b .related-posts__posts>div:nth-child(1){
  opacity:1;
  transform:translateY(0);
  transition: opacity 0.5s ease .3s, transform 0.5s ease .3s; 
}

.animate-on-scroll.is-visible.three-col-b .related-posts__posts>div:nth-child(2){
  opacity:1;
  transform:translateY(0);
  transition: opacity 0.5s ease .6s, transform 0.5s ease .6s; 
}

.animate-on-scroll.is-visible.three-col-b .related-posts__posts>div:nth-child(3){
  opacity:1;
  transform:translateY(0);
  transition: opacity 0.5s ease .9s, transform 0.5s ease .9s; 
}


/*three col c feature items*/
.animate-on-scroll.three-col-c .span4:nth-child(1){
   opacity:0;
   transform:translateY(30%);
   transition: opacity 0.5s ease, transform 0.5s ease; 
   will-change: opacity, transform;
}

.animate-on-scroll.three-col-c.is-visible .span4:nth-child(1){
  opacity:1;
  transform:translateY(0);
  
}
.animate-on-scroll.three-col-c .span4:nth-child(2){
   opacity:0;
   transform:translateY(30%);
   transition: opacity 0.5s ease .3s, transform 0.5s ease .3s; 
   will-change: opacity, transform;
}

.animate-on-scroll.three-col-c.is-visible .span4:nth-child(2){
  opacity:1;
  transform:translateY(0);
 
}

.animate-on-scroll.three-col-c .span4:nth-child(3){
   opacity:0;
   transform:translateY(30%);
   transition: opacity 0.5s ease .6s, transform 0.5s ease .6s; 
   will-change: opacity, transform;
}

.animate-on-scroll.three-col-c.is-visible .span4:nth-child(3){
  opacity:1;
  transform:translateY(0);
 
}
.animate-on-scroll.three-col-c .span4:nth-child(4){
   opacity:0;
   transform:translateY(30%);
   transition: opacity 0.5s ease .9s, transform 0.5s ease .9s; 
   will-change: opacity, transform;
}

.animate-on-scroll.three-col-c.is-visible .span4:nth-child(4){
  opacity:1;
  transform:translateY(0);
 
}


/*Feature Items*/
.animate-on-scroll.feature-items .featured-plain__wrapper.row-fluid>div:nth-child(1){
opacity:0;
transform:translateX(-30%);
transition: opacity 0.5s ease, transform 0.5s ease; 
will-change: opacity, transform;
}

.animate-on-scroll.feature-items .featured-plain__wrapper.row-fluid>div:nth-child(2){
opacity:0;
transform:translateX(30%);
transition: opacity 0.5s ease, transform 0.5s ease; 
will-change: opacity, transform;
}

.animate-on-scroll.feature-items.is-visible .featured-plain__wrapper.row-fluid>div:nth-child(1){
opacity:1;
transform:translateX(0%);
 
}

.animate-on-scroll.feature-items.is-visible .featured-plain__wrapper.row-fluid>div:nth-child(2){
opacity:1;
transform:translateX(0%);
 
}

/*Comparison table Saved Section*/
.animate-on-scroll.table{
  opacity:0;
transform:scale(.75);
transition: opacity 0.5s ease, transform 0.5s ease; 
will-change: opacity, transform;
} 

.animate-on-scroll.table.is-visible{
  opacity:1;
transform:scale(1);
transition: opacity 0.5s ease, transform 0.5s ease; 
 
} 


/*Case Study Slider*/
.animate-on-scroll.case-study-slider{
    opacity:0;
transform:scale(.75);
transition: opacity 0.5s ease, transform 0.5s ease; 
will-change: opacity, transform;
}
.animate-on-scroll.case-study-slider.is-visible{
  opacity:1;
transform:scale(1);
transition: opacity 0.5s ease, transform 0.5s ease; 
 
} 
/*Simple Scale*/
.animate-on-scroll.simple-scale>.row-fluid{
    opacity:0;
transform:scale(.75);
transition: opacity 0.5s ease, transform 0.5s ease; 
will-change: opacity, transform;}

.animate-on-scroll.simple-scale.is-visible>.row-fluid{
    opacity:1;
transform:scale(1);
}

/*listicle*/

/*first row*/
.animate-on-scroll.listicle>.row-fluid>div> .row-fluid-wrapper:nth-child(3) .span6:nth-child(1){
opacity:0;
transform:translateX(-30%);
transition: opacity 0.5s ease, transform 0.5s ease; 
will-change: opacity, transform;
}

.animate-on-scroll.listicle>.row-fluid>div> .row-fluid-wrapper:nth-child(3) .span6:nth-child(2){
opacity:0;
transform:translateX(30%);
transition: opacity 0.5s ease, transform 0.5s ease; 
will-change: opacity, transform;}

.animate-on-scroll.listicle.is-visible>.row-fluid>div> .row-fluid-wrapper:nth-child(3) .span6:nth-child(1){
opacity:1;
transform:translateX(0%);
 
}

.animate-on-scroll.listicle.is-visible>.row-fluid>div> .row-fluid-wrapper:nth-child(3) .span6:nth-child(2){
opacity:1;
transform:translateX(0%);
 
}
/*second row*/
.animate-on-scroll.listicle>.row-fluid>div> .row-fluid-wrapper:nth-child(4) .span6:nth-child(1){
opacity:0;
transform:translateX(-30%);
transition: opacity 0.5s ease .3s, transform 0.5s ease .3s; 
will-change: opacity, transform;
}

.animate-on-scroll.listicle>.row-fluid>div> .row-fluid-wrapper:nth-child(4) .span6:nth-child(2){
opacity:0;
transform:translateX(30%);
transition: opacity 0.5s ease .3s, transform 0.5s ease .3s; 
will-change: opacity, transform;
}

.animate-on-scroll.listicle.is-visible>.row-fluid>div> .row-fluid-wrapper:nth-child(4) .span6:nth-child(1){
opacity:1;
transform:translateX(0%);
}

.animate-on-scroll.listicle.is-visible>.row-fluid>div> .row-fluid-wrapper:nth-child(4) .span6:nth-child(2){
opacity:1;
transform:translateX(0%);
}
/*third row*/
.animate-on-scroll.listicle>.row-fluid>div> .row-fluid-wrapper:nth-child(5) .span6:nth-child(1){
opacity:0;
transform:translateX(-30%);
transition: opacity 0.5s ease .6s, transform 0.5s ease .6s; 
will-change: opacity, transform;
}

.animate-on-scroll.listicle>.row-fluid>div> .row-fluid-wrapper:nth-child(5) .span6:nth-child(2){
opacity:0;
transform:translateX(30%);
transition: opacity 0.5s ease .6s, transform 0.5s ease .6s; 
will-change: opacity, transform;
}

.animate-on-scroll.listicle.is-visible>.row-fluid>div> .row-fluid-wrapper:nth-child(5) .span6:nth-child(1){
opacity:1;
transform:translateX(0%);
}

.animate-on-scroll.listicle.is-visible>.row-fluid>div> .row-fluid-wrapper:nth-child(5) .span6:nth-child(2){
opacity:1;
transform:translateX(0%);
}
/*fourth row*/
.animate-on-scroll.listicle>.row-fluid>div> .row-fluid-wrapper:nth-child(6) .span6:nth-child(1){
opacity:0;
transform:translateX(-30%);
transition: opacity 0.5s ease .9s, transform 0.5s ease .9s; 
will-change: opacity, transform;
}

.animate-on-scroll.listicle>.row-fluid>div> .row-fluid-wrapper:nth-child(6) .span6:nth-child(2){
opacity:0;
transform:translateX(30%);
transition: opacity 0.5s ease .9s, transform 0.5s ease .9s; 
will-change: opacity, transform;
}

.animate-on-scroll.listicle.is-visible>.row-fluid>div> .row-fluid-wrapper:nth-child(6) .span6:nth-child(1){
opacity:1;
transform:translateX(0%);
}

.animate-on-scroll.listicle.is-visible>.row-fluid>div> .row-fluid-wrapper:nth-child(6) .span6:nth-child(2){
opacity:1;
transform:translateX(0%);
}


/*Footer with form*/
.animate-on-scroll.footer-form>div{
opacity:0;
transform:translateY(30%);
transition: opacity 0.5s ease .9s, transform 0.5s ease .9s; 
will-change: opacity, transform;
} 

.animate-on-scroll.footer-form.is-visible>div{
opacity:1;
transform:translateY(0%);
 
} 



/*Listicle*/

.listicle p.eyebrow{
  height:34px;
  width:34px;
  border-radius:17px;
  display:grid;
  place-items:center;
border:solid 1px #006AFF;
margin: 0 0 1rem 0;
}

.listicle .eyebrow::before{
content:none;}


/*faqs warm black*/

.faqs-warm-black{
background:var(--warm-black)}


.faqs-warm-black h2 , .faqs-warm-black  h3, .faqs-warm-black  p{
  color:white;
}

.faqs-warm-black .interactive-faq-with-seo-schema-integration__list{
border-top:solid 1px #ffffff35;}

.faqs-warm-black  .interactive-faq-with-seo-schema-integration__list__icon:after{
border-color:white !important;
}



/*Comparison Table module*/
.comparison-table table thead th{
  text-align:left !important;
} 
.comparison-table table tbody tr td{
 text-align:left !important;
}

.comparison-table svg{
  fill:#172c4c !important;
}
.comparison-table ul > li::before {
line-height: inherit;
  color: #172c4c;
}


/*small card icons*/
.icons100 .feature-card__icon{
width: 100px;
    height: 100px;
  margin: auto;}



/*No titles */

.icons100.no-titles .theme-rich-text.heading{
  display:none

}



/*Timeline Overlapping - years on same side as content*/

@media (min-width: 768px) {
  
 .years .timeline-overlapping_item {
        flex-direction: column;
        
    }
  
  
   .years .timeline-overlapping_item-odd {
        flex-direction: column;
        left: 50%;
    }
  
  
.years    .timeline-overlapping_item-even .timeline-overlapping_desc>*{
text-align:right
       
    }
}



/*Timeline with Scrolling Animation*/

/*fix images not displaying*/
.timeline-section img{
  padding:0 !important;
  margin: 0;
} 



/*yellow border on the left side of paragraph for warm black section*/

.yellow-line>div{
border-left: solid 2px #E7FE72;
    padding-left: 1rem;
}





/*Image quote*/
.image-quote .span4 {
  align-items:flex-end;
  
  /*
border-radius:1rem;
  overflow:hidden;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.02), 0px 12px 32px rgba(0, 0, 0, 0.04);*/
}

.image-quote .span4 *{

  margin:0;
overflow:visible;
}

.image-quote .span4  img{
 
 object-fit:cover; 
  border-radius:100%;
  overflow:hidden;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.02), 0px 12px 32px rgba(0, 0, 0, 0.04);*/
  
}


.theme-form{overflow:hidden}




/*sticky-content-card-list*/

.sticky-content-card-list>div>div:nth-child(1){
  position:sticky;
top:2rem;
  align-self: flex-start;
    z-index:0;
}


.sticky-content-card-list>div>div:nth-child(2){
position:relative;
  z-index:1;
}


.sticky-content-card-list>div>div:nth-child(2)>div>div{
flex-direction:column;
gap:1rem;
}
.sticky-content-card-list>div>div:nth-child(2)>div>div>div{
  margin:0;
width:100%;
}
 

/*fix for Tabbed Video and Content Showcase*/

/*Parent theme over ride*/
.sliding-tabs-content img[style*=float]{
margin:0}



.sliding-tabs-list ul > li::before {
display:none;
 
}


.sliding-tabs-list ul > li{
margin-top:initial;
padding-left:initial;

 
}