/* @import url('http://example.com/example_style.css'); */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght,SOFT@0,9..144,100..900,100;1,9..144,100..900,100&family=Inter:wght@100..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');



/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/


/****************************************/
/* UL LI alignment fix from MAKA */
/****************************************/
.hs-blog-post table{
  margin:30px 0;
}
.hs-blog-post table td, .hs-blog-post table th {
  border: 1px solid #ddd;
  padding: 8px;
}

.hs-blog-post table tr:nth-child(odd){background-color: #f2f2f2;}

.hs-blog-post table tr:hover {background-color: #ddd;}

.hs-blog-post table tr:first-of-type {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
  font-weight:bold;
}
.hs-blog-post table tr td,.hs-blog-post table th td{
  padding: 4px 10px !important;
}
.pwr-filter__link {

    font-size: 12px !important;
}


@media(min-width:770px){
 .hs_cos_wrapper_type_rich_text ul:not(.inputs-list):not([style*="list-style-type"]) li::before{
 top:12px !important;
}
}
.byauthor:hover{
  cursor:pointer;
  color:#17A08F;
}

 .tooltipblog{
 display:none;
      position: absolute;
    left: 45%;
 
   
  z-index:1;
  max-width:40%;
  width:fit-content;
  height:fit-content;
padding: 59.828px 72px 59.301px 57.844px;
flex-direction:column;
 box-shadow: -2.221px 5.182px 18.58px 0px rgba(0, 0, 0, 0.25);
  background:#fff;
  color: #171B25;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 19.5px; 
}
@media(max-width:770px){
 .tooltipblog{
  max-width:80%;
   left:10px;
   padding:40px 43px;
  }
  .filters222{
    margin-top:92px !important;
  }
}
/****************************************/
/* Font overrides                       */
/****************************************/
.pwr-post-content .pwr-author-profile__wrapper{
 display:none; 
}
.page-center .pwr-author-profile__wrapper.pwr-author-profile__wrapper-custom{
 display:block !important; 
}
.body-container-wrapper--blog-post .pwr-sec-posts{
  padding-top:0px !important;
}

body {
  line-height: 150%!important;
}

.pwr-rich-text {
    line-height: 150%!important;
}

h1, .pwr-heading-style--h1, .pwr-heading-style--h1 {
  font-family: "Fraunces",serif!important;
  font-optical-sizing: auto!important;
  font-weight: 400!important;
  font-style: normal!important;
  font-variation-settings:
    "SOFT" 0,
    "WONK" 100!important;
}

h2{
  font-weight:600!important;
}

h3, h4{
  font-weight:700!important;
}

h5 {
  font-weight:700!important;
  font-size: 16pt!important;
  letter-spacing: 5%!important;
}


  .greeneyebrow .pwr-sec__title-intro, .pwr-sec__title-intro {
  font-family: "Urbanist", sans-serif!important;
  font-optical-sizing: auto!important;
  font-style: normal!important;
  font-weight: 500!important;
  font-size: 16pt!important;
  color: #49D4C4!important;
  }




/* override default title styles if no class is assigned */
/* might not need this after everything is migrated from the old theme */
h1:not([class]), h2:not([class]), h3:not([class]), h4:not([class]), h5:not([class]), h6:not([class]) {
  color: #233240!important;
}

/****************************************/
/* Button overrides                     */
/****************************************/

.pwr-cta--primary-solid .cta_button {
  border-radius: 40px!important;
  padding: 10px 30px!important;
  font-size: 14px!important;
  font-weight: 400!important;
  color: #233240!important;
  background-color: #73E2D6!important;
  font-family: "Inter", sans-serif!important;
  font-weight: 600!important;
  font-size: 16px!important;
}

.pwr-cta--primary-solid .cta_button:hover {
  border-radius: 40px!important;
  padding: 10px 30px!important;
  font-size: 14px!important;
  font-weight: 400!important;
  color: #233240!important;
  background-color: #17A08F!important;
  font-family: "Inter", sans-serif!important;
  font-weight: 600!important;
  font-size: 16px!important;
}

.pwr-cta--primary-border .cta_button {
  border-radius: 40px!important;
  padding: 10px 30px!important;
  color: #17A08F!important;
  border-right-color: #17A08F!important;
  border-left-color: #17A08F!important;
  border-top-color: #17A08F!important;
  border-bottom-color: #17A08F!important;
  font-family: "Inter", sans-serif!important;
  font-weight: 600!important;
  font-size: 14px!important;
}

.pwr-cta--primary-border .cta_button:hover {
  border-radius: 40px!important;
  padding: 10px 30px!important;
  color: #233240!important;
  border-right-color: #73e2d6!important;
  border-left-color: #73e2d6!important;
  border-top-color: #73e2d6!important;
  border-bottom-color: #73e2d6!important;
  background-color: #73e2d6!important;
  font-family: "Inter", sans-serif!important;
  font-weight: 600!important;
  font-size: 14px!important;
}

.pwr-cta--regular-solid .cta_button {
  border-radius: 40px!important;
  padding: 10px 40px!important;
  font-size: 14px!important;
  font-weight: 400!important;
}


.pwr-cta--regular-border .cta_button {
  border-radius: 40px!important;
  padding: 10px 40px!important;
  font-size: 14px!important;
  font-weight: 400!important;
}


input.hs-button.primary.large {
  border-radius: 40px!important;
  padding: 10px 40px!important;
  font-size: 14px!important;
  font-weight: 400!important;
}

/****************************************/
/* Button overrides                     */
/* media split cta                      */
/* primary border                       */
/****************************************/
.media-split-button-primary-border a.cta_button {
  padding:10px 40px!important;
  color: #17A08F;
  background-color:rgba(255,255,255,0);
  border: 1px solid #17A08F;
  border-radius: 64px;
  font-family: 'Urbanist';
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}

.media-split-button-primary-border a.cta_button:hover {
color: #FAFBFD;
}



/****************************************/
/* Header overrides                     */
/****************************************/

/* prevent converting all heading text to Uppercase */
.pwr-header {
 text-transform: none!important; 
}

/* set background color for header*/
#pwr-header-fixed.scroll
{
 background-color: #1B2630!important; 
}

#pwr-header-fixed {
 background-color: #FFFFFF!important; 
}

/*override hero image width when viewed on mobile*/
@media (max-width: 576px) {
  img[title~='Header']{
    max-width: 90%!important;
    display:block;
    margin: 0px auto 0px auto;
  }
}


/****************************************/
/* Accordion module overrides           */
/****************************************/

/* Begin style accordion titles */
.pwr-accordion__title {
  font-family: "Urbanist", Arial;
  font-weight: 600;
}
div.pwr--dark > div > div.pwr-accordion-container.pwr--align-l.pwr--clearfix {
  color: #005174; 
}


/****************************************/
/* Steps module overrides                */
/****************************************/

/* override title font and weight on steps module */
/*div.pwr-steps > div.pwr-step > span.pwr-step__title {
  font-weight: 800;
  font-family: "Urbanist", Arial;
  font-size: 24px;
}*/



/****************************************/
/* Header Button Overrides              */
/****************************************/

.pwr-header-right-bar__cta .cta_button, .pwr-header-right-bar__cta--second .cta_button  {
  padding: 6px 15px!important;
  font-size: 12px!important;
  font-weight: 600!important;
}
.pwr-header-right-bar__cta .cta_button:hover , .pwr-header-right-bar__cta--second .cta_button :hover {
  padding: 6px 15px!important;
  font-size: 12px!important;
  font-weight: 600!important;
}

/****************************************/
/* Header Button Overrides              */
/****************************************/
#power-header-fixed.scroll > .pwr-header-right-bar__cta--second .cta_button :hover {
  color: #FFF!important;
}


