:root {
    --neutral-050-w: #FCFCF8;
    --neutral-300-w: #C0C3B9;
    --neutral-500-w: #666765;
    --neutral-200-c: #BFCFD9;
    --neutral-300-c: #9EB6C4;
    --neutral-400-c: #849CAE;
    --primary-100: #8EE8AA;
    --primary-200: #4BD675;
    --primary-300: #37B971;
    --primary-400: #10845D;
    --primary-500: #036D59;
    --primary-600: #085544;
    --primary-700: #11314A;
    --primary-800: #0F2333;
  }

  body{
    overflow-x:hidden;
  }

  .background-circle {
    position: absolute;
    top: 220px;
    right: -25vw; /* move it half out of the viewport */
    transform: translateY(-50%);
    width: 50vw;
    height: 50vw;
    background:radial-gradient(circle, #d9fff3 0%, #ffffff 70%);
    border-radius: 50%;
    z-index: -1; /* keep it behind other content */
  }

  .masthead--product--feature{
    padding:50px 0 0;
    margin:0;
  }

  .masthead--product--feature .container{
    max-width:1220px;
    width:unset;
  }

  .masthead--product--feature .masthead-inner{
    background:transparent!important;
  }

  .breadcrumb-container {
    display: block;
    margin: 0;
    font-size:16px;
    font-family: 'Inter Regular', sans-serif;
  }

  .breadcrumb-container a{
    text-decoration:none;
    color:var(--winston-text-blue);
  }

  .breadcrumb-container img.breadcrumb-home-icon{
    display: inline-block !important;
    width: 20px;
    height: auto;
    margin: 0 10px 0 0;
    vertical-align: middle;
    font-family: 'Inter Regular', sans-serif;
  }

  h3.breadcrumb {
    display: inline-block;
    font-family: 'Inter Regular', sans-serif;
  }

  .hero-img img {
    position: relative;
    z-index: 1;
  }

  .masthead--product--feature a.reverse-btn {
    display: inline-block;
    cursor: pointer;
    margin: 0 0 0 10px;
    font-size: 19px;
    padding: 13px 30px;
  }

  .featurePageOuter--2021 .AlternatingRow h2 {
    margin: 20px auto;
    padding: 0;
  }

  .featurePageOuter--2021 .AlternatingRow h2::after {
    display: none;
  }

  .masthead--product--feature .masthead-inner {
    text-align: left;
  }

  .masthead--product--feature .masthead-inner:after{
    display:none!important;
  }

  .masthead--product--feature .masthead-inner .masthead-title {
    text-align: center;
    line-height: 1.15;
    font-size: 48px;
    text-transform: unset;
    padding:0;
    color:var(--winston-text-blue);
  }

  .page-template-product-pages .masthead--product--feature .masthead-inner .masthead-title--sub {
    text-align: center;
    margin-top: 0;
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 24px; 
    line-height: 1.35;
    font-family: 'Inter Regular', sans-serif;
  }

  .masthead--product--feature .masthead-inner .masthead-title .title-brand {
    text-align: left;
    font-size: 26px;
    line-height: 1.2;
    font-family: "EuclidSquare Semi-Bold", sans-serif;
  }

  .masthead--product--feature .masthead-inner p {
    margin: 5px 0;
  }

  .masthead--product--feature .masthead-inner .mktgButton {
    margin: 20px auto;
    padding: 15px 30px;
    display: block;
    width: auto;
    max-width: fit-content;
  }

  .featurePage-logos {
    background-color: transparent !important;
  }

  .masthead--product--feature .masthead-inner img {
    max-height:unset;
    max-width: 100%;
  }

  /* Infinit Logo Scroller */
  .infinite-logo{
    margin:100px auto;
  }
  h4.carousel-title{
    font-family: "EuclidSquare Regular", sans-serif;
    text-transform:uppercase;
    text-align:center;
    margin:0 auto 20px;
    padding:0;
    font-size:18px;
    letter-spacing:3px;
  }

  h4.carousel-title span{
  font-family: "EuclidSquare Semi-Bold", sans-serif;
  }

  

  /* Z Format Section */
  .z-format-section {
    color: #111;
    padding:30px 0;
  }

  section.z-format-section h3{
    text-align: left;
    color: #000;
    margin: 20px auto;
    padding: unset;
  }

  section.z-format-section p{
    text-align: left;
    color: #000;
    margin: 0 auto;
    padding: unset;
  }

  section.z-format-section .z-format-item{
    margin:40px auto;
  }

  section.z-format-section .z-format-item:nth-of-type(2n + 1) {
    flex-direction: row-reverse;
  }
  section.z-format-section .z-format-item:nth-of-type(2n + 1) .image {
    margin-right: auto;
  }
  section.z-format-section .z-format-item:nth-of-type(2n) {
    flex-direction: row;
  }
  section.z-format-section .z-format-item:nth-of-type(2n) .image {
    margin-left: auto;
  }

  .section-title {
    text-align:center;
    font-weight: 700;
    font-size: 40px /* ~30px */;
    margin:20px auto 40px;
    color: #000000;
    font-family: "EuclidSquare Semi-Bold", sans-serif;
  }

  .section-subtitle {
    text-align:center;
    font-size: 24px; /* ~18px */
    line-height:1.35;
    margin:30px auto 50px;
    color: #000000;
  }

  .advantage-icon {
    height: 60px;
    width: auto;
  }

  .advantage-title {
    font-weight: 700;
    font-size: 24px /* ~18px */;
    font-family: "EuclidSquare Semi-Bold", sans-serif;
    margin:20px 0;
    color: #000000;
  }

  .advantage-text {
    font-size: 18px; /* ~16px */
    line-height:1.5;
    color: #000000;
  }

  .fade-in-up {
    opacity: 1 !important;
    transform: translateY(0) !important;
    transition: opacity 0.6s ease, transform 0.6s ease;
  }

  .advantage-item {
    opacity: 0;
    transform: translateY(20px);
    margin:40px 0;
  }


  /* Rounded Green CTA Section */
  .cta-bg.green{
    background:#37B971;
    border-radius:150px;
    padding:30px;
    margin:20px auto 100px;
  }
  .green-cta h4{
    font-size:32px;
    color:#fff;
    margin:0;
    padding:5px 0;
  }
  .green-cta p{
    font-size:24px;
    color:#fff;
    margin:0;
    padding:5px 0;
  }
  .green-cta a.light-green.btn{
    padding: 20px 40px;
    font-size: 24px;
    background: #D1FAE0;
    width: 100%;
    max-width: unset;
    text-align: center;
    color:var(--winston-text-blue);
  }
  .green-cta a.light-green.btn:hover{
    background:#08544A;
    color:#fff;
  }

  @media screen and (max-width: 767px) {
    .cta-bg.green{
      border-radius:25px;
    }
  }

  /* Testimonial Section */
  .testimonial-section{
    padding:80px 0;
    margin:50px auto 0;
    background-color: #F8FAFC;
  }
  .testimonial-section .fw-bold{
    font-size: 60px;
    font-weight: bold;
    font-family: "EuclidSquare Semi-Bold", sans-serif;
    line-height: 1.15;
  }
  .testimonial-slider{
    height:auto;
  }
  .testimonial-slider .shadow-sm p{
    font-size:24px;
    line-height:1.25;
    font-family: "EuclidSquare Regular", sans-serif;
  }

  .testimonial-slider .shadow-sm .author-name, .testimonial-slider .shadow-sm .author-title {
    font-size: 14px;
    line-height: 1.25;
    margin: 0;
  }

  .testimonial-section .fw-bold span{
    color:#37B971;
  }

  span.left.quote {
    display: block;
    position: absolute;
    left: -30px;
  }

  span.right.quote {
    display: block;
    position: absolute;
    right:20px;
  }

  @media screen and (max-width: 767px){
    .testimonial-section .fw-bold{
      font-size:24px;
      margin:20px auto;
    }
    .testimonial-slider .shadow-sm p{
      font-size:24px;
      margin:0 auto 30px;
    }
  }


  .border-start.border-success.h-100.mx-auto {
    display: block;
    width: 1px;
    height: 100%;
    background: #4bd676;
    min-height: 200px;
  }
  .logo-container{
    text-align:center;
    margin:50px auto;
  }
  .logo-container img{
    display:block;
    margin:10px auto;
  }
  .testimonial-wrapper {
      padding: 60px 20px;
  }
  .testimonial-box {
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  }
  .testimonial-slide {
    display: none;
  }
  .testimonial-slide.active {
    display: block;
  }
  .highlight {
    font-style: italic;
    font-weight: 600;
    color: #28a745;
  }
  .divider {
    border-left: 1px solid #28a745;
    height: 100%;
  }
  .btn-outline-success {
    border-radius: 50px;
  }
  .right-quote{
    padding:0;
  }
  a.rounded-pill.btn{
    padding:15px 30px;
    max-width:fit-content;
    width:fit-content;
    display:block;
    margin:20px auto;
    border:1px solid var(--new-green);
    color:var(--new-green);
    background:transparent;
    overflow: visible;
  }

  a.rounded-pill.btn:hover, a.rounded-pill.btn:visited{
    color:#11314a!important;
    background:var(--new-green)!important;
  }

  section#featured-posts .slick-dots {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 0;
    position: relative;
  }
  @media all and (max-width: 768px) {
    section#featured-posts .slick-dots {
      justify-content: center;
      position: relative;
    }
  }
  section#featured-posts .slick-dots li {
    list-style: none;
    font-size: 0;
    width: auto;
  }
  section#featured-posts .slick-dots li.slick-active button {
    background: var(--Primary-Primary-200, #4BD675);
    width: 100px;
  }
  @media screen and (max-width: 450px) {
    section#featured-posts .slick-dots li.slick-active button {
      width: 50px;
    }
  }
  section#featured-posts .slick-dots li button {
    font-size: 0;
    width: 20px;
    height: 20px;
    background: transparent;
    border-radius: 46px;
    border: 3px solid var(--Primary-Primary-200, #4BD675);
    transition: all 0.3s ease-in-out;
  }
  section#featured-posts .slick-dots li button:before {
    color: transparent;
    font-size: 0;
    width: 0;
    height: 0;
  }

  .testimonial-slide {
  display: none;
  }
  .testimonial-slide.active {
    display: block;
  }


  /* Customer Carousel Section - PDFs */
  .customer-carousel-section .slick-prev:before, .customer-carousel-section .slick-next:before{
    display:none;
  }

  .customer-carousel-section .slick-prev, .customer-carousel-section .slick-next{
    width:2rem;
  }

  .customer-carousel-section {
    background-color: #11314A; /* adjust to match your brand */
    margin:0 auto;
    padding:50px 0 100px;
  }

  .customer-carousel-section h2{
    color:#fff;
    text-align:center;
  }

  .customer-carousel .card {
    overflow: hidden;
    max-width: 220px;
    margin: 0 auto;
    text-align: left;
  }

  .customer-carousel .card .card-body p.fw-bold{
    font-family: "EuclidSquare Regular", sans-serif;
    color:#fff;
  }

  .customer-carousel .card .card-body a.text-success{
    font-family: "EuclidSquare Regular", sans-serif;
    color:#fff;
  }

  .customer-carousel .card-img-top {
    object-fit: cover;
    height: auto;
    margin:0 auto 30px;
  }

  .customer-carousel a:hover {
    text-decoration: underline;
  }


  /* Superhuman Hiring Section */
  section.platform-behind {
    position: relative;
    background: var(--primary-600);
    margin: 0;
  }
  section.platform-behind .slider-wrapper {
    margin-top: 4rem;
  }
  section.platform-behind .slider-wrapper h2.section-header {
    color: #FFF !important;
    font-family: "EuclidSquare Bold";
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-transform: none;
    /* 60px */
    letter-spacing: 0.25px;
  }
  section.platform-behind .slider-wrapper h2.section-header strong {
    color: var(--Primary-Primary-200, #4BD675);
    font-family: "EuclidSquare Bold";
    font-size: 50px;
    font-style: italic;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 0.25px;
  }
  @media screen and (max-width: 500px) {
    section.platform-behind .slider-wrapper h2.section-header {
      font-size: 40px;
    }
    section.platform-behind .slider-wrapper h2.section-header strong {
      font-size: 40px;
    }
  }
  section.platform-behind .slider-wrapper .slide-copy {
    color: #FFF !important;
    font-family: "EuclidSquare Regular";
    display: flex;
    flex-direction: column;
  }
  section.platform-behind .slider-wrapper .slide-copy h3 {
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 57px */
    letter-spacing: 0.19px;
    margin-bottom: 1rem;
  }
  section.platform-behind .slider-wrapper .slide-copy div.subhead {
    font-size: 30px;
    font-style: normal;
    font-weight: 100;
    letter-spacing: 0.15px;
  }
  section.platform-behind .slider-wrapper .slide-copy p {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.12px;
    color: #fff;
    margin: 4rem 0 2rem;
  }
  section.platform-behind .slider-wrapper .slide-copy p strong {
    color: var(--Primary-Primary-200, #4BD675);
    font-family: "EuclidSquare Bold";
    font-size: 24px;
    font-style: italic;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0.12px;
  }
  section.platform-behind .slider-wrapper .slide-copy p.key-features {
    color: #fff;
    font-family: "EuclidSquare Bold";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 3.84px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-transform: uppercase;
    margin: 2rem 0;
  }
  section.platform-behind .slider-wrapper .slide-copy ul {
    padding-left: 0;
  }
  section.platform-behind .slider-wrapper .slide-copy ul li {
    list-style: none;
    line-height: 1.3;
    margin-bottom: 2rem;
  }
  section.platform-behind .slider-wrapper .slide-copy .cta-wrapper a {
    max-width: unset;
    color: var(--primary-700);
    padding:15px 30px;
  }
  section.platform-behind .slider-nav {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
  }
  section.platform-behind .slider-nav #pb_arrows {
    margin-top: 30px;
  }
  section.platform-behind .slider-nav #pb_arrows .slick-prev,
  section.platform-behind .slider-nav #pb_arrows .slick-next {
    position: relative;
    display: inline-block;
    width: 30px;
    height: auto;
  }
  section.platform-behind .slider-nav #pb_arrows .slick-prev:before,
  section.platform-behind .slider-nav #pb_arrows .slick-next:before {
    font-size: 0;
  }
  section.platform-behind .slider-nav #pb_arrows .slick-prev {
    left: 0;
  }
  section.platform-behind .slider-nav #pb_arrows .slick-next {
    right: 0;
  }
  section.platform-behind .slider-nav #pb_arrows .prev-btn,
  section.platform-behind .slider-nav #pb_arrows .next-btn {
    background: transparent;
    border: none;
  }
  section.platform-behind .slider-nav #pb_arrows .prev-btn img,
  section.platform-behind .slider-nav #pb_arrows .next-btn img {
    width: 30px;
  }
  section.platform-behind .slider-nav #pb_arrows .prev-btn span,
  section.platform-behind .slider-nav #pb_arrows .next-btn span {
    font-size: 0;
  }
  section.platform-behind .slider-nav #pb_dots {
    margin-left: auto;
  }
  section.platform-behind .slider-nav #pb_dots ul.slick-dots {
    position: relative;
    bottom: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
  section.platform-behind .slider-nav #pb_dots ul.slick-dots li {
    list-style: none;
    font-size: 0;
    width: auto;
  }
  section.platform-behind .slider-nav #pb_dots ul.slick-dots li.slick-active button {
    background: var(--Primary-Primary-200, #4BD675);
    width: 100px;
  }
  @media screen and (max-width: 450px) {
    section.platform-behind .slider-nav #pb_dots ul.slick-dots li.slick-active button {
      width: 50px;
    }
  }
  section.platform-behind .slider-nav #pb_dots ul.slick-dots li button {
    font-size: 0;
    width: 20px;
    height: 20px;
    background: transparent;
    border-radius: 46px;
    border: 3px solid var(--Primary-Primary-200, #4BD675);
    transition: all 0.3s ease-in-out;
  }
  section.platform-behind .slider-nav #pb_dots ul.slick-dots li button:before {
    color: transparent;
    font-size: 0;
    width: 0;
    height: 0;
  }
  


