body,h1, h2, h3, h4, h5 { font-family: "Segoe UI", Helvetica, sans-serif !important;}
.content-wrapper {padding: 0 20px;max-width: 1355px;margin: 0 auto;}
img {border: 0;height: auto;max-width: 100%;}
.support_breadcrumbs .content-wrapper { padding: 0 20px;max-width: 1355px !important;margin: 0 auto;height: 100%;}
.support_breadcrumbs {
    background: #f4f7fc;
    height: 41px;
    line-height: 37px;
    position: absolute;
    left: 9%;
}
.support_breadcrumbs ol {
    display: flex;
    list-style: none;
    align-items: center;height: 100%;
    padding: 0;
    margin: 0;
}
.support_breadcrumbs ol li a,.support_breadcrumbs ol li {
    color: #313131;
    font-size: 13px;
    line-height: 28px;
    font-weight: 500;
}
.support_breadcrumbs ol li .icon-angle-right:before {
    content: "";
    margin: 0 15px 0 15px;
    color: #000;
    font-size: 14px;
    background: url(/images/hr/support_breadcrumbs_arrow.png) no-repeat;
    width: 6px;
    height: 10px;
    display: inline-block;
    background-size: 6px;
}
.support_breadcrumbs ol li a:hover{
    opacity: 1 !important;
}
.has-icon {
  position: relative;
}
.has-icon::before {

      content: "";
    margin: 0 15px 0 15px;
    color: #000;
    font-size: 14px;
    background: url(/images/hr/support_breadcrumbs_arrow.png) no-repeat;
    width: 6px;
    height: 10px;
    display: inline-block;
    background-size: 6px;
}
.demoimg{align-items: center;justify-content: center;display: flex;}
.main-footer {border-top: 1px solid rgb(218, 232, 240);}
.solutions-sales-intro{
    display: inline-block;width: 100%;    text-align: center;
    padding-top: 110px;
    background: url(/images/hr/solution-sales-intro-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 40px;
    border-bottom: 1px solid #e2ebf3;
}
.solutions-sales-intro h1 {
    color: #33363b;
    font-weight: 700;
    width: 95%;
    font-size: 54px;
    margin: 0 auto;    padding-bottom: 18px;padding-top: 60px;
}
.solutions-sales-intro h1 span {
    background-clip: text;
    background-image: linear-gradient(#89cbf7, #0065d0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
}
.sales-oppurtunity {display: inline-block;width: 100%;text-align: center;padding-top: 80px;}
.sales-oppurtunity h2{font-size: 54px;color: #33363b;font-weight: 700;}
.sales-oppurtunity h2 span {background-clip: text;background-image: linear-gradient(#89cbf7, #0065d0);-webkit-background-clip: text;-webkit-text-fill-color: #fff0;}
.sales-oppurtunity p{font-size: 16px;color: #555555;padding-top: 20px;margin: 0;padding-bottom: 40px;}
.sales-oppurtunity-flex {
           display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    /* width: 1350px; */
    width: 1320px;
    margin: 0 auto;
padding-top: 50px !important;
gap: 100px;
}
.sales-oppurtunity-flex img{
  border-radius: 35px;
  background: rgb(238, 249, 254);
    padding: 20px;
}
.sales-oppurtunity-flex1 {
       display: flex;
    align-items: stretch;
    justify-content: space-between;
    /* width: 1350px; */
    width: 1320px;
    margin: 0 auto;
padding-top: 50px !important;
gap: 60px;    flex-wrap: wrap;
}
.hr-teams-card {

  border: 1px solid rgb(233, 238, 242);
  border-radius: 15px;
  background: rgb(255, 255, 255);
  box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.14);
  width: 399px;
  height: auto;
padding: 20px 25px;

}
.hr-teams-card h3,.hr-teams-card p{
    text-align: left;padding: 0;
}
.hr-teams-card h3{
    font-size: 18px;color: #0073bf;line-height:26px; font-weight: 600;
}
.hr-teams-card h3::after{
    content: '';
  border-radius: 1px;
  border-bottom:4px solid rgb(87, 87, 103);
  width: 69px;    display: block;
    margin: 10px 0 0 0;
  /* height: 4px;
  z-index: 33; */
}
.sales-oppurtunity-flex h3{
    font-size: 17px;color: #0073bf;    text-align: left;
}
.sales-oppurtunity-flex p{
    font-size: 16px;color: #333;line-height: 24px; text-align: left;    padding: 0;text-align: justify;    padding-bottom: 15px;
}
.sales-oppurtunity-flex ul li {
    text-align: left;    font-size: 16px;
    color: #333;
    line-height: 32px;    padding: 0 0 0 25px;
}
.sales-oppurtunity-flex ul {
    position: relative;
}
.sales-oppurtunity-flex ul li::before {
    content: '';
    background: url(/images/hr/sales-oppurtunity-icon.png);
    height: 16px;
    width: 16px;
    position: absolute;
    left: 0;    margin: 9px 0 0 0;
}
.features-built {display: inline-block;width: 100%;text-align: center;padding-top: 80px;}
.features-built h2{font-size: 54px;color: #33363b;font-weight: 700;}
.features-built h2 span {background-clip: text;background-image: linear-gradient(#89cbf7, #0065d0);-webkit-background-clip: text;-webkit-text-fill-color: #fff0;}
.features-built p{font-size: 16px;color: #555555;padding-top: 20px;margin: 0;padding-bottom: 40px;}
.features-built-card-flex {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: 0 auto;
    width: 1220px;
    margin-top: 60px;    gap: 70px 120px;
}
.features-built-card-img img{
  border-radius: 35px;
  background: rgb(238, 249, 254);
  /* width: 545px;
  height: 425px; */
    padding: 25px;

}
.features-built-card-flex h3{
text-align: left;
}
.features-built-card-flex p{
text-align: left;padding: 0;
}
.revenue-oppurtunity {display: inline-block;width: 100%;text-align: center;padding-top: 80px;}
.revenue-oppurtunity h2{font-size: 54px;color: #33363b;font-weight: 700;    margin: 0;
    padding-bottom: 40px !important;}
.revenue-oppurtunity h2 span {background-clip: text;background-image: linear-gradient(#89cbf7, #0065d0);-webkit-background-clip: text;-webkit-text-fill-color: #fff0;}
.revenue-oppurtunity p{font-size: 16px;color: #555555;
    /* padding-top: 20px; */
    margin: 0;
    /* padding-bottom: 40px; */
}
.revenue-oppurtunity img{
    margin-top: 40px;
}
.demobtn {
  background-image: -moz-linear-gradient( 90deg, rgb(2,130,215) 0%, rgb(37,167,254) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(2,130,215) 0%, rgb(37,167,254) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(2,130,215) 0%, rgb(37,167,254) 100%);
  /* position: absolute;
  left: 725px;
  top: 3063px; */
  /* width: 230px; */
  width: 220px;
  height: 48px;
  /* z-index: 85; */
      display: block;
    margin: 0 auto;
    line-height: 48px;
    color: #fff;
    border-radius: 35px;
    font-size: 18px;
    font-weight: 600;
     margin-top: 40px;
}
.sales-team-needs {display: inline-block;width: 100%;text-align: center;padding-top: 80px;    padding-bottom: 130px;}
.sales-team-needs h2{font-size: 54px;color: #33363b;font-weight: 700;margin: 0;padding-bottom: 60px;}
.sales-team-needs h2 span {background-clip: text;background-image: linear-gradient(#89cbf7, #0065d0);-webkit-background-clip: text;-webkit-text-fill-color: #fff0;}
.sales-team-needs p{font-size: 16px;color: #555555;    padding-top: 0;
    margin: 0;
    padding-bottom: 20px;
    text-align: left;}
.sales-team-needs-flex{
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
    margin: 0 auto;
    width: 1310px;gap: 25px;
}
.sales-team-needs-flex h3{
    margin: 0;    text-align: left;
    padding-bottom: 15px;
}
.sales-team-needs-card {
  border: 1px solid rgb(236, 246, 253);
  border-radius: 15px;
  background: rgb(255, 255, 255);
  box-shadow: 0px 13px 21px 0px rgba(47, 98, 140, 0.18);
       text-align: left;
    padding: 15px 20px 30px;
}
.sales-team-needs-flex ul {
    position: relative;
}
.sales-team-needs-flex ul li {
    text-align: left;
    font-size: 16px;
    color: #333;
    line-height: 32px;
    padding: 0 0 0 25px;
}
.sales-team-needs-flex ul li::before {
    content: '';
    background: url(/images/hr/sales-oppurtunity-icon.png);
    height: 16px;
    width: 16px;
    position: absolute;
    left: 0;
    margin: 9px 0 0 0;
}
.sales-team-needs-card h3{
        margin: 0;
    padding: 20px 0 15px;
}
.sales-team-needs-card p{
    padding: 0;
}
.sales-team-needs-card h3{
    font-size: 18px;color: #33363b;font-weight: 600;
}
.sales-team-needs-card p{
    font-size: 16px;color: #33363b;
}
.join-hundreds-sales {
  border-radius: 1px;
  background: rgb(244, 248, 250);
  height: 191px;
  /* z-index: 99; */
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 35px 0px;
}
.join-hundreds-sales h4{
    font-size: 24px;color: #33363b;font-weight: 700;    margin: 0;
    padding-bottom: 30px;
}
.join-hundreds-sales-flex{
    display: flex;
    align-items: center;
    justify-content: center;    font-size: 18px;
    color: #1270d0;
    font-weight: 600;
}
.maintain-accuracy {display: inline-block;width: 100%;text-align: center;padding-top: 80px;    padding-bottom: 90px;}
.maintain-accuracy h2{font-size: 54px;color: #33363b;font-weight: 700;}
.maintain-accuracy h2 span {background-clip: text;background-image: linear-gradient(#89cbf7, #0065d0);-webkit-background-clip: text;-webkit-text-fill-color: #fff0;}
.maintain-accuracy-flex {
    display: grid;
    grid-template-columns: 35% 65%;
    align-items: center;
    justify-content: space-between;
    gap: 0px;
    margin: 0 auto;
    width: 1360px;
    padding-top: 80px;
}
.maintain-accuracy-flex p{
    text-align: left;
}
.maintain-accuracy-flex p.desc{
    padding-bottom: 40px;    margin: 0;
}
.maintain-accuracy-flex ul{

}
.maintain-accuracy-flex ul li{
        text-align: left;font-size: 20px;color: #000;font-weight: 600;    padding-bottom: 60px;position: relative;    padding-left: 110px;
}
.maintain-accuracy-flex ul li:last-child{
    padding-bottom: 0px;
}
.maintain-accuracy-flex ul li p{
 font-size: 16px;
    font-weight: 400;    padding-top: 15px;
}
.maintain-accuracy-flex ul li:before{
    content: '';
}
.maintain-accuracy-flex ul li span.image-part {
    height: 64px;
    width: 64px;
    top: 0;
    position: absolute;
    left: 0;
    transition: all 0.2s linear;
    border-radius: 50%;
    /* background-image: url(/images/hr/uptodate-accuracy.png);
    background-repeat: no-repeat; */

}
.maintain-accuracy-flex ul li.image-part::before{
 content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid #fff0;
    border-right: 8px solid #fff0;
    position: absolute;
    left: 24px;
    top: 60px;
    border-radius: 15px 15px 15px 15px;
}
.maintain-accuracy-flex ul li span.image-part {
  border-radius: 50%;
  /* background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(255,255,255) 0%, rgb(198,233,253) 100%);
  background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(255,255,255) 0%, rgb(198,233,253) 100%);
  background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(255,255,255) 0%, rgb(198,233,253) 100%); */
  /* position: absolute; */
  /* left: 165px;
  top: 4411px; */
  width: 75px;
  height: 75px;
  /* z-index: 154; */
}
.maintain-accuracy-flex ul li span.image-part.uptodate{
background-image:
    url('/images/hr/uptodate-accuracy.png'),
    radial-gradient(circle closest-side at 50% 50%, rgb(255,255,255) 0%, rgb(198,233,253) 100%);

background-repeat: no-repeat, no-repeat;
background-position: center, center;
background-size:auto;
}
.maintain-accuracy-flex ul li span.image-part.consistent{
background-image:
    url('/images/hr/consistent-accuracy.png'),
    radial-gradient(circle closest-side at 50% 50%, rgb(255,255,255) 0%, rgb(198,233,253) 100%);

background-repeat: no-repeat, no-repeat;
background-position: center, center;
background-size:auto;
}
.maintain-accuracy-flex ul li span.image-part.professional{
background-image:
    url('/images/hr/professional-accuracy.png'),
    radial-gradient(circle closest-side at 50% 50%, rgb(255,255,255) 0%, rgb(198,233,253) 100%);

background-repeat: no-repeat, no-repeat;
background-position: center, center;
background-size:auto;
}
.maintain-accuracy-flex ul li span.image-part.reducework{
background-image:
    url('/images/hr/reducework-accuracy.png'),
    radial-gradient(circle closest-side at 50% 50%, rgb(255,255,255) 0%, rgb(198,233,253) 100%);

background-repeat: no-repeat, no-repeat;
background-position: center, center;
background-size:auto;
}
.maintain-accuracy-flex ul li::after {
    content: "";
    position: absolute;
    left: 38px;
    transform: translateX(-50%);
    top: 73px;
    height: calc(100% - 40px);
    background-color: #d5e6f8;
    width: 1px;
    height: 100px;
}
.maintain-accuracy-flex ul li:last-child::after {
    height: auto;
}
.how-sales-team{
    display: inline-block;width: 100%;text-align: center;
}
.how-sales-team h2{font-size: 54px;color: #33363b;font-weight: 700;}
.how-sales-team h2 span {background-clip: text;background-image: linear-gradient(#89cbf7, #0065d0);-webkit-background-clip: text;-webkit-text-fill-color: #fff0;}
.how-sales-team-flex {
    align-items: center;
    display: grid;
    grid-template-columns: 50% 50%;
    margin: 0 auto;
    width: 1360px;margin-top: 75px;
}
.how-sales-team-flex ul li{
        text-align: left;font-size: 20px;color: #000;font-weight: 600;    padding-bottom: 30px;position: relative;    padding-left: 110px;
}
.how-sales-team-flex ul li:last-child{
    padding-bottom: 0px;
}
.how-sales-team-flex ul li p{
 font-size: 16px;
    font-weight: 400;    padding-top: 15px;
}
.how-sales-team-flex ul li{
    display: flex;    gap: 20px;margin: 0;
}
.content.label {
    font-size: 14px;
    color: #b3b3b3 !important;
    transition: color 0.3s ease;
}
/* .how-sales-team-flex ul::before {
    content: "";
    position: absolute;
    left: 22px;
    top: 40px;
    bottom: 40px;
    width: 2px;
    background: #d0d0d0;
    z-index: 0;
    border-radius: 2px;
} */
.how-sales-team-flex ul{
    position: relative;
}
.how-sales-team-flex .progress {
    position: absolute;
    left: 22px;
    top: 40px;
    width: 2px;
    height: 0;
    background: #0078d7;
    z-index: 1;
    border-radius: 2px;
    /* transition: height 0.3s linear; */
}
.how-sales-team-flex .stepper {
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: flex-start;
    padding-left: 0px;
    width: 100%;
}
/* .dashboard_view {
    display: flex;
    align-items: center;
    gap: 50px;
}.dashboard_img img {
    height: 330px;
} */
.how-sales-team-flex .step {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
    gap: 20px;
}
.how-sales-team-flex .step.active .circle, .how-sales-team-flex .step.completed .circle {
    background: #0078d7;
}
.how-sales-team-flex .circle {
    min-width: 48px;
    width: 48px;
    height: 48px;
    background: #ccc;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 18px;
    /* transition: background 0.1s ease; */
    position: relative;
    z-index: 3;
}
/* .how-sales-team-flex .stepper::before {
    content: "";
    position: absolute;
    left: 22px;
    top: 40px;
    bottom: 40px;
    width: 2px;
    background: #d0d0d0;
    z-index: 0;
    border-radius: 2px;
} */
.how-sales-team-flex .step.completed .label {
        color: #33363b !important;
    font-weight: 600;
}
.how-sales-team-flex .stepper .label {
    font-size: 18px;
    color: #b3b3b3 !important;
    /* transition: color 0.1s ease; */
    text-align: left;
}
.how-sales-team-flex .step:last-child {
    margin-bottom: -10px !important;
}
.how-sales-team-flex .step.completed .label p{
    font-size: 16px !important;color: #555555 !important;
}
.how-sales-team-flex .label p{
    font-size: 16px !important;color: #b3b3b3 !important;padding-top: 10px;font-weight: 400 !important;
}
.how-sales-team-flex img {
  border-radius: 25px;
  background: rgb(245, 249, 252);
  box-shadow: 0px 0px 38px 0px rgba(47, 98, 140, 0.19);
      padding: 20px;
}
.how-sales-team-flex .stepper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.how-sales-team-flex .stepper::before {
    content: "";
    position: absolute;
    left: 23px; /* center of 48px circle */
    top: 48px;  /* center of first circle */
    bottom: 24px; /* center of last circle */
    width: 2px;
    background: #d0d0d0;
    z-index: 0;
}
.how-sales-team-flex .progress {
    position: absolute;
    left: 23px;
    top: 48px;
    width: 2px;
    height: 0;
    background: #0078d7;
    z-index: 1;
    border-radius: 2px;
    transition: none; /* important */
}
/* .animate-item.show {
    opacity: 1;
    transform: translateY(0);
} */
.know-more {
  background-image: -moz-linear-gradient( 90deg, rgb(2,130,215) 0%, rgb(37,167,254) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(2,130,215) 0%, rgb(37,167,254) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(2,130,215) 0%, rgb(37,167,254) 100%);
  /* position: absolute;
  left: 750px;
  top: 5862px; */
  width: 180px;
  height: 54px;line-height: 54px;
      margin: 0 auto;
    border-radius: 45px;
    margin-top: 70px;
    font-size: 18px;color: #fff;font-weight: 600;
  /* z-index: 192; */
}
.home-demo-holder-new {display: none;}
.taking-control-flex {
  border-radius: 25px;
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 51px 0px rgba(0, 0, 0, 0.14);
    width: 80%;
    margin: 0 auto;
    margin-top: 70px;
    margin-bottom: 70px;
    padding: 30px;
    display: flex;
    gap: 30px;

}
.taking-control-flex h4{
    font-size: 40px;color: #333;font-weight: 700;
}
.taking-control-flex .demoimg img {
     box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.14);
    border-radius: 15px;
}
.taking-control-flex p.organization {
  border: 1px solid rgb(239, 235, 252);
  border-radius: 5px;
  background: rgb(239, 235, 252);
  /* position: absolute;
  left: 369px;
  top: 7218px; */
  width: 135px;
  height: 22px;font-size: 12px;color: #72528f;font-weight: 700;text-align: center;line-height: 20px;margin: 0;
  /* z-index: 239; */
}
.taking-control-flex p.msapproved {
  border: 1px solid rgb(225, 249, 226);
  border-radius: 5px;
  background: rgb(225, 249, 226);
  /* position: absolute;
  left: 527px;
  top: 7218px; */
  width: 150px;
  height: 22px;font-size: 12px;color: #489d4c;font-weight: 700;text-align: center;line-height: 20px;margin: 0;
  /* z-index: 253; */
}
.taking-control-flex p.nocreditcard {
  border: 1px solid rgb(218, 248, 250);
  border-radius: 5px;
  background: rgb(218, 248, 250);
  /* position: absolute;
  left: 703px;
  top: 7218px; */
  width: 160px;
  height: 22px;font-size: 12px;color: #439297;font-weight: 700;text-align: center;line-height: 20px;margin: 0;
  /* z-index: 257; */
}
.taking-control .rating {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: start;    margin-top: 30px;margin-bottom: 40px;
}
.try_it_free {
  background-image: -moz-linear-gradient( 90deg, rgb(2,130,215) 0%, rgb(37,167,254) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(2,130,215) 0%, rgb(37,167,254) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(2,130,215) 0%, rgb(37,167,254) 100%);
  /* position: absolute;
  left: 200px;
  top: 7282px; */
  width: 165px;
  height: 54px;    display: inline-block;
    text-align: center;
    line-height: 54px;
    border-radius: 45px;font-size: 17px;color: #fff;font-weight: 600;
  /* z-index: 199; */
}
.tryit_demo {
    display: flex;
    align-items: center;
    gap: 15px;
}
.request_demo {
  border: 1px solid rgb(189, 214, 231);
  background-image: -moz-linear-gradient( 90deg, rgb(230,238,242) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(230,238,242) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(230,238,242) 0%, rgb(255,255,255) 100%);
  width: 219px;
  height: 54px;
display: inline-block;
    text-align: center;
    line-height: 52px;
    border-radius: 45px;font-size: 17px;color: #000;font-weight: 600;
}
.tryit_demo{

}
.taking-control-flex p{
    font-size: 17px;color: #586472;font-weight: 600;
}
.rating-flex{
    display: flex;align-items: center;gap: 5px;
}
.try_it_free img,
.request_demo img,
.know-more img,
.demobtn img{
       margin-top: -2px;
    vertical-align: middle;
}
a.demobtn:hover,
.know-more:hover,
.try_it_free:hover{

    background-image: -moz-linear-gradient( 90deg, rgb(37,167,254) 0%, rgb(2,130,215) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(37, 167, 254) 0%, rgb(2, 130, 215) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(37,167,254) 0%, rgb(2,130,215) 100%);
    color: #fff !important;
    cursor: pointer;
}
.request_demo:hover{
    border: 1px solid rgb(189, 214, 231);
    background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(230, 238, 242) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(255,255,255) 0%, rgb(230, 238, 242) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(230, 238, 242) 100%);
        color: #000 !important; cursor: pointer;
}
.demobtn:hover img,
.know-more:hover img,
.try_it_free:hover img,
.request_demo:hover img {
    transform: translateY(0%) translateX(5px);

}
.demobtn img,
.know-more img,
.try_it_free img,
.request_demo img{
    content: '';
    /* position: absolute;
    top: 50%;
    right: 30px;

    background: url(/images/hr/freetrial-whitearrow.svg) no-repeat center;
    background-size: cover;
    width: 24px;
    height: 14px; */
     transform: translateY(0%);
    transition: all 0.5s ease;
}
.progress {
    height: 0;
}
#stepImage {
    max-width: 100%;
    transition: opacity 0.4s ease;
    opacity: 1;
}
.sub_centralized {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 100px !important;
    margin: 0 auto;
    width: 1320px;
    align-items: start;
}
.accordion-content {
    display: none;
}
.accordion-item1.active .accordion-content {
    display: block;
}
.home-steps-block{
    padding-top: 100px !important;
}
.new_testimonial_slider{
    padding-top: 30px !important;
}
.home-steps-block .h2-title-heading{
    padding-bottom: 0px !important;
}
.home-steps-block .h2-title-heading {

      color: #33363b !important;

}
.faq-right-new {
    margin-top: 70px !important;
}
.msapproved::before{content: '';background: url(/images/hr/ms-approved-tick.png);background-repeat: no-repeat;width: 11px;height: 9px;display: inline-block;margin: 0 7px 0px 0px;}
span.line {color: rgb(191, 205, 226);width: 1px;}
.home-steps-block{    padding: 100px 0 60px !important;}
.hr-section-container{    display: flex;gap: 50px;margin-bottom: 25px;}
.hr-section-container img, .checklist-container img{box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.14);border-radius: 15px; margin: auto 0;}
.hr-section-container img{margin-left: auto;}
.hr-teams-title-container{display: grid;grid-template-columns: 1fr 1fr;width: 70%;margin: 0 auto;}
.hr-teams-title-container img{box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.14);border-radius: 25px; height: 400px;}
.hr-teams-title-container p{margin: auto 0 !important;}
.home-steps-block{    padding: 100px 0 50px;}
p, .hr-benefits li span {line-height: 1.6 !important;}
.hr-stat{
    background-image: linear-gradient(#89cbf7, #0065d0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    font-size: 38px;
    margin: 0;
}
.hr-faq{
  padding:70px 0;
  background:#ffffff;
}
.hr-faq h2{
  line-height: 1.25;
    text-align: center;
    margin: 0 0 50px;
    font-size: 54px;
    color: #33363b;
    font-weight: 700;
}
#hr-faq-title span {
    background-image: linear-gradient(#89cbf7, #0065d0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
}
.hr-faq-item{ border-bottom:1px solid #d1d1d1; }
.hr-faq-item:first-child{ border-top:1px solid #d1d1d1; }
.hr-faq-item h3{ margin:0; }
.hr-faq-item button{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  background:none;
  border:none;
  text-align:left;
  padding:22px 0;
  font-size:19px;
  font-weight:600;
  color:#222;
  cursor:pointer;
  font-family:inherit;
}
.hr-faq-item button span{
  flex-shrink:0;
  width:28px;
  height:28px;
  color:#0078d4;
  font-size:26px;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
}
.hr-faq-answer p{
  margin:0 0 22px;
  font-size:16px;
  color:#424242;
  line-height:1.7;
  padding:0 0 24px 0;
  text-align: left;

}
.hr-editorial{
  padding:70px 0;
  background:#ffffff;
  font-family:"Segoe UI", Helvetica, sans-serif;
}
.hr-section-inner{
  max-width:1180px;
  margin:0 auto;
  padding:0 20px;
}
.hr-editorial h2{
  margin:0 0 20px;
  font-size:54px;
  font-weight:700;
  color:#33363b;
  line-height:1.3;
  text-align: center;
}
.hr-editorial h2 span{
  background-image:linear-gradient(#89cbf7, #0065d0);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.hr-editorial p{
  font-size:16px;
  color:#424242;
  line-height:1.7;
  margin:0 0 20px;
}
.hr-editorial.hr-lifecycle .hr-section-inner{width: 75%; max-width: 75%;}
.hr-editorial.hr-lifecycle .hr-section-inner h2{width: 100%;}
section.hr-editorial:not(.hr-lifecycle) .hr-section-inner{
      display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    align-items: center;
    text-align: left;
}
section.hr-editorial:not(.hr-lifecycle) ul{
  list-style: none;
    width: 100%;
    text-align: left;
    padding: 0;
    width: fit-content;
    max-width: 100%;
    padding-left: 0;
    text-align: left;
}
section.hr-editorial:not(.hr-lifecycle) ul li{
  position:relative;
  padding:15px;
  font-size:16px;
  color:#222;
  line-height:1.6;
  border-bottom:1px solid #dce8f4;
}
section.hr-editorial:not(.hr-lifecycle) ul li:last-child {
    border-bottom: none;
}
.ss-accent-list li:last-child{border-bottom: 1px solid #dce8f4 !important;}
.hr-use-heading{ margin:0; }
.accordion-header1 .hr-use-title{
  width:100%;
  font-size:18px;
}
.hr-editorial{
  padding:70px 0;
  background:#ffffff;
}
.hr-editorial.hr-lifecycle{
  background:#eaf5fc;
}
.hr-section-inner{
  max-width:900px;
  margin:0 auto;
  padding:0 20px;
  text-align:center;
}
.hr-editorial h2{
  margin:0 0 20px;
  font-weight:700;
  color:#222;
  line-height:1.25;
}
.hr-editorial .hr-section-inner{width: 70%; max-width: 70%;}
.hr-editorial h2 span{
  background-image:linear-gradient(#89cbf7, #0065d0);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.hr-editorial > .hr-section-inner > p{
  font-size:16px;
  color:#424242;
  line-height:1.7;
  margin:0 auto 28px;
  text-align: center;
  /* max-width:760px; */
}
.hr-editorial > .hr-section-inner > ul{
  list-style:none;
  margin:0 auto;
  padding:0;
  text-align:left;

  gap:14px;

}
.checklist-container{
    display: flex;
    gap: 30px;
}
.hr-editorial > .hr-section-inner > ul >li:last-child{
    border-bottom: none;
}
.ss-accent-list> li:last-child{grid-column: 1/-1; border-bottom: unset;}
.hr-editorial > .hr-section-inner > ul > li{
  position:relative;
  padding:4px 0 4px 30px;
  font-size:16px;
  color:#222;
  line-height:1.6;
}
/* .hr-editorial > .hr-section-inner > ul > li::before{
  content:"\2713";
  position:absolute;
  left:0; top:4px;
  width:20px; height:20px;
  border-radius:50%;
  background:#0078d4;
  color:#fff;
  font-size:12px;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
} */
.hr-lifecycle-grid li{
  padding:22px 24px !important;
  background:#fff;
  border:1px solid #d5e3f0;
  border-radius:16px;
  box-shadow:0 0 20px 0 rgb(0 0 0 / 0.06);
  font-size:15px;
  color:#424242;
}
.hr-lifecycle-grid li::before{ content:none !important; }
.hr-lifecycle-grid li strong{
  display:block;
  font-size:16px;
  font-weight:700;
  color:#222;
  margin-bottom:6px;
}
.trusted-certified {border: 1px solid rgb(231, 237, 244);border-radius: 1px;background-image: -moz-linear-gradient( 90deg, rgb(245,250,253) 0%, rgb(237,242,247) 60%, rgb(250,255,254) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(245,250,253) 0%, rgb(237,242,247) 60%, rgb(250,255,254) 100%); background-image: -ms-linear-gradient( 90deg, rgb(245,250,253) 0%, rgb(237,242,247) 60%, rgb(250,255,254) 100%); height: 70px;border-top: none;line-height: 70px;}
/* .trusted-certified .container {margin: 0 auto;width: 1270px;} */
.trusted-certified .container {margin: 0 auto;width: 1370px;}
/* .trust-certify-flex ul{display: flex;align-items: center;justify-content: center; gap: 45px;} */
.trust-certify-flex ul li{font-size: 17px;font-weight: 600;color: #33363b;}
.trust-certify-flex ul li.trust{color: #2f689f;font-weight: 700;text-transform: uppercase; line-height: normal;}
/* .trust-certify-flex ul li::before{content: '';background: url(/images/hr/trust-certify-green-tick.png);background-repeat: no-repeat;width: 16px;height: 13px;display: inline-block;margin-right: 10px;} */
.trust-certify-flex ul li::before {
    content: "";
    display: inline-block;
    height: 70px;
    background-image: url("/images/hr/trusted-certified.webp");
    background-repeat: no-repeat;
    vertical-align: middle;
}
.trust-certify-flex ul li.trust::before {
    display: none;
}
.ms::before    { background-position: 0   15px; width: 130px;}
.soc2::before  { background-position: 0 -55px; width: 150px;}
.gdpr::before  { background-position: 0 -125px; width: 130px;}
.oauth::before { background-position: 0 -200px;width: 130px;}
.hipaa::before  { background-position: 0 -270px; width: 140px;}
.zero::before  { background-position: 0 -345px; width: 160px;}
.count-section{margin: 0 auto;width: 1370px;padding-top: 80px;}
.count-section-flex {display: flex;align-items: center;justify-content: space-between;}
.count-section-flex div{border-radius: 25px;background: rgb(244, 249, 250);width: 315px;text-align: center; padding: 15px 20px 20px 20px;}
.count-section-flex h2{background-clip: text; background-image: linear-gradient(#89cbf7, #0065d0);-webkit-background-clip: text;-webkit-text-fill-color: #fff0;font-size: 38px;margin: 0;}
.count-section-flex p{padding-top: 10px;font-size: 17px;color: #33363b;font-weight: 600;}
.support_breadcrumbs{
    background: transparent !important;
}
.support_breadcrumbs ol li:first-child a,
.support_breadcrumbs ol li:nth-of-type(2){
    opacity: .5;
}
.hr-lifecycle-grid{
  display:grid !important;
  grid-template-columns:repeat(4, 1fr) !important;
  gap:35px !important;
  align-self: stretch;
}
.hr-lifecycle-grid strong, .hr-lifecycle-grid p{text-align: left; margin-left: 8px;}
.hr-editorial.hr-lifecycle ul.hr-lifecycle-grid li{height: 100%;}
.ss-accent-list{    display: flex;
    flex-direction: column;
    justify-content: space-evenly;}
.trust-certify-flex ul {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0;
}
.marquee{display: none !important;}
.taking-control-flex > div:first-child {
    width: 55%; padding: 20px 0;
}
@keyframes marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform:translateX(calc(-100% / 2));
    }
}
/* 02.07.2026 */
.sub_centralized_img{border-radius: 25px; background-color: rgb(236, 247, 253);width: 637px;height: 411px;display: flex;align-items: center;justify-content: center;}
.sub_centralized_img img{border-radius: 15px !important;}
/* 28.09.2026 */
.hr-hero-subtitle{
      font-size: 20px;
    line-height: 1.5;
    margin: 0 auto 35px;
    max-width: 900px;
    padding: 0 20px;
    color: #555;
}
.count-section .hr-stat{
  margin:0 0 6px;
  font-size:44px;
  font-weight:700;
  color:#0078d4;
  line-height:1.1;
}
.hr-intro-lead{
  font-size:19px;
  font-weight:600;
  color:#222;
  margin:0 0 14px;
}
.sales-oppurtunity a,
.hr-teams-card a{
  color:#0078d4;
  font-weight:600;
  text-decoration:none;
  border-bottom:1px solid transparent;
}
.sales-oppurtunity a:hover,
.hr-teams-card a:hover{
  color:#1e90ff;
  border-bottom-color:#1e90ff;
}
ul.hr-benefits{
  list-style:none;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:20px;
  text-align:left;
  margin: 35px auto;
  width: 70%;
}
ul.hr-benefits li{
  position:relative;
  padding:20px 20px 20px 52px;
  background:#fff;
  border:1px solid #d5e3f0;
  border-radius:16px;
  box-shadow:0 0 20px 0 rgb(0 0 0 / 0.06);
}
ul.hr-benefits li::before{
  content:"\2713";
  position:absolute;
  left:16px;
  top:18px;
  width:26px;
  height:26px;
  border-radius:50%;
  background:#0078d4;
  color:#fff;
  font-size:14px;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}
ul.hr-benefits li strong{
  display:block;
  font-size:17px;
  font-weight:600;
  color:#222;
  margin-bottom:6px;
}
ul.hr-benefits li span{
  display:block;
  font-size:16px;
  color:#424242;
  line-height:1.6;
}
section.hr-editorial:not(.hr-lifecycle) .hr-section-inner{width: 80%;max-width: 80%;}
.hr-editorial.hr-lifecycle{
  background:#eaf5fc;
}
.hr-editorial.hr-lifecycle .hr-section-inner{
  text-align:center;
}
.hr-editorial.hr-lifecycle ul.hr-lifecycle-grid{
  list-style:none;
  margin:40px 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:0;
  position:relative;
  counter-reset:hr-step;
}
.hr-editorial.hr-lifecycle ul.hr-lifecycle-grid::before{
  content:none;
  position:absolute;
  top:22px;
  left:12.5%;
  right:12.5%;
  height:2px;
  background:#bcdcf3;
  z-index:0;
}
.hr-editorial.hr-lifecycle ul.hr-lifecycle-grid li{
  position:relative;
  z-index:1;
  padding:0 16px;
  text-align:center;
  counter-increment:hr-step;
}
.hr-editorial.hr-lifecycle ul.hr-lifecycle-grid li::before{
  content:counter(hr-step);
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  margin:0 auto 18px;
  border-radius:50%;
  background:#0078d4;
  color:#fff;
  font-size:17px;
  font-weight:700;
  box-shadow:0 0 0 6px #eaf5fc;
}
.hr-editorial.hr-lifecycle ul.hr-lifecycle-grid li strong{
  display:block;
  font-size:17px;
  font-weight:600;
  color:#222;
  margin-bottom: 15px;
    margin-top: 16px;
}
.hr-editorial.hr-lifecycle ul.hr-lifecycle-grid li{
  font-size:14.5px;
  color:#424242;
  padding: 27px !important;
  line-height:1.6;
  border: 1px solid rgb(228, 241, 250);
  border-radius: 15px;
  background-color: rgb(254, 254, 254);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
/* .hr-lifecycle-grid > li:nth-child(1) { background: linear-gradient(145deg, #f5fbff 0%, #ffffff 52%); }
.hr-lifecycle-grid > li:nth-child(2) { background: linear-gradient(145deg, #faf8ff 0%, #ffffff 52%); }
.hr-lifecycle-grid > li:nth-child(3) { background: linear-gradient(145deg, #f4fcf9 0%, #ffffff 52%); }
.hr-lifecycle-grid > li:nth-child(4) {background: linear-gradient(145deg, #fffaf3 0%, #ffffff 52%); } */
.ss-accent-list { list-style:none; margin:0 auto; padding:0; max-width:900px; }
.ss-accent-list li { position:relative; display:flex; align-items:center; gap:16px;
    background:#fff; border:1px solid #dbe6f3; border-left:4px solid #0f6cbd; border-radius:10px;
    padding:16px 20px; margin-bottom:12px; font-size:15px; line-height:1.5; color:#374151;
    box-shadow:0 2px 6px rgba(15,108,189,.05); transition:background .2s; }
.ss-accent-list li:hover { background:#f5f8fd; }
.ss-accent-list .ss-num { flex:0 0 34px; height:34px; border-radius:50%; background:#e8f1fb;
    color:#0f6cbd; font-weight:700; font-size:15px; display:flex; align-items:center; justify-content:center; }
/* section.hr-editorial:not(.hr-lifecycle) ul li::before{content: none;} */
.taking-control-flex h4 {
    font-size: 42px;
    color: #333;
    font-weight: 700;
}
.hr-teams-section {
	padding-bottom: 40px;
}
.hr-teams-section .hr-section-inner {
	max-width: 1200px;
	margin: 0 auto;
}
.hr-teams-section h2 {
	text-align: center;
	margin-bottom: 50px;
}
.hr-teams-wrapper {
	display: grid;
	grid-template-columns: 0.6fr 1.1fr;
	gap: 60px;
	align-items: center;
	padding: 35px;
	background: #f8fbff;
	border-radius: 22px;
	border: 1px solid #e5edf5;
}
.hr-teams-image img {
	width: 100%;
	max-width: 430px;
	display: block;
	border-radius: 20px;
	box-shadow: 0 15px 35px rgba(47,98,140,0.15);
}
.hr-teams-content > p {
	font-size: 17px;
	line-height: 1.7;
	color: #555;
	margin: 0 0 30px;
}
.hr-team-links {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 15px;
}
.hr-team-links a {
	display: flex;
	flex-direction: column;
	padding: 18px;
	background: #fff;
	border-radius: 12px;
	border: 1px solid #e1eaf3;
	color: #444;
	font-size: 15px;
	line-height: 1.5;
	text-decoration: none;
	transition: all .25s ease;
}
.hr-team-links a span {
	font-weight: 700;
	font-size: 17px;
	color: #0065d0;
	margin-bottom: 5px;
}
.hr-team-links a:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(47,98,140,0.12);
}
.hr-checklist {
    list-style: none !important;
    padding: 0;
    margin: 0;
}
.hr-checklist li {
    position: relative;
    list-style: none !important;

    padding-left: 35px;

    font-size: 16px;
    line-height: 1.6;
}
.hr-checklist li::before {
        content: "" !important;
    position: absolute;
    left: -10px;
    top: 18px;
    width: 20px;

    width: 20px;
    height: 20px;

    display: block;

    background-image: url("/images/hr/checkmarks.svg") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
}
.hr-lifecycle-grid img{
    border: 1px solid #e4eff1;
    border-radius: 15px;
}

@media(min-width:1281px){
.rating-flex {
	display: flex;
	flex-direction: column;
	align-items: center;

}

.rating-stars {
	display: flex;
	align-items: center;
	gap: 4px;
}

.rating-text {
	display: flex;
	align-items: center;
	gap: 4px;
}
}
@media only screen and (max-width: 1440px) {
    .content-wrapper {
        padding: 0 20px;
        max-width: 95% !important;
        margin: 0 auto;
    }
    .sales-oppurtunity-flex,.taking-control-flex,.sales-oppurtunity-flex1,.sub_centralized{width: 95%;margin: 0 auto;}
    .sales-oppurtunity-flex p br{display: none;}
    .sales-oppurtunity-flex{
    display: grid;grid-template-columns: 50% 49%;gap: 30px;
    }
    .sales-oppurtunity-flex1{
    display: grid;grid-template-columns: repeat(3,1fr);
    }
    .hr-teams-card{
    height: 100%;width: auto;
    }
    .sales-oppurtunity-flex1{
    gap: 30px;
    }
    .taking-control{width: 95%; margin: 0 auto;}
    .taking-control-flex{ padding: 30px 30px 35px 45px; gap: 40px; margin-bottom: 40px;}
    .trusted-certified .container{width: 100% !important;}
    .count-section{width: 95% !important; margin: 0 auto;}
    .count-section-flex{gap: 15px;width: 95%;margin: 0 auto;}
    /* .trust-certify-flex ul{gap: 20px !important;} */
}

@media only screen and (max-width: 1300px) {
    .trusted-certified{height: auto;}
    /* .trust-certify-flex ul{
            display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-self: center;
    } */
}

@media only screen and (max-width: 1280px) {
    /* .trust-certify-flex ul{display: grid !important; grid-template-columns: repeat(4, 1fr); } */
    .trusted-certified{height: auto !important;}
    .sub_centralized_img{margin: 0 auto;}

    .hr-editorial{padding: 30px 0;}
    .sub_centralized, .hr-section-container{flex-direction: column !important;}
    .hr-editorial.hr-lifecycle .hr-section-inner h2 br{display: none;}
    section.hr-editorial:not(.hr-lifecycle) ul{padding-right: 0;}
    .checklist-container{flex-direction: column; margin: 0 auto;}
    .checklist-container img, .hr-section-container img {margin: 0 auto;}
    .taking-control-flex p{text-align: center;}
    .taking-control-flex > div:first-child{display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;}
    .taking-control-flex h4{text-align: center;}
    .taking-control-flex p br{display: none;}
    .tryit_demo{padding-bottom: 20px;}
        .taking-control-flex {
        display: flex;
        flex-direction: column;
        gap: 30px;
        margin: 0 auto;
        width: 100%;

    }
        .taking-control-flex > div:first-child {
        width: 100%;
    }
        .demoimg {
        margin: 0 auto;
    }
    .hr-editorial.hr-lifecycle ul.hr-lifecycle-grid{grid-template-columns: repeat(2, 1fr) !important;}
    .hr-editorial.hr-lifecycle ul.hr-lifecycle-grid::before{content: none !important;}
    .marquee {
        display: flex !important;
    }
    .trust-certify-flex {
        overflow: hidden;
        width: 100%;
    }

    .marquee-track {
        display: flex;
        width: max-content;
        animation: marquee 20s linear infinite;
    }

     .marquee-track ul {
        display: flex !important;
        align-items: center;
        gap: 24px;
        flex:0 0 auto;
        flex-shrink: 0;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .marquee-track:hover {
        animation-play-state: paused;
    }
    .trust-certify-flex ul li.trust{padding-left: 20px;}
    .trusted-certified .container{width: 100% !important;}
}

@media only screen and (max-width: 1180px) {
    .count-section-flex p{min-height: 60px;}
}

@media only screen and (max-width: 1080px) {
    /* .trust-certify-flex ul li{padding-left: 20%;} */
    .trusted-certified.animate-item, .trusted-certified {height: auto;}
}

@media only screen and (max-width: 992px) {
    .hr-teams-wrapper {
    		grid-template-columns: 1fr;
    		gap: 35px;
    	}

    	.hr-teams-image img {
    		max-width: 500px;
    	}
}

@media only screen and (max-width: 980px) {
    ul.hr-benefits{width: 90%;}
    section.hr-editorial:not(.hr-lifecycle) ul{padding: 0;}
    .hr-section-container img{margin: 0 auto;}
    .hr-section-inner{max-width: 95% !important;}
    .hr-editorial h2, .hr-editorial.hr-lifecycle .hr-section-inner h2, .hr-faq h2{font-size: 36px !important;}
    section.hr-editorial:not(.hr-lifecycle) .hr-section-inner, .hr-editorial.hr-lifecycle .hr-section-inner{width: 95% !important; max-width: 95% !important;}
    section.hr-editorial:not(.hr-lifecycle) ul{margin: 0 auto !important;}
    section.hr-editorial:not(.hr-lifecycle) ul li:last-child{width: unset !important; margin: unset !important;}
    .hr-editorial > .hr-section-inner > ul{grid-template-columns: 1fr !important;}
    .solutions-sales-intro h1, .sales-oppurtunity, .revenue-oppurtunity, .sales-team-needs, .join-hundreds-sales, .maintain-accuracy, .how-sales-team {display: block; width: 95%; margin: 0 auto; padding-left: 0; padding-right: 0;}
        .sales-oppurtunity-flex1 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .taking-control-flex, .sales-oppurtunity-flex{display:flex;flex-direction: column;gap: 30px;}
    .sales-oppurtunity-flex1{gap: 30px; align-self: stretch;}
    .taking-control-flex{padding: 30px !important;}
    .taking-control-flex h4 {font-size: 35px;}
    .taking-control .rating{margin: 30px 0px !important;flex-wrap: wrap;align-items: center;text-align: center;}
    .solutions-sales-intro h1,.sales-oppurtunity h2,.revenue-oppurtunity h2,.sales-team-needs h2,.maintain-accuracy h2,.how-sales-team h2{font-size: 45px;}
    .solutions-sales-intro {
        padding-top: 100px;
    }
    .sales-oppurtunity{
        padding-top: 40px;
    }
    .sub_centralized {
        gap: 30px !important;
    }
    .faq-right-new {
    margin-top: 40px !important;
    }.home-steps-block,.revenue-oppurtunity {
    padding-top: 50px !important;
    }
    .taking-control-flex{
    margin-top: 20px;
    margin-bottom: 40px;
    }
    .hr-teams-card h3 br {
    display: none;
    }
    .taking-control .rating{gap: 8px;}
    .count-section-flex div, .trusted-certified .container{width: 100% !important; height: 100%;}
    .count-section-flex{gap: 20px;display: grid !important;grid-template-columns: repeat(2, 1fr); align-items: stretch;}
    .trusted-certified.animate-item {height: auto;}
    .count-section-flex p{min-height: unset;}
    .sub_centralized{display: flex !important; flex-direction: column;}
}

@media only screen and (max-width: 900px) {

    section.hr-editorial:not(.hr-lifecycle) .hr-section-inner{
    grid-template-columns:1fr;
    text-align:center;
      }
      section.hr-editorial:not(.hr-lifecycle) ul{ text-align:left; }

    .hr-editorial.hr-lifecycle ul.hr-lifecycle-grid{
    grid-template-columns:1fr;
    gap:34px;
      }
      .hr-editorial.hr-lifecycle ul.hr-lifecycle-grid::before{
    top:0;
    bottom:0;
    left:22px;
    right:auto;
    width:2px;
    height:auto;
      }
      .hr-editorial.hr-lifecycle ul.hr-lifecycle-grid li{
    text-align:left;
    padding-left:64px;
      }
      .hr-editorial.hr-lifecycle ul.hr-lifecycle-grid li::before{
    position:absolute;
    left:0;
    top:0;
    margin:0;
      }
}

@media only screen and (max-width: 768px) {
    .rating-flex{justify-content: center;}
    .rating > span{display: none;}
    .taking-control .rating {
                gap: 15px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .taking-control-flex p.organization, .taking-control-flex p.msapproved, .taking-control-flex p.nocreditcard{width: 100%;}
    .tryit_demo{justify-content: center;}
    .taking-control-div{width: 100%;}
    .sub_centralized_img{width: unset !important; height: unset !important;}

    .trust-certify-flex {
        width: 100%;
        overflow: hidden;
    }

    .marquee-track {
        display: flex;
        width: fit-content;
        animation: marquee 35s linear infinite;
    }

    .marquee-track ul {
        display: flex;
        align-items: center;
        gap: 20px;
        flex: 0 0 auto;
        margin: 0;
        padding: 0 16px;
        list-style: none;
    }

    ul.hr-benefits{ grid-template-columns:1fr; width: 95%;}

    .hr-lifecycle-grid{ grid-template-columns:1fr; }
}

@media only screen and (max-width: 767px) {
    .sales-oppurtunity-flex1 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

@media only screen and (max-width: 600px) {
    .hr-hero-subtitle{font-size: 17px;}
    .solutions-sales-intro h1, .sales-oppurtunity, .revenue-oppurtunity, .sales-team-needs, .join-hundreds-sales, .maintain-accuracy, .how-sales-team {display: block; width: 95%; margin: 0 auto; padding-left: 0; padding-right: 0;}
    .sales-oppurtunity h2, .revenue-oppurtunity h2, .sales-team-needs h2, .maintain-accuracy h2, .how-sales-team h2 {font-size: 35px;}
    .taking-control-flex h4 br,.solutions-sales-intro h1 br,.sales-oppurtunity h2 br, .revenue-oppurtunity h2 br,.home-steps-block .h2-title-heading br,.sales-oppurtunity-flex p br, .taking-control-flex p br{display: none;}
    .taking-control-flex h4 {font-size: 28px;}
    .taking-control-flex {padding: 30px !important;display: block; margin-bottom: 40px;}
    .taking-control {padding: 0px 15px;}
    .solutions-sales-intro h1{font-size: 40px;}
    .revenue-oppurtunity p{width: 100%; padding: 0 10px;}
    .rating-flex{justify-content: center;}
    .rating > p, .rating > div, .request_demo, .try_it_free{ width: 100% !important;}
    .rating > span{display: none;}
    .tryit_demo{flex-direction: column;}
    .demoimg{margin-top: 20px;}
    .signature-control .accordion-header1 p{font-size: 16px !important; text-align: unset !important;}
    .sub_centralized, .content-wrapper{padding: 0 !important;}
    .taking-control .rating {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%;}
    .home-steps-block .h2-title-heading{font-size: 28px !important;}
    .home-steps-block{width: 95%; display: block; margin: 0 auto;}
    .trusted-certified{height: auto !important;}
    .trusted-certified .container, .count-section{width: 95% !important;}
    .count-section-flex{display: flex !important; flex-direction: column !important; gap: 10px;}
    .trust-certify-flex ul li{font-size: 13px !important;}
    .count-section{padding-top: 50px !important;}
    .faq-right-new{width: 100% !important;margin: 0 auto !important;margin-top: 40px !important;}
    .sub_centralized{width: 100% !important;}

    .tryit_demo{width: 100%;}
    ul.hr-benefits li{display: flex;flex-direction: column;padding: 50px 15px 15px;}
    .hr-editorial.hr-lifecycle .hr-section-inner, section.hr-editorial:not(.hr-lifecycle) .hr-section-inner{width: 100%; max-width: 100%;}
    .hr-editorial.hr-lifecycle ul.hr-lifecycle-grid{grid-template-columns: 1fr !important;}
    .hr-editorial.hr-lifecycle ul.hr-lifecycle-grid li strong{min-height: unset !important;}
      .hr-editorial h2,
      .hr-faq h2, .hr-editorial h2, .hr-editorial.hr-lifecycle .hr-section-inner h2{ font-size:35px; }
      .hr-faq-answer p{ padding-right:0; }

    .hr-teams-section h2 {
    		margin-bottom: 30px;
    	}

    	.hr-teams-wrapper {
    		padding: 20px;
    	}

    	.hr-team-links {
    		grid-template-columns: 1fr;
    	}

    	.hr-teams-content > p {
    		font-size: 16px;
    	}
}

@media only screen and (max-width: 414px) {
    .main-header {
        width: 90% !important;
        padding: 0 10px;
    }
    .revenue-oppurtunity h2{font-size: 32px;}
    .home-steps-block .h2-title-heading{font-size: 28px !important;}
    .taking-control-flex h4{font-size: 24px !important;}
    .taking-control-flex .demoimg img{width: unset; height: unset;}
    .sub_centralized{margin: unset;}
    .signature-control .accordion-item1{padding-left: 6px;}
    .signature-control .accordion-header1{gap: 10px;}
    .signature-control .accordion-item1.active .accordion-content p{margin: 0 0 0 28px;}
        .trust-certify-flex ul li {
        font-size: 13px !important;
    }
}

@media only screen and (max-width: 380px) {
    .taking-control-flex h4 {font-size: 25px;}
    .taking-control .rating {display: grid;grid-template-columns: 100%;justify-content: start;}
    .rating-flex { gap: 5px;justify-content: center;}
    .tryit_demo{flex-direction: column;}
    .try_it_free, .request_demo{ width: 100%;}
    .signature-control .accordion-header1 p{font-size: 14px !important;}
    .content-wrapper{padding: 0 !important;}
}

@media only screen and (max-width: 320px) {
    .solutions-sales-intro h1 {
        font-size: 34px;
    }
    .sales-oppurtunity h2{font-size: 32px;}
    .taking-control-flex h4 {
        font-size: 20px;
    }
    .home-steps-block .h2-title-heading{font-size: 24px;}
    .trust-certify-flex ul li{font-size: 10px !important;}
}

@media only screen and (max-width: 980px) {
    .solutions-sales-intro h1, .sales-oppurtunity h2, .revenue-oppurtunity h2, .sales-team-needs h2, .maintain-accuracy h2, .how-sales-team h2, .features-built h2
    , .home-steps-block h2.h2-title-heading, .hr-faq h2 {
        font-size: 45px !important;
    }
    .solutions-sales-intro h1 br, .sales-oppurtunity h2 br, .revenue-oppurtunity h2 br, .sales-team-needs h2 br, .maintain-accuracy h2 br, 
    .how-sales-team h2 br, .features-built h2 br, .home-steps-block h2.h2-title-heading br, .hr-faq h2 br{display: none;}
}



@media only screen and (max-width: 600px) {
    .support_breadcrumbs ol li a, .support_breadcrumbs ol li {
    max-width: 120px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
    .solutions-sales-intro h1, .sales-oppurtunity h2, .revenue-oppurtunity h2, .sales-team-needs h2, .maintain-accuracy h2, .how-sales-team h2, .features-built h2
    , .home-steps-block h2.h2-title-heading, .hr-faq h2 {
        font-size: 36px !important;
    }
    .count-section .hr-stat{font-size: 32px; padding-top: 0; margin: 0;}
    .count-section-flex p{padding-top: 0; font-size: 15px;}
    .hr-editorial > .hr-section-inner > p, .revenue-oppurtunity p, .hr-hero-subtitle{width: 100% !important; text-align: justify;}
}
