/* @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    */
/*****************************************/

/* Mikro Bold */
@font-face {
    font-family: 'Mikro';
    src: url('https://2625508.fs1.hubspotusercontent-na1.net/hubfs/2625508/Brand%20Assets%20Post%20Rebrand%202026/Fonts/Mikro-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: optional;
}

/* Apercu Regular */
@font-face {
    font-family: 'Apercu';
    src: url('https://2625508.fs1.hubspotusercontent-na1.net/hubfs/2625508/Brand%20Assets%20Post%20Rebrand%202026/Fonts/apercu-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Apercu Italic */
@font-face {
    font-family: 'Apercu';
    src: url('https://2625508.fs1.hubspotusercontent-na1.net/hubfs/2625508/Brand%20Assets%20Post%20Rebrand%202026/Fonts/ApercuPro-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Apercu Bold */
@font-face {
    font-family: 'Apercu';
    src: url('https://2625508.fs1.hubspotusercontent-na1.net/hubfs/2625508/Brand%20Assets%20Post%20Rebrand%202026/Fonts/ApercuPro-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Apercu Bold Italic */
@font-face {
    font-family: 'Apercu';
    src: url('https://2625508.fs1.hubspotusercontent-na1.net/hubfs/2625508/Brand%20Assets%20Post%20Rebrand%202026/Fonts/ApercuPro-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* START GenetiQ rich-text arrow bullets */
body .pwr-rich-text ul:not([style*="list-style-type"]) {
    list-style: none;
    padding-left: 32px;
}

body .pwr-rich-text ul:not([style*="list-style-type"]) > li {
    position: relative;
}

body .pwr-rich-text ul:not([style*="list-style-type"]) > li::before {
    content: "";
    position: absolute;
    top: 0.3em;
    left: -28px;

    width: 12px;
    height: 16px;

    background-color: var(--clr-txt-bullet-lt, #ffd100);

    -webkit-mask: url("https://2625508.fs1.hubspotusercontent-na1.net/hubfs/2625508/Website%20Images%20Post%20Rebrand%202026/bullet-arrow.svg")
        no-repeat center / contain;

    mask: url("https://2625508.fs1.hubspotusercontent-na1.net/hubfs/2625508/Website%20Images%20Post%20Rebrand%202026/bullet-arrow.svg")
        no-repeat center / contain;
}

.inline-arrow {
    display: inline-block;
    width: 12px;
    height: 16px;
    margin-right: 8px;
    vertical-align: -0.2em;

    background-color: #ffd100;

    -webkit-mask: url("https://2625508.fs1.hubspotusercontent-na1.net/hubfs/2625508/Website%20Images%20Post%20Rebrand%202026/bullet-arrow.svg")
        no-repeat center / contain;

    mask: url("https://2625508.fs1.hubspotusercontent-na1.net/hubfs/2625508/Website%20Images%20Post%20Rebrand%202026/bullet-arrow.svg")
        no-repeat center / contain;
}

.inline-arrow--dark {
    background-color: #313e48;
}
/* END GenetiQ rich-text arrow bullets */

.w-video-card__description {
font-family: 'Apercu' !important;}


body {
    font-family: 'Apercu', Arial, Helvetica, sans-serif;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Mikro', Arial, Helvetica, sans-serif;
    font-weight: 700;
}


h1 {
  text-transform: none !important;

}

.pwr-hero__desc {
 font-size: 30px;
}

:root {
    --tt-title: none;
    --tt-nav: none;
    --tt-link: none;
    --tt-other: none;
}

.pwr-sec-cta__cta-wrapper,
.pwr-header-right-bar {
    min-height: 58px;
}

   .pwr-guide__answer--btn:focus, .pwr-guide__answer--btn:hover, .pwr-guide__answer--link:focus, .pwr-guide__answer--link:hover {
    background-color: var(--clr-primary);
    border: 0;
    color: #313e48!important;
    outline: 0;
}

/*Vide play button */
.pwr-sec-video__button--small {
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    width: 60px;
}

.glass-form-container {
    background: rgba(66,91,118,0.6);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255,255,255,0.25);

}

.glass-form-container-grey {
    background: rgba(49,62,72,0.6);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255,255,255,0.25);

}

.pwr-sec-services__intro-sec {
    margin-bottom: calc(50px*var(--sp-reduction-factor));
}

  .my-text-box-module {
      border: 0px solid ;
      border-radius: 10px; /* this is for the pwr txt box with a curve located in the blog articles */
    }

.pwr-ct-row-section__title {
    background-color: #517891;
    border-radius: 5px;
    color: #ffffff;
    font-weight: 600;
    margin: 20px 0;
    padding: 12px 20px;
    text-align: left;
}

.pwr-ct-row-img {
    align-items: end;
    margin-bottom: 50px;
    width: min(60%,150px);
}

.pwr-image-box--style-below-1 .pwr-image-box__intro, .pwr-image-box--style-below-2 .pwr-image-box__intro {
    color: #517891;
}

.pwr-filter__link {
    font-size: 18px;
    font-weight: 700;
    padding: 0.5rem 0.5rem;
    border: 2px solid #029CBD;
    border-radius: 6px; 
}

.pwr-price-table__price, .pwr-price-table__price--alt {
    display: inline-block;
    font-size: 20px;
    line-height: 1.5em;
    padding: 0 40px;
}

.pwr-image-box__overlay--front {
    background-color: var(--clr-base-dk);
    opacity: .8;
}

/*search results */
 .pwr-search-results__entry:hover .hs-search-highlight, .pwr-search-results__entry:hover .pwr-search-results__description, .pwr-search-results__entry:hover .pwr-search-results__title {
    color: #313e48;
}

.pwr-header-search {
    margin-top: 70px;
}

.pwr-post-item__more-link {
    color: #4AA4C5;
    font-size: 16px;
}

/* Table of Contents */
.pwr-toc-menu__header {
    color: #313e48;
}

.pwr-toc-menu .is-active-link {
    color: #517891;
}


.pwr-tabs__tab--active, .pwr-tabs__tab--active:hover {
    border-bottom: 2px solid #009cbd;
    color: #009cbd;
    font-weight: 700;
}


/* Bamboo hr styling */


    @import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;600&display=swap');

    .BambooHR-ATS-board {
        text-align: left;
        font-family: 'Lato', sans-serif;
        padding-top: 50px;
    }

    .BambooHR-ATS-board h2 {
        font-size: 19px;
        color: #555;
    }

    .BambooHR-ATS-board h5 {
        font-size: 16px;
        color: #555;
    }

    .BambooHR-ATS-board ul {
        font-size: 12px;
        padding: 0;
        margin: 0;
        list-style-type: none !important;
    }

    .BambooHR-ATS-board ul li {
        list-style-type: none !important;
        margin: 0;
    }

    .BambooHR-ATS-board a {
        font-size: 20px !important;
        font-weight: bold;
        line-height: 1.5em !important;
        color: #FFD100 !important;
        text-decoration: none;
        display: block;
        position: relative;
        margin-bottom: 15px !important;
    }

.BambooHR-ATS-Department-Header {
        font-size: 20px !important;
        font-weight: bold;
        color: #517891;
}

    .BambooHR-ATS-board .BambooHR-ATS-Location {
        margin-top: 5px;
        color: #F5F6FA;
        position: absolute;
        bottom: 15px;
        font-size: 16px;
    }

    .BambooHR-ATS-Jobs-Item {
        background-color: #313e48;
        border-radius: 6px;
        padding: 20px 30px 30px 30px;
        margin-bottom: 20px;
        cursor: pointer;
        position: relative;
        margin-bottom: 20px !important;
        border-bottom: none;
    }

    .BambooHR-ATS-Jobs-Item:hover {
        background-color: #ffd100;
    }

    .BambooHR-ATS-Jobs-Item:hover a {
        color: #313e48 !important;
    }

    .BambooHR-ATS-Jobs-Item:hover .BambooHR-ATS-Location {
        color: #313e48 !important;
    }

    .BambooHR-ATS-Jobs-Item ul {
        border-bottom: none;
        list-style-type: none !important;
    }

    .BambooHR-ATS-Jobs-Item a {
        color: #333;
        text-decoration: none;
    }

    @media screen and (max-width: 768px) {
        .BambooHR-ATS-board h2 {
            font-size: 16px;
        }

        .BambooHR-ATS-board h5 {
            font-size: 14px;
        }

        .BambooHR-ATS-board a {
            font-size: 14px;
        }

        .BambooHR-ATS-board .BambooHR-ATS-Location {
            padding-top: 0;
        }
    }

#BambooHR-Footer {
  visibility: hidden !important;
}

ul.BambooHR-ATS-Department-List {
  list-style-type: none !important;
  border-bottom: none !important;
}
ul.BambooHR-ATS-Jobs-List {
  list-style-type: none !important;
  border-bottom: none !important;
}

.BambooHR-ATS-board h2 {
    font-size: 20px !important;
    color: #313e48 !important;
    border-bottom: none !important;
    text-align: centre;
}

.pwr-hero__title--extra-large{
  font-size: 100px !important;
  letter-spacing: -.01em;
  line-height: 1em;
}

.pwr-author-profile__bio {
    font-size: 14px !important;
    line-height: 2em !important;
}

.pwr-post-item__title {
   line-height: 1.25em !important;
}

.job-board .pwr-rich-text ul li {
    list-style-type: none !important;
}




.pwr-filter .pwr-filter__link.active, .pwr-filter .pwr-filter__link:hover {
    color: #4AA4C5;
}

.hs-video-container {
  border-radius: 10px;
  overflow: hidden;
}
/* Video embeds */
.hs-video-container iframe {
  border-radius: 10px;
}

.ndrsl-powered-by {
 color: #029CBD !important;
}

/* Brand guides styling */

  table.brand-colours {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-family: Arial, sans-serif;
  }

  table.brand-colours th,
  table.brand-colours td {
    border-bottom: 1px solid #ddd;
    text-align: left;
    padding: 12px;
    vertical-align: middle;
  }

  table.brand-colours th {
    background-color: #f4f4f4;
    font-weight: bold;
  }

  table.brand-colours tr:hover {
    background-color: #f9f9f9;
  }

  .colour-circle {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #ccc;
  }

  @media screen and (max-width: 600px) {
    table.brand-colours thead {
      display: none;
    }
    table.brand-colours, table.brand-colours tbody, table.brand-colours tr, table.brand-colours td {
      display: block;
      width: 100%;
    }
    table.brand-colours tr {
      margin-bottom: 15px;
    }
    table.brand-colours td {
      text-align: right;
      padding-left: 50%;
      position: relative;
    }
    table.brand-colours td::before {
      content: attr(data-label);
      position: absolute;
      left: 15px;
      width: calc(50% - 30px);
      text-align: left;
      font-weight: bold;
    }
  }

.dark-link a {
    color: #313E48 !important;
    text-decoration: none;
    font-style: bold;
}
.pwr-simple-list-item__more-link {
    color: #313E48 !important;
    padding-top: 5px;
}

.light-link a {
    color: #ffffff !important;
    text-decoration: underline !important;
}

.yellow-link a {
    color: #ffd100 !important;
    text-decoration: none !important;
}

.rounded-video .pwr-sec-mockup__mockup-img {
    max-width: 100vw;
    border-radius: 10px;
}

.pwr-sec-breadcrumbs .pwr-sec-breadcrumbs__link:hover
 {
    color: #029CBD !important;
    opacity: 1;
}

.pwr-step__count {
    background-color: var(--clr-primary);
    border-radius: 999px;
    color: #313E48;
    display: block;
    font-family: var(--ff-accent);
    font-size: 18px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    margin-bottom: 35px;
    text-align: center;
    width: 50px;
}

.pwr-sec-tabs .pwr-tabs__item--active, .pwr-sec-tabs .pwr-tabs__item--active:hover {
  color: #313E48}
      
      .pwr-tabs__item--active {
        background-color: #ffd100 !important;}

@media (max-width: 575px) {
  .boxed-mob-mx-0  { --sp-p-hor-mobile: 0px; }
  .boxed-mob-mx-xs { --sp-p-hor-mobile: 8px; }
  .boxed-mob-mx-sm { --sp-p-hor-mobile: 12px; }
  .boxed-mob-mx-md { --sp-p-hor-mobile: 16px; }
  .boxed-mob-mx-lg { --sp-p-hor-mobile: 24px; }
}


.preview-list {
  display: grid;
 
  gap: 14px;
  margin-top: 28px;
  width: 100%;
  box-sizing: border-box;
}

.preview-list .mini-card {
  border-radius: 20px;
  padding: 16px;
  box-sizing: border-box;
  background: #f4f8fa;
}

.preview-list .mini-card h4 {
  margin: 0;
  font-size: 18px;
  line-height: 1.4;
  color: #000;
}

@media (max-width: 768px) {
  .preview-list {
    grid-template-columns: 1fr;
  }
}

    
.wd-erp-pricing .pwr-price-table--opac.pwr-price-table--highlighted{
  background-color: #fff !important;
}

/* Dark bullets inside the accordion */
.accordion-dark-bullets ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.accordion-dark-bullets li {
  list-style: none !important;
  display: block !important;
  padding-left: 1.4rem !important;
  margin-bottom: 0.5rem !important;

  background-image: radial-gradient(circle, #333F48 0 4px, transparent 4px) !important;
  background-repeat: no-repeat !important;
  background-position: 0 0.55em !important;
  background-size: 8px 8px !important;
}
/* Yellow bullets inside the accordion */
.accordion-yellow-bullets ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.accordion-yellow-bullets li {
  list-style: none !important;
  display: block !important;
  padding-left: 1.4rem !important;
  margin-bottom: 0.5rem !important;

  background-image: radial-gradient(circle, #FFD100 0 4px, transparent 4px) !important;
  background-repeat: no-repeat !important;
  background-position: 0 0.55em !important;
  background-size: 8px 8px !important;
}

.video-border .hs-video-container {
  border: 2px solid #313E48;
  border-radius: 16px;
  overflow: hidden;
}

.finance-benefits-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px 48px;
}

.finance-benefit h3 {
  margin: 0 0 10px;
}

.finance-benefit p {
  margin: 0;
}

@media (max-width: 767px) {
  .finance-benefits-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

 :root {
    --gq-yellow: #FFD100;
    --gq-grey: #313E48;
    --gq-blue: #517891;
    --gq-bg: #F5F7F8;
    --gq-border: #DDE3E7;
    --gq-muted: #687781;
    --gq-white: #FFFFFF;
  }

  .gq-pricing {
    max-width: 1240px;
    margin: 0 auto;
    font-family: inherit;
    color: var(--gq-grey);
  }

  /* Currency selector */

  .gq-currency-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin: 0 0 32px;
    text-align: center;
  }

  .gq-currency-control {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
  }

  .gq-currency-label {
    font-size: 16px;
    font-weight: 700;
  }

  .gq-currency-buttons {
    display: inline-flex;
    gap: 4px;
    padding: 4px;
    background: var(--gq-bg);
    border: 1px solid var(--gq-border);
    border-radius: 9px;
  }

  .gq-currency-btn {
    appearance: none;
    border: 0;
    border-radius: 6px;
    padding: 10px 17px;
    background: transparent;
    color: var(--gq-grey);
    font: inherit;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: background-color .2s ease, box-shadow .2s ease;
  }

  .gq-currency-btn:hover {
    background: var(--gq-white);
  }

  .gq-currency-btn.is-active {
    background: var(--gq-yellow);
    box-shadow: 0 1px 3px rgba(49, 62, 72, .12);
  }

  .gq-currency-btn:focus-visible {
    outline: 3px solid var(--gq-grey);
    outline-offset: 2px;
  }

  .gq-currency-note {
    margin: 0;
    color: var(--gq-muted);
    font-size: 14px;
    line-height: 1.45;
  }

  /* Grid */

  .gq-pricing-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px;
  }

  /* Card */

  .gq-price-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 38px;
    background: var(--gq-white);
    border: 1px solid var(--gq-border);
    border-radius: 12px;
    box-shadow: 0 3px 14px rgba(49, 62, 72, .06);
  }

  .gq-price-card--enterprise {
    border-top: 6px solid var(--gq-yellow);
    padding-top: 33px;
  }

  .gq-card-arrow {
    margin: 0 0 15px;
    color: var(--gq-yellow);
    font-size: 35px;
    font-weight: 800;
    line-height: 1;
  }

  .gq-price-card h3 {
    margin: 0 0 12px;
    color: var(--gq-blue);
    font-size: clamp(27px, 3vw, 38px);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -0.02em;
  }

  .gq-price-card--enterprise h3 {
    color: var(--gq-grey);
  }

  .gq-card-profile {
    margin: 0 0 28px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 700;
  }

  /* Pricing details */

  .gq-card-prices {
    display: grid;
    gap: 22px;
    margin: 0 0 28px;
  }

  .gq-price-row {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .gq-price-label {
    font-size: 16px;
    line-height: 1.45;
    font-weight: 700;
  }

  .gq-price-value {
    color: var(--gq-blue);
    font-size: 21px;
    line-height: 1.35;
    font-weight: 800;
  }

  .gq-price-card--enterprise .gq-price-value {
    color: var(--gq-grey);
  }

  .gq-price-note {
    margin-top: 2px;
    color: var(--gq-muted);
    font-size: 14px;
    line-height: 1.45;
  }

  .gq-card-description {
    margin: 0 0 28px;
    font-size: 16px;
    line-height: 1.65;
  }

  /* CTA */

  .gq-card-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    margin-top: auto;
    padding: 12px 18px;
    border: 2px solid var(--gq-yellow);
    border-radius: 6px;
    background: var(--gq-white);
    color: var(--gq-grey);
    font-size: 15px;
    line-height: 1.2;
    font-weight: 700;
    text-decoration: none !important;
    transition: background-color .2s ease, transform .2s ease;
  }

  .gq-card-cta:hover,
  .gq-card-cta:focus-visible {
    background: var(--gq-yellow);
    color: var(--gq-grey);
    text-decoration: none !important;
  }

  .gq-card-cta:focus-visible {
    outline: 3px solid var(--gq-grey);
    outline-offset: 3px;
  }

  /* Disclaimer */

  .gq-pricing-disclaimer {
    margin: 24px auto 0;
    max-width: 1000px;
    color: var(--gq-muted);
    font-size: 14px;
    line-height: 1.55;
    text-align: center;
  }

  /* Tablet */

  @media (max-width: 900px) {
    .gq-pricing-grid {
      gap: 20px;
    }

    .gq-price-card {
      padding: 30px;
    }

    .gq-price-card--enterprise {
      padding-top: 25px;
    }
  }

  /* Mobile */

  @media (max-width: 720px) {
    .gq-pricing-grid {
      grid-template-columns: 1fr;
    }

    .gq-price-card {
      padding: 26px 22px;
    }

    .gq-price-card--enterprise {
      padding-top: 21px;
    }

    .gq-price-card h3 {
      font-size: 29px;
    }

    .gq-card-profile {
      font-size: 17px;
    }

    .gq-price-value {
      font-size: 19px;
    }

    .gq-card-cta {
      width: 100%;
      box-sizing: border-box;
    }
  }

  @media (max-width: 500px) {
    .gq-currency-control {
      flex-direction: column;
    }
  }

.hero-image {
  transform: perspective(1200px) rotateY(-10deg) rotateZ(1deg);
  transform-origin: center;
}
.mockup-tilt img {
  transform: perspective(1200px) rotateY(-37deg) rotateZ(0deg);
  transform-origin: center;
}

.demo-sample .pwr-sec-txt {
    overflow: hidden;
    padding: 0 !important;
    z-index: 0;
 
/*
 .cta_button:not(.pwr-cta--hubspot-style), .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style) {
    color: #313e48!important;
} */

 /* 
.pwr-cta--hubspot-style:focus, .pwr-cta--hubspot-style:hover, .pwr-cta--hubspot-style:active, {
  color: #ffffff!important;
} */

/* #cta_button_2625508_ffffc5c3-1068-4561-9ade-a8402f6cddc2 {
  color: #ffffff!important;
}

#cta_button_2625508_ffffc5c3-1068-4561-9ade-a8402f6cddc2:hover {
  color: #313e48!important;
} */