.hide-section{
    display:none;
 }
html{
   overflow-x:hidden;
}
 img{
     image-rendering: -webkit-optimize-contrast;
 }
/*#industry_sec {
    display: none;
}*/
 /** leader section css start **/
 .main_home > .container{
     width:100%;
     margin: 0;
     padding: 0;
 }
 .hr-leader-section{
     padding-top: 38px;
     z-index: 2;
     padding-bottom: 29px;
  }
 .hr-leader-section h4, .brand-logo-section h4{
    font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     margin-bottom: 28px;
 }
 .hr-leader-section h1{
     font-size: 60px;
     font-weight: 700;
     line-height: 70px;
     margin-bottom: 34px;
} 
 .hr-leader-section h1 span div{
     bottom:-4px !important;
 }
 .hr-leader-section p{
     font-size: 16px;
     line-height: 32px;
     font-family: Arial; 
     font-weight: 400;
     max-width: 621px;
     margin: 0 auto 43px;
}
 .hr-leader-section .wp-block-buttons .wp-block-button{
     margin:0 8px;
     padding: 0;
 }
 .hr-leader-section .wp-block-buttons a{
     min-width: 210px;
     height: 44px;
     justify-content: center; 
     padding:10px 0;
     line-height: 20px;
     margin-bottom: 21px;
     box-shadow: none !important;
     border: 1px solid #193D6A !important; 
 }
 .hr-leader-section .wp-block-buttons{
     gap: 0;
 }
 .hr-leader-section .wp-block-buttons .fill_main a:focus{
     background: transparent;
     color: #193d6a;
 } 
 .hr-leader-section .wp-block-buttons .fill_main a:focus:after{
     content: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23193d6a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M22.72 13.33L10.63 1.24a2.37 2.37 0 10-3.35 3.34L17.7 15 7.28 25.42a2.36 2.36 0 001.68 4 2.34 2.34 0 001.67-.69l12.09-12.06a2.37 2.37 0 000-3.34z'/%3E%3C/svg%3E");
 }
 .hr-leader-section .wp-block-buttons a:after{
     line-height: 24px;
     margin: 0 5px 0 13px;
 }
 .hr-leader-section .wp-block-buttons .is-style-outline a:after{
     margin: 0 5px 0 12px;
 }
 .hr-leader-section .wp-block-ws-split{
     max-width: 450px;
     margin: 0 auto;
 }
 .hr-leader-section .wp-block-ws-split .wp-block-ws-split-half{
     padding: 0;
     display: flex;
     align-items: center;
     flex-basis: 50%;
     max-width: 50%;
 }
 .hr-leader-section .wp-block-ws-split .rate-logo{
     max-width: 28px;
     margin: 0 4px 0 0;
 }
 .hr-leader-section .wp-block-ws-split .rate-logo.cap{
     margin-left: 3px;
 }
 .hr-leader-section .wp-block-ws-split .rate-stars{
     max-width: 90px;
     margin: 0 4px 0 0;
 }
 .hr-leader-section .wp-block-ws-split p{
     font-size: 13px;
     line-height: 13px;
     color: #58595B;
     font-style: italic;
     margin: 0;
 }
 /** leader section css end **/
 /*
 .section-1 > .container.section-container{
   width:100%;
 } 
 */
 /** hero img section start **/
 .heroimg-section{
     padding: 0 20px 0 20px;
 }
 .heroimg-section .container{
     max-width: 1368px;
     width: 100%;
     padding: 0 !important;
     position: relative;
 }
 .heroimg-section .container:before {
     content: "";
     position: absolute;
     right: 73px;
     top: -246px;
     width: 66px;
     height: 105px;
     background: url(../png/top-square.png);
     background-repeat: no-repeat;
     background-size: contain;
     z-index: -1;
 }
 .heroimg-section .container .section-inner{
     display: flex;
     position: relative;
 }
 .heroimg-section .container .section-inner .size-medium img{
     max-width: 368px;
     width: 100%;
 } 
 .heroimg-section .container .section-inner .row{
     display: none;
 }
 .heroimg-section .container .section-inner .size-medium{
     position: relative;
 }
 .heroimg-section .container .section-inner .size-medium:before {
     content: "";
     position: absolute;
     left: 157px;
     top: -81px;
     width: 105px;
     height: 66px;
     background: url(../png/left-top-square.png);
     background-size: contain;
     background-repeat: no-repeat;
     z-index: -1;
 }
 .heroimg-section .container .section-inner .size-medium:after {
     content: "";
     position: absolute;
     width: 100px;
     height: 81px;
     bottom: 109px;
     right: 81px;
     background: url(../png/left-bottom-img.png);
     background-repeat: no-repeat;
     background-size: contain;
     z-index: -1;
 }
 .heroimg-section .container .section-inner .size-full{
     margin-left: -136px;
     margin-top: 62px;
     position: relative;
     z-index: 5;
 }
 .heroimg-section .container .section-inner .size-full img{
     max-width: 886px;
     width: 100%;
     position: relative;
 }
 .heroimg-section .container .section-inner .size-large{
     margin-left: -159px;
     margin-top: 94px;
     position: relative;
 }
 .heroimg-section .container .section-inner .size-large img{
     max-width: 409px;
     width: 100%;
     position: relative;
 }
 .heroimg-section .container .section-inner .size-large:before {
     content: "";
     position: absolute;
     top: -103px;
     left: 141px;
     width: 105px;
     height: 82px;
     background: url(../png/right-top-img.png);
     background-repeat: no-repeat;
     background-size: contain;
     z-index: -1;
 }
 .heroimg-section .container .section-inner .size-large:after {
     content: "";
     position: absolute;
     right: 92px;
     bottom: -12px;
     width: 105px;
     height: 66px;
     background: url(../png/right-bottom-img.png);
     background-size: contain;
     background-repeat: no-repeat;
     z-index: -1;
 }
 .main_home .container .heroimg-section .container {
     padding-left: 0 !important;
     padding-right: 0 !important;
 }
 /** hero img section end **/
 /** logo section css start **/
 .brand-logo-section{
     padding-top: 67px;
     padding-bottom: 65px;
 }
 .brand-logo-section h4{
     margin-bottom: 23px;
 }
 .brand-logo-section .logo-wrapper{
     padding: 0;
 }
 .brand-logo-section .logo-wrapper .section-inner > .row{
     justify-content: center;
     max-width: 965px;
     margin: 0 auto !important;
 }
 .brand-logo-section .logo-wrapper .wp-block-image figure{
     margin-bottom: 0;
 }
 .logo-wrapper .section-inner .row .col-2{
     flex-basis: 100%;
     max-width: 160px;
     padding: 0;
     margin: 0 16px;
 }
 .brand-logo-section .logo-wrapper .section-inner .row .col-2 img{
     max-width: 160px;
 }
 .brand-logo-section .container.section-container{
     padding: 0 !important;
     margin-bottom: 0;
 }
 /** logo section css end **/
 /** ui box section css start **/
 .uibox-section{
     padding-top: 4px;
 }
 .uibox-section figure{
     -webkit-box-shadow: 0px 100px 80px rgba(96, 66, 31, 0.12), 0px 22.3363px 17.869px rgba(96, 66, 31 ,0.07), 0px 6.6501px 5.32008px rgba(96, 66, 31 ,0.05);
             box-shadow: 0px 100px 80px rgba(96, 66, 31, 0.12), 0px 22.3363px 17.869px rgba(96, 66, 31 ,0.07), 0px 6.6501px 5.32008px rgba(96, 66, 31 ,0.05);
      border-radius: 12px;
      max-width: 344px;
      margin: 0 auto 40px;       
 }
 .uibox-section figure img{
     border-radius: 12px;
     
 }
 .uibox-section h5{
     font-size: 28px;
     line-height: 36px;
     font-weight: 400;
    margin: 0 auto 12px;
     padding-left: 22px;
 }
 .uibox-section p{
     font-size: 16px;
     line-height: 26px;
     font-weight: 400;
     max-width: 300px;
     margin: 0 auto;
 }
 .uibox-section .row{
     justify-content: center;
 }
 .uibox-section .row .col-4{
     max-width: 344px;
     flex-basis: 100%;
     padding: 0;
     margin: 0 38px 58px;
     position: relative;
 }
 .uibox-section .row .col-4 a{
     cursor: pointer;
 }
 .uibox-section .row .col-4:hover h5,
 .uibox-section .row .col-4:focus h5{
     text-decoration: underline;
     text-underline-offset: 4px;
     text-decoration-skip-ink: none;
     color: #213B69 !important;
 }
 .uibox-section .row .col-4 .ui-link:after{
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
 }
 /** ui box section css end **/
 .trusted_user figure img{
    margin: 0 auto 30px;
 }
 /** media query css start **/
 @media(max-width:1200.98px){
     .hr-leader-section{
         padding-top: 30px;
     }
     .hr-leader-section h1{
         margin-bottom: 28px;
     }
   .brand-logo-section{
     padding-top: 28px;
     padding-bottom: 40px;
 }
 .brand-logo-section .container.section-container{
     padding: 0 !important;
 }
 .logo-wrapper .section-inner > .row{
     margin: 0;
     padding: 0 35px;
 }
 .logo-wrapper .section-inner .row .col-2 {
     margin: 0 36px 25px;
     padding: 0;
 }
 .uibox-section .row .col-4{
     max-width: 320px;
     margin: 0 32px 47px;
 }
 .uibox-section h5{
     padding-left: 9px;
 }
 .uibox-section .container.section-container{
     padding: 0 !important;
 }
 .hr-leader-section .wp-block-buttons a{
     margin-bottom: 20px;
 }
 }
 @media(max-width:1024.98px){
     .heroimg-section .container{
         max-width: 704px;
     }
     .heroimg-section .container:before{
         right: 61px;
         top: -127px;
         width: 33px;
         height: 54px;
     }
     .heroimg-section .container .section-inner .size-medium img{
         max-width: 188px;
     }
     .heroimg-section .container .section-inner .size-medium:before{
         left: 59px;
         top: -43px;
         width: 55px;
         height: 33px;
     }
     .heroimg-section .container .section-inner .size-medium:after{
         width: 51px;
         height: 42px;
         bottom: 55px;
         right: 63px;
     }
     .heroimg-section .container .section-inner .size-full img{
         max-width: 456px;
     }
     .heroimg-section .container .section-inner .size-full{
         margin-left: -65px;
         margin-top: 30px;
     }
     .heroimg-section .container .section-inner .size-large img{
         max-width: 209px;
     }
     .heroimg-section .container .section-inner .size-large{
         margin-left: -85px;
         margin-top: 49px;
     }
     .heroimg-section .container .section-inner .size-large:before{
         top: -54px;
         left: 71px;
         width: 54px;
         height: 42px;
     }
     .heroimg-section .container .section-inner .size-large:after{
         right: 68px;
         bottom: -6px;
         width: 54px;
         height: 33px;
     }
     .hr-leader-section{
         padding-bottom: 69px;
     }
 }
 @media(max-width:991.98px){
    .hr-leader-section h1 br{
        display: none;
    }
 }
 @media(max-width:767.98px){
    .hr-leader-section .container.section-container{
         padding: 0 !important;
     }
     .hr-leader-section h1{
         font-size: 40px;
         line-height: 48px;
         max-width: 360px;
         margin: 0 auto 28px;
     }
     .hr-leader-section p{
         line-height: 24px;
         max-width: 344px;
         margin: 0 auto 27px;
     }
     .hr-leader-section .wp-block-buttons a{
         margin-bottom: 19px;
         width: 220px;
     }
     .hr-leader-section .wp-block-buttons a:after{
         margin: 0 4px 0 11px;
     }
     .hr-leader-section .wp-block-ws-split .wp-block-ws-split-half{
         flex-basis: 100%;
         max-width: 100%;
         justify-content: center;
         margin-bottom: 19px;
     }
     .hr-leader-section{
        padding-top: 27px;
     }
     .hr-leader-section h4{
         margin-bottom: 16px;
     }
     .heroimg-section{
         margin-bottom: 31px;
     }
     .heroimg-section .container{
         max-width: 320px;
     }
     .heroimg-section .container .section-inner{
         min-height: 355px;
     }
     .heroimg-section .container:before{
         right: 17px;
         top: -61px;
         width: 22px;
         height: 52px;
     }
     .heroimg-section .container .section-inner .size-medium{
         position: absolute;
         left: 0;
         top: 25px;
     }
     .heroimg-section .container .section-inner .size-medium img{
         max-width: 140px;
     }
     .heroimg-section .container .section-inner .size-medium:before{
         left: 76px;
         top: -30px;
         width: 40px;
         height: 25px;
     }
     .heroimg-section .container .section-inner .size-full{
         position: absolute;
         bottom: 0;
         left: 0px;
         margin: 0;
     }
     .heroimg-section .container .section-inner .size-full img{
         max-width: 320px;
     }
     .heroimg-section .container .section-inner .size-large{
         margin: 0;
         position: absolute;
         right: 0px;
         top: 54px;
     }
     .heroimg-section .container .section-inner .size-large:before{
         top: -35px;
         left: 47px;
         width: 35px;
         height: 27px;
     }
     .heroimg-section .container .section-inner .size-large img{
         max-width: 135px;
     }
     .heroimg-section .container .section-inner .size-large:after{
         right: 0px;
         bottom: -56px;
         width: 34px;
         height: 21px;
     }
     .brand-logo-section h4{
         max-width: 270px;
         margin: 0 auto 23px;
     }
     .brand-logo-section .logo-wrapper .section-inner .row .col-2 img{
         max-width: 100%;
     }
     .brand-logo-section{
         padding-top: 25px;
         padding-bottom: 39px;
     }
     .logo-wrapper .section-inner .row .col-2{
         margin: 0 0 18px;
     }
     .brand-logo-section .logo-wrapper .section-inner > .row{
         padding: 0;
         max-width: 320px;
     }
     .uibox-section .row .col-4{
         margin: 0 auto 48px;
     }
     .hr-leader-section .wp-block-buttons{
         flex-direction: column;
        max-width: 320px;
        margin: 0 auto 2px;
     }
     .hr-leader-section .wp-block-ws-split .rate-logo.cap{
         margin-left: 0;
     }
     .uibox-section .row{
         margin: 0;
     }
 }
 @media(max-width:320px){
     .brand-logo-section .logo-wrapper .section-inner > .row{
         flex-direction:column;
     }
 }
 /** media query css end **/

