.hero {
    color: white !important;
    padding-bottom: 39% !important;
    padding-left: 0 !important; 
    padding-right: 0 !important; 
    background-attachment: fixed !important;
    display: flex !important;
    flex-direction: column !important;
    height:auto !important; 
}
.calculator-cta-container {
    display:none !important;
}
figure {
    width:100% !important;
  }
.hero-header {
    font-size: 36px !important;
    line-height: 1.1 !important;
    font-family: AvenirNextProBold !important;
    letter-spacing: 0px !important;
    width: 90% !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 1rem !important;
}
.hero-content {
    margin-top:0 !important;
    display: flex !important;
    justify-content: space-between !important;
    width: 90% !important;
    align-items: flex-end !important;
    flex-direction: column !important;
    margin-bottom: 2rem !important;
    margin-left: auto;
    margin-right: auto;
}
.hero-subheader {
    font-size: 16px !important;
    font-family: AvenirNextProDemi !important;
    width: 100% !important;
    margin: 1rem 0 !important;
}
.brand { margin-top: 2px; }
.section-header { font-size: 7vw; }
.section-sub-header { font-size: 4vw; margin-top: 4rem !important; }
.testimonial-carousel .slick-list { padding-top: 2rem !important; }

.footer-header { font-size:6vw !important; width:90%!important; }
.testimonial-card { max-width: 80vw; }
.hubspot-form-container fieldset { width:100% !important; }
.hubspot-form-header { width: 100% !important; font-size: 6.5vw !important;; }
.testimonial-client-image { margin-top:-110px !important; width:80%!important;}
.section-sub-header, .section-header { margin-left: 1rem !important; }
.hero-down-container { display: none !important; }
.hero-button {
    display:none !important;
    background: white !important;
    color: #2C6678 !important;
    border-radius: 100px !important;
    padding: 7px 14px !important;
    font-family: 'AvenirNextProDemi' !important;
    font-size: 14px !important;
    border: 0 !important;
    outline: 0 !important;
    height: 100% !important;
    margin-left: auto !important;
    margin-right:auto !important; 
    float: right !important;
    min-width: 100px !important;
}
.hero-points {
    display: flex !important;
    column-gap:0 !important;
    margin-top: 1rem !important;
    width: 100% !important;
    font-size: 15px !important;
    flex-wrap: wrap !important;
    row-gap: 10px !important;
}
.hero-point {
    display: flex !important;
    column-gap: 10px !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    flex: 1 50% !important;
}
.hero-point-icon {
    margin-bottom: 10px !important;
}
.hero-point-point {
    width: 75% !important;
}
.slider-container { width: 100vw !important;}
.brand { display: flex; width: 67%; }
.banner { width: 100vw; }
.hero-container { max-height: 123vw !important; height:123vw !important; }
.hero-container .hero { padding:0 !important; height:123vw !important; }
.hero-subheader { margin-top: 1rem !important; }
.hero-header { margin-top: 9rem !important; text-align:left !important ;}
.menu-close-icon { 
    position: absolute;
    right: 5%;
}

