: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{
    background:url(/wp-content/themes/smartrecruiters/img/2025/Plans-and-Pricing-BG.jpg) top center/100% no-repeat;
    overflow-x:hidden;
  }

  .jumplink{
    cursor:pointer;
  }

  section{
    overflow:unset;
  }

  /* Header Section */
  .hero-pricing{
    text-align:center;
    padding:35px 0;
  }

  .hero-pricing h1{
    text-align:center;
    color:#000;
    font-size:3rem;
    margin:20px auto;
  }

  .hero-pricing h1 span{
    color:#37B971;
    font-style: italic;
  }

  .hero-pricing p{
    text-align:center;
    color:#000;
    font-size:2rem;
  }

  .hero-pricing p span{
    color:#37B971;
    font-style: italic;
  }








  /* Pricing Boxes */
    .pricing-plans {
      font-family: 'Inter', sans-serif;
      overflow:visible;
      padding:0;
    }

    .powered-by-ai{
      display:block;
      position:absolute;
      top:10px;
      right:10px;
      width:90px;
      height:auto;
    }

    .powered-by-ai img{
      display:block;
      width:100%;
      position:relative;
    }

    /* Card Container */
    .card {
      border-radius: 12px;
      margin:50px auto;
      border: none;
      transition: all 0.3s ease;
      min-height:500px;
      background:#fff;
    }

    .shadow-sm{
      box-shadow:0 10px 10px rgba(0, 0, 0, .1);
    }

    .card:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
    }

    .pricing-plans [data-product="High Volume"] .card{
      border-radius:0 0 12px 12px;
    }

    .card-body .most-popular{
      display: block;
      position: absolute;
      top: -38px;
      left: -2px;
      padding: 10px;
      text-align: center;
      width: 101.4%;
      font-size: 1.5rem;
      color: #fff;
      background: #32A964;
      border-radius: 10px 10px 0 0;
    }

    /* Card Body */
    .pricing-plans .card-body{
      background:#fff;
      padding:30px 20px;
      font-size:2rem;
      position:relative;
      width:100%;
      border-radius:12px;
    }
    .card-title {
      font-family: "EuclidSquare Semi-Bold", sans-serif;
      font-size: 2rem;
      margin-bottom: 0.75rem;
    }

    .card-text {
      font-size: 1.25rem;
      color: #4a4a4a;
      padding: 5px 0;
      border-bottom: 1px solid #ccc;
      min-height: 80px;
      line-height: 1.5;
      margin: 0 auto 20px;
    }

    .card-text strong{
      font-family: "EuclidSquare Semi-Bold", sans-serif;
    }

    /* List Items */
    .card ul.feature-list{
      padding-left:0;
      min-height:180px;
    }
    .card ul li {
      font-size: 1.25rem;
      padding: 5px 0 5px 20px;
      position: relative;
      margin-bottom: 0.5rem;
      list-style-type:none;
      font-family: "EuclidSquare Semi-Bold", sans-serif;
    }

    .card ul li i{
      font-style:italic;
    }

    .card ul li::before {
        content: "";
        display: block;
        width: 15px;
        height: 15px;
        background: url(https://www.smartrecruiters.com/wp-content/uploads/Pricing-Table-Check.png) center / contain no-repeat;
        position: absolute;
        left: 0;
        color: #0D9B6A;
        font-weight: bold;
    }

    /* Footer */
    .card-footer {
      border-top: none;
      border-radius: 0 0 12px 12px;
      font-size: 0.95rem;
    }

    .card-footer .price-point{
      display:block;
      text-align:center;
      background:#EAECE7;
      color:#000;
      font-size:1.25rem;
      padding:10px 0;
      text-align:center;
      font-family: "EuclidSquare Semi-Bold", sans-serif;
    }

    /* CTA Buttons */
    a.btn.btn-dark.btn-block {
      margin: 25px auto 0;
      padding: 15px 40px;
      background: var(--winston-text-blue);
      color: #fff;
      font-size: 1.4rem;
    }

    a.btn.btn-dark.btn-block:hover {
      color: var(--button-hover-text);
      background: #0b66ac;
      box-shadow: 0px 10px 15px #0841b045;
    }



    .btn {
      font-weight: 600;
      font-size: 0.95rem;
      padding: 0.6rem 1.2rem;
      transition: all 0.2s ease-in-out;
    }

    .btn-dark {
      background-color: #0E1E25;
      border: none;
    }

    .btn-dark:hover {
      background-color: #000;
    }

    .btn-outline-success {
      border-color: #32A964;
      color: #32A964;
    }

    .btn-outline-success:hover {
      background-color: #32A964;
      color: #fff;
    }

    /* Badge Style */
    .badge-light.text-success {
      background: #f3fef8;
      border-radius: 12px;
      font-size: 0.75rem;
      padding: 0.2rem 0.5rem;
      font-weight: 500;
    }

    /* Most Popular Plan Highlight */
    .card.border-success {
      border: 2px solid #32A964 !important;
    }

    /* Footer Highlight (optional) */
    .card.border-success .card-footer {
      border-top: 1px solid #e1f4eb;
    }

    /* Bottom Text */
    .pricing-plans .text-center{
      text-align:center;
    }
    .pricing-plans .text-center p {
      font-size: 1rem;
      color: #2c2c2c;
    }

    .still-content{
      margin:0 auto 30px;
    }

    .pricing-plans .text-center p.still-deciding {
      display: inline-block;
      vertical-align: middle;
      font-family: "EuclidSquare Semi-Bold", sans-serif;
      margin: 0px 20px 0 auto;
      font-size: 2rem;
    }

    a.still-deciding-cta {
        display: inline-block!important;
        width:fit-content;
        vertical-align: middle;
    }

    /* Responsive Adjustments */
    @media (max-width: 767px) {
      .card-title {
        /* font-size: 1.1rem; */
      }

      .card-text,
      .card ul li,
      .card-footer {
        /* font-size: 1.1rem; */
      }

      .btn {
        /* font-size: 1.1rem; */
      }
    }



  
  /* Industry Leaders Section */
  .trusted-industry-leaders h3{
    text-align:center;
    font-size:3rem;
    margin:30px auto;
    color:#000;
  }

  .industry-leader-card {
    display: block;
    background: #fff;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 22%);
    min-height: 350px;
    margin:30px auto;
    color:#000;
  }

  img.industry-leader-card-logo{
    display:block;
    max-height:35px;
    width:auto;
    margin:0 0 30px 0;
  }


  .industry-leader-card h4{
    display:block;
    min-height:30px;
    margin:10px 0 20px;
    color:#000;
  }

  .industry-leader-card p{
    font-size:1.25rem;
    line-height:1.5;
    margin:20px auto 0;
    color:#000;
  }

  .industry-leader-card p.author{
    font-family: "EuclidSquare Semi-Bold", sans-serif;
    margin:20px auto 0;
  }

  .industry-leader-card p.title{
    color: #B4B9C9;
    margin: 0 auto;
  }

  span.highlight{
    color:#37B971;
    font-style:normal;
  }


  /* Highly Rated Products */
  section.highly-rated-products{
    background:#0F2333;
    padding:50px 0;
    margin:30px auto;
  }
  
  section.highly-rated-products h2,
  section.highly-rated-products p{
    color:#fff;
    text-align:center;
  }

  section.highly-rated-products h2{
    font-size:3rem;
  }

  section.highly-rated-products p{
    font-size:2rem;
  }

  .highly-rated-block{
    display:block;
    background:#F8FAFC;
    border-radius:12px;
    margin:20px auto;
    padding:30px;
    min-height:300px;
  }

  .rated-img img {
    display: block;
    max-height: 50px;
    width: auto;
    margin: 10px 0;
  }

  .highly-rated-block .highly-rated-title h5{
    font-family: "EuclidSquare Semi-Bold", sans-serif;
    color:#000;
    font-size:2rem;
    margin:20px 0;
  }

  .highly-rated-block .highly-rated-content p{
    color:#000;
    font-size:1.2rem;
    line-height:1.5;
    margin:0 0 20px 0;
    text-align:left;
  }

  .highly-rated-block a.highly-rated-cta{
    font-family: "EuclidSquare Semi-Bold", sans-serif;
    font-weight:bold;
    color:#0F2333;
    font-size:1.5rem;
  }

  .highly-rated-block a.highly-rated-cta img.box-right-arrow{
    display:inline-block;
    vertical-align: middle;
    width:15px;
    height:auto;
    margin:0 0 0 5px;
  }



  /* Pricing Table: Table on Desktop, Accordion on Mobile  */
  .plan-comparison-section {
      background: url(https://www.smartrecruiters.com/wp-content/uploads/Winston-Pricing-Hero.png) 7% top / 201px no-repeat;
  }

  .plan-comparison-section p,
  .plan-comparison-section h2{
    text-align: center;
  }

  @media screen and (max-width:1070px) {
    .plan-comparison-section {
      background: url(https://www.smartrecruiters.com/wp-content/uploads/Winston-Pricing-Hero.png) 3% top / 100px no-repeat;
    }
  }

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

  @media screen and (max-width:767px) {
    .plan-comparison-section {
      background: none;
    }
  }


  .pricing-table{
    width:100%;
    display:table;
    margin:50px auto;
    color:#000;
    position:relative;
  }

  .thead-spacer {
    height: 0px; /* same as your sticky offset */
    background: white; /* match your table background */
    z-index: 1;
  }

  .thead-spacer.sticky{
    position: sticky;
    height: 70px;
    top: 70px;
    left: 0;
    display: block;
    width: 100%;
    z-index: 2;
  }

  .pricing-table h6{
    font-family: "EuclidSquare Semi-Bold", sans-serif;
    font-size:2rem;
    display:block;
    margin:20px auto;
    text-align:center;
    width:100%;
    color:#000;
  }

  .pricing-table table{
    display:table;
    width:100%;
  }

  thead.thead-light.sticky {
    position: sticky;
    z-index: 3;
    top: 140px;
    background:#fff;
  }

  thead th{
    min-height:120px;
  }

  thead .popular{
    border-left:1px solid #37B971;
    border-right:1px solid #37B971;
    border-top:1px solid #37B971;
    border-radius:5px 5px 0 0;
  }

  th.popular {
    border-radius: 5px 5px 0 0;
    display: block;
    width: 100%;
    position: relative;
    top: 0;
    bottom: 0;
    background:#fff;
    z-index:1;
  }

  th.popular span.most-popular-table-tag{
    font-family: "EuclidSquare Semi-Bold", sans-serif;
    font-style:italic;
    background: #37B971;
    color: #ffffff;
    font-size: 1.25rem;
    padding: 10px 0;
    display: block;
    position: absolute;
    top: -30px;
    left: -1px;
    width: 101%;
    z-index: 0;
    border-radius: 10px 10px 0 0;
  }

  .pricing-table tr.product-row:first-child{
    border-top:1px solid #D0D0D0;
  }

  .pricing-table tr.product-row{
    border-bottom:1px solid #D0D0D0;
  }

  .pricing-table td{
    font-family: "EuclidSquare Regular", sans-serif;
    line-height: 1.35;
    padding:15px 5px;
    text-align: center;
    align-content:center;
  }

  tbody .popular{
    border-left:1px solid #37B971;
    border-right:1px solid #37B971;
  }

  .pricing-table td.product-feature{
    text-align:left;
    font-size:16px;
  }

  .pricing-table td.product-feature.sub-feature{
    padding-left:30px;
  }

  div.pricing-table table tbody tr td:nth-child(even) {
    /* styles here */
    background-color: #F6F6F0;
  }

  

  /* Table CTAs */
  .pricing-table a.rounded-pill.btn{
    font-size:14px;
    padding:10px 30px;
    max-width:fit-content;
    width:fit-content;
    display:block;
    margin:0 auto;
    border:1px solid var(--new-green);
    color:var(--winston-text-blue);
    background:transparent;
    overflow: visible;
  }

  .pricing-table a.rounded-pill.btn.pre-selected{
    background:#4BD675;
  }

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

  a.table-product-feature.link,a.table-product-feature.link:hover,a.table-product-feature.link:visited{
    font-family: "EuclidSquare Regular", sans-serif;
    font-size:16px;
    text-decoration:underline;
    color:#000;
  }

  span.add-on{
    color:#92958E;
  }

  img.pricing-table-check{
    display:block;
    margin:5px auto;
    width:24px;
    height:24px;
  }




  /* 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;
  }


  /* Rounded Green CTA Section */
  .cta-bg.green{
    background:#37B971;
    border-radius:150px;
    padding:40px;
    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{
      padding:20px;
      border-radius:25px;
    }
    .green-cta a.light-green.btn{
      margin:20px auto;
    }
  }

  @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;
    }
  }

  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;
  }


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

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

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

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

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

    .hero-pricing{
      padding:70px 0 30px 0;
    }
    .hero-pricing h1{
      font-size:2rem;
    }
    .hero-pricing p{
      font-size:1.25rem;
      margin-bottom:0;
    }

    a.btn.btn-dark.btn-block{
      width: 100%;
      max-width: 90%;
      margin: 25px auto 0;
    }

  }

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

    .hero-pricing h1{
      font-size:1.7rem;
    }

    section#pre-footer-cta .col-md-12 .btn-wrapper a.btn{
      max-width:100%;
    }

    .d-none {
      display:none!important;
    }

    body{
      background: url(/wp-content/themes/smartrecruiters/img/2025/Plans-and-Pricing-BG.jpg) top center / cover no-repeat;
    }
    .card{
      margin:20px auto;
    }

    .pricing-plans [data-product="High Volume"] .card{
      margin:50px auto;
    }

    .pricing-plans .text-center p.still-deciding{
      margin:20px auto 0;
    }

    .infinite-logo{
      margin:20px auto;
    }


    .trusted-industry-leaders h3{
      font-size:1.75rem;
      margin: 30px auto 0px;
    }

    .section-title{
      font-size:24px;
    }

    h4.carousel-title span{
      font-size:16px;
    }
    .container--customerQuoteTop img {
      margin: 20px auto;
    }

    .green-cta h4{
      font-size:24px;
    }

    /* Module override */  
    section#pre-footer-cta .col-md-12 h2.headline{
      font-size: 20px;
      line-height: 1.25;
    }

    .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;
    }
  }