/****************************************/
/* Login Button Scroll Overrides Header */
/****************************************/
div#pwr-header-fixed.pwr-header.vanilla.pwr-header-fixed.pwr--light.pwr-header--dark-on-scroll.pwr--page-editor-fix.scroll:nth-child(4) > div.page-center.pwr-header--padding > div.pwr-header-full.pwr--clearfix > div#pwr-js-header-right-bar.pwr-header-right-bar:nth-child(3) > div.pwr-header-right-bar__item.pwr-header-right-bar__cta.pwr-header-right-bar__cta--second.pwr-cta.pwr-cta--regular-border.pwr-cta--small:nth-child(3) > a.cta_button {
 color: #FFF!important;
}

div#pwr-header-fixed.pwr-header.vanilla.pwr-header-fixed.pwr--light.pwr-header--dark-on-scroll.pwr--page-editor-fix.scroll:nth-child(4) > div.page-center.pwr-header--padding > div.pwr-header-full.pwr--clearfix > div#pwr-js-header-right-bar.pwr-header-right-bar:nth-child(3) > div.pwr-header-right-bar__item.pwr-header-right-bar__cta.pwr-header-right-bar__cta--second.pwr-cta.pwr-cta--regular-border.pwr-cta--small:nth-child(3) > a.cta_button:hover {
 color: #233240!important;
}