.nav-main-mobile .menu-get-assessment {
    margin-bottom:1.5rem;
}
.nav-main-mobile {
    background:white;
    opacity: 1;
    left:0;
    margin-top: 1.93rem;
    height:0px;
    max-height:min-content;
    transition: 0.5s ease-in-out;
}
.nav-menu-icon { margin-top:0 !important; width:10% !important;}
div.animation { width: 32px !important; }
.nav-main .nav a { letter-spacing: 0; }
.nav-main .nav li { padding: 0; text-align:center; width:100%; }
.nav-main .nav {     align-items: flex-start !important; }
.nav-main-mobile .nav { flex-direction: column; margin-left: auto; margin-right:auto;
    margin-top: 1rem !important;}
    
    .menu-log-in:before {
        margin-left: 0px;
        margin-right: -3px;
        overflow: hidden;
        content: url('data:image/svg+xml,<svg width="18" height="20" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.28158 7.80792C8.36053 7.61845 8.36053 7.39739 8.28158 7.20792C8.24211 7.11318 8.18684 7.02634 8.1079 6.94739L4.54737 3.38687C4.23947 3.07897 3.74211 3.07897 3.43421 3.38687C3.12632 3.69476 3.12632 4.19213 3.43421 4.50002L5.64474 6.71055H0.789474C0.355263 6.71055 0 7.06581 0 7.50002C0 7.93423 0.355263 8.2895 0.789474 8.2895H5.64474L3.44211 10.4921C3.13421 10.8 3.13421 11.2974 3.44211 11.6053C3.6 11.7632 3.79737 11.8342 4.00263 11.8342C4.2079 11.8342 4.40526 11.7553 4.56316 11.6053L8.11579 8.05266C8.18684 7.9816 8.25 7.89476 8.28947 7.79213L8.28158 7.80792Z" fill="%232C6678"/><path d="M13.7843 0H6.75798C6.32377 0 5.96851 0.355263 5.96851 0.789474C5.96851 1.22368 6.32377 1.57895 6.75798 1.57895H13.7843V13.4211H6.75798C6.32377 13.4211 5.96851 13.7763 5.96851 14.2105C5.96851 14.6447 6.32377 15 6.75798 15H13.7843C14.6527 15 15.3632 14.2895 15.3632 13.4211V1.57895C15.3632 0.710526 14.6527 0 13.7843 0Z" fill="%232C6678"/></svg>');
    }

    .tag { font-size:0.8rem !important; padding: 5px 9px !important; }
    .audience-tag {
        line-height: 0.9 !important;
        padding-top: 5px !important;
    }
    .tags { margin-top: 5px; }
.nav-main-mobile .nav > li > a { margin-bottom: 0!important; font-size: 1.1rem; text-transform: none !important; }
.menu-log-in {
    display: flex !important;
    margin-left: 8px !important;
    flex-direction: row !important;
    align-items: center !important;
    margin-top:2rem;
}
.menu-get-assessment {
    display: flex !important;
    margin-left: 10px;
    bottom: 0;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    left: auto !important;
    right: auto;
    float: inherit;
}
.menu-get-assessment a {
    color: white !important;
    text-transform: none !important;
    padding: 6px 20px !important;
    font-size: 1rem !important;
    display: flex !important;
}
.testimonial-content { width:100%; }
.ratings {
    row-gap:1rem;
    flex-direction: column;
  }
  .rating {
    flex: 0 100%;
  }
  .fade-container { display: none; }
  .form-columns-3 { flex-direction:column; row-gap: 0.7rem; }
  .slider-container {
    position: relative;
  }
  .testimonial-testimonial-header {
    font-size: 18px !important;
    text-align: center !important;
    width: 100% !important;
    display: block !important;
  }
  .testimonial-card { padding: 15px !important; }
  .testimonial-card-inner { flex-direction: column !important; }
  .testimonial-client-image { margin-top: -40px !important; position:relative !important; }
  .testimonial-content {     width: 100% !important;
    padding: 0 !important; padding-top:1rem !important; }
    .testimonial { padding: 0.5rem !important; font-size:14px !important; min-height:14rem !important; width:100% !important; }
    .testimonial-signature { font-size: 14px !important; margin:0 !important; 
        text-align: right !important; bottom: 0 !important; }
        .clients-container .slider-container {
            position:relative !important; 
        }
