/*    
@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.slideUp {
  opacity: 0;
  animation: slide-up 0.6s ease-out forwards;
  animation-timeline: view();
  animation-range: entry 0% cover 40%;
}
*/
    

.circleImage {
  border-radius: 50%;
  object-fit: cover;
  width: 100%;   /* or max-width: 400px; */
  aspect-ratio: 1 / 1;
}
.noQuotes{
    background: none;
}
.module {
    background: linear-gradient(180deg,#ececec,#cccccc);
    color: #000;
    position: relative;
}
.module cite{
    text-align: center;
}
.module ul {
    list-style-type: disc;
    color: var(--mainText);
}
.module ul.graphicList {}
.module ul.graphicList li {
    text-align: center;
    /*background: url(/2024/assets/img/icoBannerOutlined@4x.webp) no-repeat center top;*/
    vertical-align: top;
}
.module h2 {
    color: var(--titleText);
}

#theProblemModule{
    background: linear-gradient(180deg,#ececec,#cccccc);
}
#theProblemModule h2{
    color: var(--titleText);
}
#valuePropositionModule{
    background: linear-gradient(180deg,#806497,#645188);
}
#valuePropositionModule h2{
    text-align: center;
    color: #FFF;
}
#valuePropositionModule h3{
    text-align: center;
    color: #FFF;
}
#valuePropositionModule p{
    color: #FFF;
}
    
#whatIsModule{
    background: #FFF;
}
#whatIsModule h2{
    text-align: center;
    color: #333;
}
#whatIsModule h3{
    text-align: center;
    color: #333;
}
#whatIsModule p{
    color: #333;
}
    
#freeGuideModule{
    background: #262666;
}
#freeGuideModule h2{
    text-align: center;
    color: #FFF;
}
#freeGuideModule p{
    text-align: center;
    color: #FFF;
}
#threeStepsModule{
    background: #262666;
}
#threeStepsModule h2{
    text-align: center;
    color: #FFF;
}
#threeStepsModule h3{
    text-align: center;
    color: #FFF;
}
#threeStepsModule p{
    color: #FFF;
}
#keyFeaturesModule {
    text-align: center;
}

#motivationModule, #motivationModule2 {
    background: linear-gradient(180deg,#806497,#645188);
    text-align: center;
}
#motivationModule h2, #motivationModule2 h2 {
    color: #FFF;
}
#motivationModule p, #motivationModule2 p {
    color: #FFF;
}
#empathyModule {
    background: var(--primaryDark);
}
#impactModule {
    background: var(--darkGrey);
}
#impactModule h2{
    color: #FFF;
}
#impactModule a{
    color: #FFF;
    padding: 0 5px;
}
#empathyModule h2{
    color: #FFF;
}  
#empathyModule p{
    color: #FFF;
}
#reviewModule{
    background: linear-gradient(180deg,#ececec,#cccccc);
}
#reviewModule img {
    width: 50%;
    height: auto;
}
#reviewModule h2{
    text-align: center;
    color: var(--titleText);
}
article.reviewItem {
    background: #FFF;
    text-align: center;
}
#testimonialModule{
    background: var(--titleText);
}
#testimonialModule h2{
    color: #FFF;
}
#testimonialModule p{
    color: #FFF;
}
#testimonialModule a{
    color: #FFF;
}
#caseStudyModule{
    background: linear-gradient(180deg,#806497,#645188);
}
#caseStudyModule h2{
    color: #FFF;
}
#caseStudyModule p{
    color: #FFF;
}
#caseStudyModule a{
    color: #FFF;
}
#guideModule{
    background: linear-gradient(180deg,#FFF,#CCC);
}
#guideModule h2{
    color: var(--titleText);
}
form#guideForm {
    background: #ccc;
}
#guideForm input, #guideModule #guideForm button#submit {
    display: block;
    width: 100% !important;
}
#mapModule{
    background: #fff;
}
#mapModule h2{
    text-align: center;
}
#mapModule h3{
}
#mapModule p{
}
#mapModule a{
}
#brandscriptModule {
    background: #ececec;
    text-align: center;
}
#brandscriptModule h2 {
    color: #333;
}
#brandscriptModule p {
    color: #333;
}
#supportCtaModule {
    background: #262666;
    text-align: center;
}
#supportCtaModule h2 {
    color: #FFF;
}
#supportCtaModule p {
    color: #FFF;
}