/****************************************/
/* Signup Button Scroll Overrides Header */
/****************************************/
div#pwr-header-fixed.pwr-header.vanilla.pwr-header-fixed.pwr--light.pwr-header--dark-on-scroll.pwr--page-editor-fix.scroll:nth-child(4) > div.page-center.pwr-header--padding > div.pwr-header-full.pwr--clearfix > div#pwr-js-header-right-bar.pwr-header-right-bar:nth-child(3) > div.pwr-header-right-bar__item.pwr-header-right-bar__cta.pwr-cta.pwr-cta--primary-solid.pwr-cta--small:nth-child(2) > a.cta_button:hover {
  color: #233240!important;
}


/* window is wider than 576px */
@media (min-width: 577px) {
/*don't show the first button on desktop*/
.pwr-header-right-bar {
display: block !important;
}

.pwr-header-right-bar__cta:nth-of-type(1) {
display:none;
}
  
#hs_menu_wrapper_header_page_ > ul > li:nth-child(5) > a {
  /*border-left: 1px solid #000;*/
}  
}

/* window is narrower than 576px */
@media (max-width: 576px) {
.pwr-header-right-bar {
display: block!important;
right: 40px!important; /*reduce from 60px*/
}

.pwr-header-right-bar__item.pwr-header-right-bar__cta.pwr-cta.pwr-cta--regular-border.pwr-cta--small > a,
  .pwr-header-right-bar__item.pwr-header-right-bar__cta.pwr-cta.pwr-cta--regular-border.pwr-cta--small > a::after
  {
  background-color: transparent!important;
  border: 0px!important;
  color: #233240!important;
    font-weight: 600!important;
}
.scroll .pwr-header-right-bar__item.pwr-header-right-bar__cta.pwr-cta.pwr-cta--regular-border.pwr-cta--small > a,
  .scroll .pwr-header-right-bar__item.pwr-header-right-bar__cta.pwr-cta.pwr-cta--regular-border.pwr-cta--small > a::after {
  background-color: transparent!important;
  border: 0px!important;
  color: #FAFBFD!important;
    font-weight: 600!important;
}  
  
/*don't show the first button on mobile*/  
#pwr-js-header-right-bar > div.pwr-header-right-bar__item.pwr-header-right-bar__cta.pwr-cta.pwr-cta--primary-solid.pwr-cta--small {
display:none!important;
}

/*don't show the theme icons (if they are enabled)*/  
.pwr-header-right-bar__login {
display: none;
}
.pwr-header-right-bar__phone {
display: none;
}
.pwr-header-right-bar__search {
display: none;
}
}


/****************************************/
/* Content Split Changes                     */
/****************************************/