body.home section#hr-payroll-software-new .wp-block-ws-layout-column.col-6:nth-child(3), body.home section#talent-management-new .wp-block-ws-layout-column.col-6:nth-child(3){
    padding: 0;
}
body.home .wp-block-ws-anchor-nav .wp-block-ws-layout-column.col-6:nth-child(1), body.home .wp-block-ws-anchor-nav .wp-block-ws-layout-column.col-6:nth-child(3){
    padding: 0;
}
body.home section#hr-payroll-software-new .wp-block-ws-layout-column.col-6:nth-child(2), body.home section#talent-management-new .wp-block-ws-layout-column.col-6:nth-child(2){
    padding: 0;
    order: unset;
}
body.home section#hr-payroll-software-new .wp-block-ws-layout-column.col-6:nth-child(4), body.home section#talent-management-new .wp-block-ws-layout-column.col-6:nth-child(4){
    order: unset;
}
body.home .wp-block-ws-anchor-nav .wp-block-ws-layout-column.col-6{
    padding: 0;
}
body.home .wp-block-ws-anchor-nav .wp-block-ws-layout-column.col-6:nth-child(odd) {
    padding-right:6px !important;
}
body.home .wp-block-ws-anchor-nav .wp-block-ws-layout-column.col-6:nth-child(even) {
    padding-left:6px !important;
}
body.home .wp-block-ws-anchor-nav .wp-block-ws-layout-column.col-6:nth-child(2), body.home .wp-block-ws-anchor-nav .wp-block-ws-layout-column.col-6:nth-child(4){
    padding: 0;
}
@media(max-width:1023.98px){
    body .wp-block-ws-anchor-nav section#employee-experience-new .wp-block-ws-layout-column.col-6:last-child,
    body .wp-block-ws-anchor-nav section#benefits-administration-new .wp-block-ws-layout-column.col-6:last-child{
        padding-right: 0px !important;
    }
    @media not all and (min-resolution:.001dpcm)
    { @supports (-webkit-appearance:none) and (padding-right:0px) {
            body .wp-block-ws-anchor-nav section#employee-experience-new .wp-block-ws-layout-column.col-6:last-child,
            body .wp-block-ws-anchor-nav section#benefits-administration-new .wp-block-ws-layout-column.col-6:last-child{
                padding-right: 0px !important;
            }
        }
    }
}
@media(max-width:767.98px){
    body.home .wp-block-ws-anchor-nav .wp-block-ws-layout-column.col-6:nth-child(odd) {
        padding-right:0px !important;
    }
    body.home .wp-block-ws-anchor-nav .wp-block-ws-layout-column.col-6:nth-child(even) {
            padding-left:0px !important;   
    }
}