#supportCtaModule a {
    color: #FFF;
    font-weight: bold;
}
#navigationModule h2{
    text-align: center;
}
#articlesModule h2{
    text-align: center;
    color: var(--titleText);
}
#faqModule h2{
    color: var(--titleText);
}
#articlesModule{
    background: var(--titleText);;
}
#articlesModule h2{
    color: #FFF;
}
#faqModule{}
#faqModule span {
    display: inline-block;
    border: 1px solid #ccc;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 20px;
    display: none;

}
#faqModule .faqAnswer{
    display: none;
}
.faqItem{
    cursor: pointer;
}
@media screen and (max-width: 600px) {
    div#hero.landingHero {
        background: linear-gradient(135deg, #4a4aa0 0, #2d2d60 100%);
        color: #FFF !important;
        padding-bottom: 0;
    }
    div#hero.landingHero h1 {
        font-size: 1.5vh;
        color: rgba(255, 255, 255, 0.5);
        padding: 5vh 0 1vh;
        font-weight: normal;
    }
    div#hero.landingHero p {
        display: block;
        color: #FFF !important;
        font-size: var(--mpSize);
    }
    p.landingSub {
        font-size: 3vh !important;
        font-weight: bold;
    }
    p.bullets span {
        display: block;
    }
    p.bullets span.divider {
        display: none;
    }
    
    .logos.mobile {
        background: #FFF;
        padding: 0vh 0 3vh 0;
        margin: 2vh -8vw 0vw -8vw;
        height: auto;
    }
    div#hero.landingHero .logos.mobile p {
        color: #262666 !important;
    } 
    
    .module img{
        display: none;
    }
    
    .module {
        padding: 8vw;
        text-align: center;
    }
    
    .module h2 {
        padding: 1vh 0 2vh 0;
        text-align: center;
    }
    .module ul {
        padding: 0 7vh;
        font-size: var(--mPSize);
        text-align: left;
    }
    .module ul.graphicList {}
    .module ul.graphicList li {
        margin: 3vh 0 5vh 0;
        background-size: 15vh;
        padding: 0vh 0px 0 0;
        display: block;

    }
    #theProblemModule img {
        display: block;
        width: 100%;
        height: auto;
    }
    
    #empathyModule {
        background: var(--secondaryDark);
    }
    #empathyModule img {
        display: block;
        width: 100%;
        height: auto;
    }
    #reviewModule img {
        display: block;
        margin: auto;
        width: 50%;
        height: auto;
    }
    #testimonialModule img {
        display: block;
        width: 100%;
        height: auto;
    }
    article.reviewItem {
        padding: 3vh;
        border-radius: var(--mBorderRadius);
        margin: 3vh 0;
    }
    #caseStudyModule img {
        display: block;
        width: 100%;
        height: 15vh;
        margin: 0 0 2.5vh 0;
        object-fit: cover;
        
    }
    #articlesModule img{
        display: block;
        width: calc(100% + 6vh);
        height: 25vh;
        object-fit: cover;
        margin: -3vh -3vh 3vh -3vh;
        border-radius: var(--mBorderRadius) var(--mBorderRadius) 0 0
    }
    #guideModule{
        background: #ececec;
    }
    #guideModule img{
        display: block;
        width: 100%;
        height: auto;
    }
    form#guideForm {
        background: linear-gradient(180deg,#ececec,#cccccc);
        padding: 8vw;
        margin: 0 -8vw -8vw;
    }
    #guideForm input, #guideModule #guideForm button#submit {
        padding: 2vh !important;
        margin: 0 0 -2vh 0;
    }
    #mapModule h2{
    }
    article.faqItem {
        border: 1px solid #ccc;
        padding: 2vh 4vh;
        margin: 0 -8vw 1vh -8vw;
        background: #FFF;
    }

}
@media screen and (min-width: 601px) {
    
    
    
    div#hero.landingHero h1 {
        font-size: .9vw;
    }
    
    div#hero.landingHero p {
        display: block;
        color: #FFF !important;
        font-size: 1.1vw;
    }
    p.landingSub {
        font-size: 2.2vw !important;
        font-weight: bold;
    }
    span.divider {
        padding: 0 1vw;
    }
    
    .module {
        padding: 4vw 25VW;
    }
    .module h2 {
        padding: 0 0 2vw 0;
    }

    .module ul {
        padding: .75vw 1.5vw;;
        font-size: var(--dPSize);
    }
    .module ul.graphicList {}
    .module ul.graphicList li {
        width: calc( 33% - 5vw);
        margin: 0 2.5vw;
        background-size: 100px;
        padding: 10px 0 0 0;
        display: inline-block;
    }
    .module .left{
        display: inline-block;
        width: 49%;
        vertical-align: middle;
        margin-top: 1vw;
    }
    .module .right{
        display: inline-block;
        width: 49%;
        vertical-align: middle;
        text-align: right;
        margin-top: 1vw;
    }
    #theProblemModule img {
        display: block;
        width: 15vw;
        height: auto;
    }
    #theProblemModule .left{
        width: calc(99% - 17vw);
        padding: 0 2vw 0 0;
    }
    #theProblemModule .right{
        width: 15vw;
    }
    #empathyModule {
        background: #262666;
    }
    #empathyModule img {
        width: 15vw;
        height: 15vw;
    }
    #empathyModule .left{
        width: calc(99% - 17vw);
        padding: 0 2vw 0 0;
    }
    #empathyModule .right{
        width: 15vw;
    }
    article.reviewItem {
        width: calc(33% - 5vw);
        display: inline-block;
        padding: 2vw;
        border-radius: var(--dBorderRadius);
        margin: 0 0.5vw;
        vertical-align: top;
    }
    #testimonialModule img {
        width: 15vw;
        height: 15vw;
    }
    #testimonialModule .left{
        width: calc(99% - 17vw);
        padding: 0 2vw 0 0;
    }
    #testimonialModule .right{
        width: 15vw;
    }
    #caseStudyModule img {
        width: calc(33% - 1vw);
        height: 8vw;
        margin: 0 0.5vw;
        object-fit: cover;
    }
    #guideModule .left{
        width: 50%;
        vertical-align: top;
    }
    #guideModule .right{
        width: calc(49% - 2vw);
        vertical-align: top;
        margin: 1vw 0 0 2vw;
        
        
    }
    #guideModule img{
        width: 100%;
    }
    form#guideForm {
        padding: 2vw;
        background: #D2D2D2;
    }
    #guideForm input, #guideModule #guideForm button#submit {
        padding: 1vw !important;
    }
    
    #articlesModule img{
        display: block;
        height: 25vh;
        object-fit: cover;
        width: calc(100% + 4vw);
        margin: -2vw -2vw 2vw -2vw;
    }
    article.faqItem {
        border: 1px solid #ccc;
        padding: 1vw;
        margin: 0 -1vw 1vw -1vw;
        background: #FFF;
    }
    div.logos {
        padding: 0 0 3vh;
        height: 11vh;
        background: #fff;
    }
    .logos h3 {
        padding: 2vh;
    }
    #heroWrapper {
        position: relative;
        width: 100%;
        height: 86vh;
        overflow: hidden;
    }
    
}