.pwr-sec-split__link {
  color: var(--clr-link-lt)!important;
  font-size: 14px!important;
}

@media (min-width: 576px) {
.pwr-sec-split__content {
    padding: 60px 40px 0px 40px!important;
}
  .pwr-sec-split__img {
  min-height:600px!important;
  height:600px!important;
}

/*div.zz-media-split > div.pwr-sec-split__img {
  min-height: 600px!important;
}  */

}
@media (max-width: 400px) {
.pwr-sec-split__content {
  padding: 40px 10px 60px 10px !important;
}
.pwr-sec-split__img {
  max-height:350px!important;
  /*height:300px!important;*/
}  
}

/****************************************/
/* Logo slide changes                    */
/****************************************/
@media (min-width: 1120px) {
.logo-slider-override .swiper-pagination {
  display: none;
  }
}

/****************************************/
/* Error page changes                    */
/****************************************/
.pwr-sec-maintenance-error {
 padding: 120px 0px!important; 
}





/****************************************/
/* Footer Changes                       */
/****************************************/

.pwr-footer-advanced .pwr-adc-main .pwr-adc-content__text p, .pwr-footer-advanced .pwr-adc-main .pwr-adc-content__text span {
  color:#fafbfd;
}

/*SB start*/
  .pwr-footer-full__menu .hs-menu-wrapper.hs-menu-flow-vertical > ul {
    display:inline;
  }
  .pwr-footer-company-info__desc p, .pwr-footer-company-info__desc span, .pwr--dark .pwr-social-icon, .pwr--dark .pwr-social-icon:hover, .pwr-footer-legal__notice {
    color:#ffffff;
  }
  .pwr-social-icon span svg {
    color:#ffffff !important;
  }
  
  .pwr-footer-legal__content {
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
  }
/*SB end*/

.footer-partner-pages a {
  color: #fafbfd!important;
}



/****************************************/
/* Various random SB stuff               */
/* Appears to be global stuff           */
/****************************************/

  
  .pwr-avatar__round {
    border-radius: 0px;
    overflow:visible;
  }

/* not sure why here? */
/*
  .cta_button:not(.pwr-cta--hubspot-style)::before{
    background-color: transparent;
  } */

#payroll_hcm_company__for_form_use_-fde0a651-f8a6-44fd-869d-768ba00daeca_5116 select {
  text-transform: capitalize;important;}

   .subscribe_form form input[type="email"] {
	height: 43px;
	background: #FFFFFF;
	border: 1px solid #D9D9D9;
	border-radius: 64px;
    padding: 10px 40px;
}
  
  .subscribe_form .hs-submit {
    margin-bottom: 0px
  }
  
  .subscribe_form .hs-form-field {
    margin-bottom:10px;
  }
  .subscribe_form .hs-form-field > label {
    display: flex;
	justify-content: center;
  }

  .swiper-buttons-beside .swiper-button-next {
    right:0px;
  }
  .swiper-buttons-beside .swiper-button-prev {
    left:0px;
  }
  .swiper-button-next:focus, .swiper-button-prev:focus {
    outline:none;
  }
  /*.pwr-stat__number, .pwr-stat__suffix {
    font-family: 'Vollkorn', serif!important;;
  }*/
  @media (max-width: 575px){
      .pwr-stat {
        width: calc(100% - 40px) !important;
      }
    }
   .homepage_steps .pwr-step__title{
    color:#ffffff;
  }
  .homepage_steps .pwr-step__desc, .homepage_steps .pwr-step__desc span, .homepage_steps .pwr-step__desc p {
    color:#D1D4D6;
  }
.product-earned-wage-stats .pwr-stat{
    width: calc(32% - 40px);
	max-width: inherit;
  }
.product-earned-wage-stats .pwr-stat__title.pwr-stat__title--normal {
    padding-top: 10px;
  }
.text-center{
 text-align:center 
}



/****************************************/
/*            Calculator Page           */
/****************************************/