/* Inline Promos - Additional Resources Overrides */
.inline-promos h3{
  font-family: "EuclidSquare Regular", sans-serif;
  font-size:18px;
  letter-spacing:3px;
}
.inline-promos h3 span{
  font-family: "EuclidSquare Semi-Bold", sans-serif;
  font-weight:bold;
  text-decoration:underline;
}
.inline-promos .inline-promo-module{
    background:#fff;
    border-radius:12px;
    margin:0 5px;
    width:100%;
  }
  .inline-resources .tag{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.4rem 4.8rem;
    gap: 1rem;
    border-radius: 3rem;
    border: 0.1rem solid var(--primary-500);
    color: var(--primary-500);
    font-size: 1.4rem;
    font-weight: 500;
    width:fit-content;
    margin:0 auto;
  }
  .inline-resources .inline-resource-title{
    text-align:center;
    font-size:25px;
    line-height:1.25;
  }
  .inline-promos .inline-promo-module .inline-product-thumb img, .inline-promos .inline-promo-module .inline-resource-thumb img {
    display: block;
    width: auto;
    max-height: 190px;
    margin: auto;
  }


  /* Responsive Views */

  @media screen and (max-width:1315px) {}

  @media screen and (max-width:1200px) {}

  @media screen and (max-width:1070px) {}

  @media screen and (max-width:950px) {}

  @media screen and (max-width:767px) {
    h4.carousel-title span{
      font-size:16px;
    }
    .container--customerQuoteTop img {
      margin: 20px auto;
    }

    .masthead--product--feature .masthead-inner {
      padding: 5px 0;
    }

    .masthead--product--feature .masthead-inner .masthead-title {
      text-align: center;
      font-size: 30px;
      padding: 20px 0 5px 0;
    }

    .page-template-product-pages .masthead--product--feature .masthead-inner .masthead-title--sub {
      padding: 0;
      text-align: center;
      font-size: 18px;
    }

    .masthead--product--feature .masthead-inner .mktgButton {
      display: block;
      width: 100%;
      max-width: unset;
      margin: 20px auto;
    }

    .masthead--product--feature a.reverse-btn {
      display: block;
      width: 100%;
      max-width: unset;
      margin: 20px auto;
    }

    .intro-block {
      padding: 30px 15px;
    }

    .inline-promos .inline-promo-module a {
      display: block;
      width: 100%;
      max-width: unset;
      margin: 20px auto;
    }

    .inline-faq .ui-accordion .ui-accordion-header {
      padding: 20px 50px 10px 20px;
      line-height: 1.25;
    }

    .inline-faq .ui-accordion .ui-accordion-content {
      padding: 3rem;
    }

    .inline-promos h3 {
      font-size: 2rem;
      line-height: 1.25;
      margin: 0 auto;
    }
  }