.footer-inner { width: 100% !important; }
.footer-inner > .footer-links {
    flex-direction: row !important;
    align-items: center !important;;
    flex-wrap: wrap !important;;
}
.recent-pos-tag img, .new-post-tag img { margin-top:1px !important; }
.recent-post-tag, .new-post-tag, .trending {
   
    align-items: flex-start !important;
    padding: 2px 10px !important;
    line-height: 0.8 !important;
}
.trending { 
    align-items: flex-start !important;
    padding: 4px 10px !important;
    line-height: 0.7 !important;
}
body { 
    max-width:100vw !important;
}
.footer-inner .col-2 { 
    flex: 1 0 30% !important; 
    display: flex;
    flex-direction: column;
    align-items: center;
}
.row { flex-direction: column !important; flex-wrap:wrap !important; max-height:100% !important; row-gap: 1rem; }
.blog-card:not(.micro) { flex-direction:column; }
.blog-card-image:not(.w33) { width: 100% !important; border-top-left-radius:12px !important; border-top-right-radius: 12px !important; border-bottom-left-radius: 0px !important; }
.blog-card-right-content {
    width: 100% !important; ;
}
.row:after { display:none !important; }

.blog-post-container { flex-direction: column !important; }
.blog-post-left { width: 90% !important; margin-left: auto; margin-right: auto; margin-top:-18rem !important; }
.micro-container { width: 90% !important; margin-left:auto; margin-right:auto; }
.blog-post-title { font-size: 1.5rem !important; }
.blog-post-card {     padding: 0.7rem 1rem !important; }
.blog-post-info { width: 90%; padding: 1rem 0 !important;
    font-size: 16px !important;
    line-height: 1.7 !important; }
.blog-post-card h2 { 
    font-size: 1.25rem !important;
    text-align: center !important;
    margin-bottom: 0.5rem !important;
    margin-top: 2rem !important;
}
.results-card.with-header .results-card-inner { width:100% !important; }
.results-card.with-header { padding: 1rem !important;}
.related-insights-container.large { display: none !important; }
.footer-cta-inner {
    width: 85% !important;
    padding: 1rem 0 !important;
}
.results-card.slick-slide {
    width:35rem !important;
}
.results-statistics {
    width:98% !important;
    row-gap:15px;
}
.blog-post-sidebar {
    flex: 1 0 100% !important;
    padding: 1rem 1rem !important;
    margin-top:12rem;
}
.cta-hubspot-form.sidebar { width: 100% !important; }
.hbspt-form input, .hbspt-form div { width: 100% !important; }
.ratings-header, .testimonial-header, .featured-insights-header, .clients-header { margin-left: 0.8rem !important; }
.blog-featured { display: none !important; }
.featured-hero-title { 
    font-size: 30px;
    min-height: 10rem !important;
    margin-top: 2rem;
    padding: 0 2rem;
    text-align: center;
    line-height: 1.2;
    display: flex;
    align-items: center;
    width:100% !important;
} 
.recent-insights { margin-left: 2rem !important; }
.slick-list { padding:0!important; }
.blog-mobile-slide { 
    padding-bottom: 3rem;
}
.blog-card-outer { width:90% !important; margin-left:auto; margin-right:auto;  }
.hero-buttons { 
    display:none !important;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    column-gap: 1rem;
    margin-top:0;
}
.slick-dots {
    margin-bottom:1rem;
}
.blog-filters-container { display: none !important; }
.flexed { row-gap: 0 !important; }
.recent-insights { margin-left: 0rem;
    margin-top: 1rem; }
    
    .blog-mobile-carousel { display: block; margin-top: 3rem; }
    .threecol .blog-title { width: 100%; font-size:26px; padding: 2rem 0; }
    .threecol .blog-information { width: 75%; }

    .carousel-left, .carousel-right { display: none !important; }

/* For case study */
.case-study-header {
    width:90%;
    font-size: 36px; 
}
.case-study-points { 
    width: 100%;
    flex-wrap: wrap;
}
.case-study-point {
    width: 46%;
}
.case-study-point-value {
    font-size:42px; 
}
.case-study-point-metric {
    font-size:18px;
}
.case-study-card {
    width: 95%;
    padding: 1rem !important;
}