.custom_section_class .pwr-sec-txt__content .pwr-sec-txt__left,.custom_section_classs .pwr-sec-txt__content .pwr-sec-txt__left{
  max-width:68%;
    flex: 0 0 68%;
  align-self:center;
}
.custom_section_class .pwr-sec-txt__content .pwr-sec-txt__right {
   background:#fff;
    text-align:center;
  max-width:32%;
  padding:30px;

}
.custom_section_classs .pwr-sec-txt__content .pwr-sec-txt__right {
   
  text-align:center;
  max-width:32%;
  padding:30px;

}
.custom_section_class .pwr-sec-txt__content .pwr-sec-txt__right>*,.custom_section_classs .pwr-sec-txt__content .pwr-sec-txt__right>*{
width:100%;
  font-feature-settings: 'liga' off, 'clig' off;
font-family: Fraunces;
font-size: 24px;
font-style: normal;
font-weight: 400 !important;
line-height: 125%;
}
.custom_section_class .pwr-sec-txt__content .pwr-sec-txt__left ul li::before,.custom_section_classs .pwr-sec-txt__content .pwr-sec-txt__left ul li::before{
 content:url(https://www.zayzoon.com/hubfs/Group%20624.png) ;
  background-color:transparent;
  top:4px;
}
 
.custom_faq_section .pwr-accordion-container  {
background:#fff;
  padding:20px;
}
.custom_faq_section h1{
font-size:40px;
}
.hs-content-id-182675785222 .calculator::after{
 content:url('https://www.zayzoon.com/hubfs/Group%20%283%29.png');
 position: absolute;
 top: -23px;
 right: 0%;
 z-index: 0;
}
.hs-content-id-182675785222 .calculator{
 position:relative;
 padding-top: 130px;
 z-index:9;
}
.hs-content-id-182675785222 .calculator iframe{
 position:relative;
 z-index:9;
}
.hs-content-id-182675785222 .slick-track{
display:flex;
align-items:center;
}
.custom_text_styling{
 display: flex; 
  z-index: 9; 
  position: relative; 
}
.custom_text_styling h2{
padding-bottom:20px !important;
}
.custom_text_styling img{
     width: 370px !important;
    align-self: end; 
}
.hs-content-id-182675785222 .row-fluid-wrapper.row-depth-1.row-number-11.dnd-row form{
    text-align:center;
}
   .hs-content-id-182675785222 .row-number-5 .hs-logo-carousel img {
    opacity: 0.75 !important;
}
.custom_section_class .pwr-sec-txt__content .pwr-sec-txt__left h3,.custom_section_classs .pwr-sec-txt__content .pwr-sec-txt__left h3{
font-feature-settings: 'liga' off, 'clig' off;
font-family: Fraunces;
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 125%;
      font-family: Fraunces, serif !important;
}
.custom_section_class .pwr-sec-txt__content .pwr-sec-txt__left p,.custom_section_class .pwr-sec-txt__content .pwr-sec-txt__left p{
font-family: Inter;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 29px;

}
.custom_section_class .pwr-sec-txt__content .pwr-sec-txt__left ul li,.custom_section_class .pwr-sec-txt__content .pwr-sec-txt__left ul li{
font-family: Fraunces;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 200%;
}
.custom_section_class .pwr-sec-txt__content .pwr-sec-txt__left ul,.custom_section_class .pwr-sec-txt__content .pwr-sec-txt__left ul {
padding-top:45px;
}
.calculator_main_heading{
  font-size:3.2vw;
font-style: normal;
font-weight: 400;
line-height: 125%;
text-align: center;
font-feature-settings: 'liga' off, 'clig' off;
position:relative;
  z-index:10;
margin:0 auto;
}
.pwr-rich-text.pwr-sec-txt__left {
    padding-right: 100px;
}
.hs-content-id-182675785222 .row-fluid-wrapper.row-depth-1.row-number-11.dnd-row form fieldset>div{
margin-bottom:20px;
}
.hs-content-id-182675785222 .pwr-post-item__more-link {
    color: var(--clr-primary);
    display: block;
    font-family: var(--ff-btn);
    font-size: 13px;
    font-weight: 700;
    position: relative;
    text-transform: var(--tt-link);
    display:flex;
    align-items:center;
  transition:0.2s !important;
}
.hs-content-id-182675785222 .pwr-post-item__more-link:hover,.hs-content-id-182675785222 .pwr-post-item__more-link:hover svg{
  color:#1b2630;
  fill:#1b2630;
}
.hs-content-id-182675785222 .pwr-post-item__more-link svg{
display: block;
    height: 1em;
    width: 1em;
    fill: var(--clr-primary);
    }
.hs-content-id-182675785222 .pwr-accordion:last-child {
    margin: 0;
}
.hs-content-id-182675785222 .row-fluid-wrapper.row-depth-1.row-number-11.dnd-row form .hs-submit{
margin-top:20px;
}
div#pwr-header-fixed a.pwr-cta_button[aria-label="Button Log in"]{
color:#233240;
}
div#pwr-header-fixed.scroll a.pwr-cta_button[aria-label="Button Log in"]{
    color:#fff;
}
div#pwr-header-fixed.scroll a.pwr-cta_button[aria-label="Button Log in"]:hover{
    color:#1b2630;
}
/* div#resources + div .pwr-sec__intro-sec{
  margin:0 auto;
margin-bottom:20px;

  color:#233240;
}
div#resources + div .pwr-sec__intro-sec h2{
  color:#233240 !important;
 width:100%;
    font-size:24px;
  text-align:center;
  line-height:30px;
  font-family:Fraunces,serif!important;
} */
@media (max-width: 767px){
 
  .pwr-rich-text.pwr-sec-txt__left {
  padding:0px;
  }
.custom_section_class .pwr-sec-txt__content .pwr-sec-txt__left,.custom_section_class .pwr-sec-txt__content .pwr-sec-txt__right,.custom_section_classs .pwr-sec-txt__content .pwr-sec-txt__left,.custom_section_classs .pwr-sec-txt__content .pwr-sec-txt__right {
  max-width:100%;

}
  .custom_text_styling img{
     width: auto !important;
    align-self: end; 
}
.custom_text_styling {
    display: block;
    text-align: center;
  margin-bottom: 12px;
}
  .custom_text_styling h2,#hs_cos_wrapper_widget_1731353780391 h1#business-leaders-trust-zayzoon,h1#frequently-asked-questions,h3#save-on-admin-expenses-and-give-your-employees-the-freedom-to-access-their-earned-wages\.,h1.calculator_main_heading{
      font-size: 28px !important;
    padding:0px !important;
  }
  .custom_section_class .pwr-sec-txt__content .pwr-sec-txt__left>p,.custom_section_class .pwr-sec-txt__content .pwr-sec-txt__left>ul li,.custom_section_classs .pwr-sec-txt__content .pwr-sec-txt__left>p,.custom_section_class .pwr-sec-txt__content .pwr-sec-txt__left>ul li{
  font-size:16px !important;
  }
 .hs-content-id-182675785222 .row-fluid-wrapper.row-depth-1.row-number-11.dnd-row form .hs_submit.hs-submit{
  width:100%;
  }
  .hs-content-id-182675785222 #hs_cos_wrapper_module_17313515178443 .hs_submit.hs-submit .actions input[type="submit"] {
    padding-left:20px !important;
    padding-right:20px !important;
    
}

.row-number-1>div>.span12{
  background-size:20% !important;
  }
}

em {
  background-image: unset !important;
  font-style: italic !important;
}

.pwr-header--dark-on-scroll.scroll .pwr-cta--regular-border [class*=cta_button]:not(.pwr-cta):not(.pwr-cta--hubspot-style) {
  color: white !important;
}

.pwr-header--dark-on-scroll.scroll .pwr-cta--regular-border [class*=cta_button]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover {
  color: var(--clr-btn-txt-lt) !important;
}