h1 {
    font-size: 66px;
}

.other-lang .learnmore-link {
display: none;
}



.learnmore-link {
font-size: 16px;
}

h2 {
    font-size: 40px;
    line-height: 1em;
}

.reqdemo-widget{
opacity: 1;
visibility: visible;
}



.signup-box input, form .za-country-container .globalcountrycode-signup{
margin: 10px 0 0;
}
/* css written for signup form */

.other-lang .signup-box {
max-width: 400px;
}


.i18n-ar .umain .banner-left p{
text-align: center;
}


.socl-signup .vi-google {
background-position: -104px 0;
}
.signup-box input, form .za-country-container .globalcountrycode-signup {
border : 1px solid #737373;
}
.banner-right {
    max-width: 340px;
    margin-right: 50px;
width: 100%;
}

.other-lang .banner-right {
max-width: 400px;
}

.umain .banner-right {
max-width: 400px;
}
.umain .banner-left {
justify-content: center;
}
.banner-section .cta-btn {
display: none;
}
.bann-right-img {
display: none;
}
/*
.umain .banner-section .act-btn  {
display: inline-block;
}
*/
.umain .bann-right-img {
display: block;
}
/* end of css for signup form  */


h3 {
    font-size: 22px;
}
.wrapper h1,
.wrapper h2,
.wrapper h3 {
    font-family: 'Noto Serif', serif;
    font-weight: 700;
}


/* h1 span, */

h2 span,
h3 span {
    color: #ff774c;
}

h4 {
    font-size: 22px;
}

.request-drop-wrap {
    display: none;
}

.wrapper {
    width: 100%;
    overflow: hidden;
    padding: 120px 0 0;
}

.content-wrap {
    max-width: 1120px;
    width: 100%;
    padding: 0;
    overflow: visible;
}

.badge {
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    padding: 4px 10px;
    color: #fff;
    letter-spacing: 2px;
}

.bottom-cta-wrap:before {
    content: none;
}


/* Banner Section */

.banner-section .content-wrap {
    max-width: 1170px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.banner-section h1 {
    font-weight: 700;
    font-size: 50px;
}

.banner-section h1 span {
    display: block;
}

.banner-left p {
    font-size: 20px;
    line-height: 1.8;
    padding: 0px 40px 0 0;
}

.act-btn {
    padding: 10px 20px;
    margin: 10px 0 0;
}

.request-btn {
    background: #555;
    margin-left: 30px;
    color: #fff;
display: inline-block;
font-size: 16px;
cursor: pointer;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
font-family: proxima_novasemibold, Arial, Helvetica, sans-serif;
padding: 10px 20px;
text-transform: uppercase;
 display: none;
}

.banner-left {
    max-width: 580px;
    margin-left: 40px;
align-self: flex-start;
}

.banner-right {
    max-width: 340px;
    margin-right: 50px;
}

.section {
    padding: 100px 0;
}


/* Testimonial section */

.testimonial-section {
    margin: 40px 0;
}

.testimonial-section .content-wrap {
    display: flex;
    max-width: 1100px;
}

.video-testi {
    width: 350px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.test-img {
    width: 140px;
    margin-right: 20px;
}

.test-img img {
    /* border-left: 6px solid #f6d59e */
}

.testi-quotes h4 {
    font-family: 'Noto Serif', serif;
    line-height: 1.2;
    margin: 0px 0 6px;
    font-weight: 700;
    font-size: 18px;
}

.testi-quotes p {
    color: #ff774c;
    font-size: 13px;
    margin: 0 00 0 -6px;
}

.list-clients {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(100% - 350px);
    padding: 0 20px 0 60px;
}

.list-clients:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 50px;
    background: #7b7b7b;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
}

.list-clients span {
    text-indent: -9999px;
    display: block;
    height: 40px;
    background-image: url(./client-list.png);
    background-repeat: no-repeat;
    background-size: auto 45px;
    margin: 10px 0;
}


.list-clients span:nth-child(1) {
    width: 100px;
    background-position: -50px 0;
}

.list-clients span:nth-child(2) {
    width: 98px;
    background-position: -521px 0;
}

.list-clients span:nth-child(3) {
    width: 96px;
    background-position: -205px 0;
}



.list-clients span:nth-child(4) {
width: 67px;
    background-position: -304px 0;
}

.list-clients span:nth-child(5) {
    width: 148px;
    background-position: -374px 0;
}



/* Solution section */

.section.solution-section {
    padding: 60px 0 40px;
    margin-bottom: 40px;
}

.solution-section .content-wrap {
    max-width: 1200px;
}

.solution-section ul {
    display: flex;
    justify-content: space-between;
}

.solution-section ul li {
    max-width: 380px;
    width: 100%;
    padding: 50px 40px 50px;
    border-top: 4px solid;
    position: relative;
}

.solution-section ul li:nth-child(1) {
    background: #dcf2fe;
    border-color: #9cdafd;
}

.solution-section ul.solution-list > li:nth-child(1):before, .solution-section ul.solution-list > li:nth-child(2):before, .solution-section ul.solution-list > li:nth-child(3):before{
    content: '';
    position: absolute;
    top: -9px;
    right: -20px;
    background: url(./recruit-solutions-sprite.png) no-repeat;
    background-size: auto 110px;
    width: 90px;
    height: 110px;
}
.solution-section ul.solution-list > li:nth-child(1):after, .solution-section ul.solution-list > li:nth-child(2):after, .solution-section ul.solution-list > li:nth-child(3):after{
    z-index: -1;
    content: '';
    position: absolute;
    top: -9px;
    right: -30px;
    background: url(./recruit-solutions-sprite.png) no-repeat;
    background-size: auto 110px;
    width: 56px;
    height: 110px;
    background-position: -306px 0;
}
.solution-section ul.solution-list > li:nth-child(2):after{
background-position: -416px 0;
}




.solution-section ul.solution-list  > li:nth-child(3):after{
top: 15px;
right: -31px;
background-position: -528px 0;
}
.solution-section ul.solution-list > li:nth-child(2):before{
background-position: -110px 0;
}
.solution-section ul.solution-list > li:nth-child(3):before{
top: -17px;
background-position: -222px 0;
}




.i18n-ar .solution-section ul.solution-list > li:nth-child(3):before,  .i18n-ar .solution-section ul.solution-list > li:nth-child(2):before, .i18n-ar .solution-section ul.solution-list > li:nth-child(1):before{
right: unset;
right: auto;
left: 20px;
}

.i18n-ar .solution-section ul.solution-list > li:nth-child(1):after, .i18n-ar .solution-section ul.solution-list > li:nth-child(2):after, .i18n-ar .solution-section ul.solution-list > li:nth-child(3):after   {
content: none;
}

.solution-section ul li:nth-child(2) {
    background: #fcf3e4;
    border-color: #f6d59e;
}

.solution-section ul li:nth-child(3) {
    background: #f9e5df;
    border-color: #ffa487;
}

.solution-section ul li:nth-child(3) .badge {
   /* background: #ff774c; */
    position: absolute;
    top: 20px;
    left: 31px;
color: #000;
    letter-spacing: 0;
    /* border-radius: 0; */
    /* padding: 4px 10px; */
}

.solution-section ul li:nth-child(3) .badge:after{
    content: '';
    position: absolute;
    bottom: 4px;
    left: 10px;
    background: #000;
    width: 96px;
    height: 1px;
}

.solution-section ul li h3 {
    max-width: 220px;
}

.other-lang .learnmore-link{
display: none;
}

.solution-section ul li .learn-more {
    margin: 20px 0 0;
}

.solution-section ul li .learn-more a {
    border-bottom: 1px solid;
}

.solution-section ul li p {
    margin: 0 0 10px;
}


/* Content */

.for-section {
    position: relative;
}

.for-section .badge {
    margin: 0 0 10px;
}

.for-section h2 {
    max-width: 410px;
    margin: 0 0 70px;
}

.for-section h2 a {
    display: block;
    font-size: 18px;
    margin: 20px 0 0;
    font-weight: 300;
    color: #000;
    font-family: proxima_nova_rgregular, Arial, Helvetica, sans-serif;
}

.for-section h2 a span {
    border-bottom: 1px solid #000;
    color: #000
}

.for-section ul {
    max-width: 690px;
}

.for-section ul li {
    width: 340px;
    display: inline-block;
    vertical-align: text-top;
    margin: 0 0 40px;
}

.for-section ul li:last-child {
    margin: 0;
}

.for-section ul li:nth-child(odd) {
    padding-right: 30px;
}

.for-section ul li:nth-child(even) {
    padding-left: 20px;
}

.for-section ul li span {
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(./icons-sprite.png);
    background-size: 1470px auto;
    background-repeat: no-repeat;
    margin: 0 0 10px;
}

.ss-wrap {
    position: absolute;
    right: -260px;
    top: 55%;
    transform: translateY(-50%);
    height: 800px;
    width: 600px;
    /* background: #000; */
}

.ss-wrap img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}


/* Agency Section */

.agency-section .badge {
    background: #45bcff;
}

.agency-list li:nth-child(1) span {
    background-position: 0px -122px;
}

.agency-list li:nth-child(2) span {
    background-position: -195px -122px;
}

.agency-list li:nth-child(3) span {
    background-position: -49px -122px;
}

.agency-list li:nth-child(4) span {
    background-position: -97px -122px;
}

.agency-list li:nth-child(5) span {
    background-position: -147px -122px;
}

.agency-list li:nth-child(6) span {
    background-position: -737px -122px; 
width: 45px;
}

.agency-section .ss-wrap {
    right: -300px;
}

.agency-section .ss-wrap img {
    transition: 1.6s opacity;
    display: none;
}

.agency-section .ss-wrap .orginal-ss {
    opacity: 1;
    max-width: 750px;
    margin: 70px 0 0;
    display: block;
}

.agency-shape-big {
    max-width: 250px;
    margin: -10px 0 0 -100px;
    z-index: -1;
}

.agency-openings {
    max-width: 600px;
    margin: 145px 0 0 -70px;
}

.agency-shape-circle {
    max-width: 330px;
    margin: 240px 0 0 305px;
    z-index: 1;
}

.agency-shape-small {
    max-width: 80px;
    margin: 300px 0 0 190px;
    z-index: 2;
}

.agency-lead {
    max-width: 360px;
    margin: -100px 0 0 100px;
    z-index: 1;
    transform: translate(-50%, -60%);
}

.agency-in {
    max-width: 200px;
    margin: -400px 0 0 0;
    z-index: -1;
    opacity: 1 !important;
    transform: translate(-50%, -50%) scale(0);
}

.animated .ss-wrap img {
    opacity: 1;
}

.agency-shape-big.active {
    opacity: 1;
}

.agency-openings.active {
    opacity: 1;
}

.agency-shape-circle.active {
    opacity: 1;
}

.agency-shape-small.active {
    opacity: 1;
}

.agency-lead.active {
    opacity: 1;
    transform: translate(-50%, -50%);
}

.agency-in.active {
    transform: translate(-50%, -50%) scale(1);
}

.animated.agency-section .ss-wrap img:nth-child(1) {
    transition: .45s;
}

.animated.agency-section .ss-wrap img:nth-child(2) {
    transition-delay: .5s;
}

.animated.agency-section .ss-wrap img:nth-child(3) {
    transition-delay: .7s;
}

.animated.agency-section .ss-wrap img:nth-child(4) {
    transition-delay: .9s;
}

.animated.agency-section .ss-wrap img:nth-child(5) {
    transform: translate(-50%, -50%);
    transition-delay: 1.3s;
}

.animated.agency-section .ss-wrap img:nth-child(6) {
    transform: translate(-50%, -50%);
    transition-delay: 1.3s;
}

.animated.agency-section .ss-wrap img:nth-child(6) {
    transform: translate(-50%, -50%) scale(1);
    transition-delay: 1.6s;
}


/* Corporate section */

.corporate-section .badge {
    background: #f9bc56;
}

.corporate-list li:nth-child(1) span {
    background-position: -244px -122px;
}

.corporate-list li:nth-child(2) span {
    background-position: -391px -122px;
}

.corporate-list li:nth-child(3) span {
    background-position: -294px -122px;
}

.corporate-list li:nth-child(4) span {
    background-position: -342px -122px;
}

.corporate-list li:nth-child(5) span {
    background-position: -834px -122px;
}

.corporate-list li:nth-child(6) span {
    background-position: -442px -122px; 
width: 45px;
}

.corporate-section .ss-wrap {
    right: -270px;
}

.corporate-section .ss-wrap img {
    transition: 1s opacity;
    display: none;
}

.corporate-section .ss-wrap .orginal-ss {
    opacity: 1;
    max-width: 700px;
    margin: 100px 0 0;
    display: block;
}

.corporate-section .ss-wrap img:nth-child(2) {
    max-width: 560px;
    margin: 145px 0 0 -20px;
    /* transform: translateX(-50px) */
}

.corporate-section .ss-wrap img:nth-child(3) {
    max-width: 400px;
    margin: 350px 0 0 200px;
    z-index: 2;
}

.corporate-section .ss-wrap img:nth-child(4) {
    max-width: 40px;
    margin: 375px 0 0 -210px;
    z-index: 1;
}

.corporate-section .ss-wrap img:nth-child(5) {
    max-width: 300px;
    margin: -100px 0 0 100px;
    z-index: 1;
    transform: translate(-50%, -60%);
    transition: 1.5s;
}

.corporate-section .ss-wrap img:nth-child(1).active {
    opacity: 1;
}

.corporate-section .ss-wrap img:nth-child(2).active {
    opacity: 1;
}

.corporate-section .ss-wrap img:nth-child(3).active {
    opacity: 1;
}

.corporate-section .ss-wrap img:nth-child(4).active {
    opacity: 1;
}

.corporate-section .ss-wrap img:nth-child(5).active {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.animated.corporate-section .ss-wrap img:nth-child(1) {
    transition: .5s;
}

.animated.corporate-section .ss-wrap img:nth-child(2) {
    transition-delay: 1s;
}

.animated.corporate-section .ss-wrap img:nth-child(3) {
    transition-delay: 1.5s;
}

.animated.corporate-section .ss-wrap img:nth-child(4) {
    transition-delay: 2.5s;
}

.animated.corporate-section .ss-wrap img:nth-child(5) {
    transition-delay: 2s;
}


/* Workforce section */

.workforce-section .badge {
    background: #ff774c;
}

.temporary-list li:nth-child(1) span {
    background-position: -489px -122px;
}

.temporary-list li:nth-child(2) span {
    background-position: -540px -122px;
}

.temporary-list li:nth-child(3) span {
    background-position: -589px -122px;
}

.temporary-list li:nth-child(4) span {
    background-position: -639px -122px;
}

.temporary-list li:nth-child(5) span {
    background-position: -689px -122px;
}

.temporary-list li:nth-child(6) span {
    background-position: -784px -122px;
}

.workforce-section .ss-wrap {
    right: -280px;
}

.workforce-section .ss-wrap img {
    transition: 1s opacity;
    display: none;
}

.workforce-section .ss-wrap img:nth-child(2) {
    max-width: 450px;
    margin: 80px 0 0 -80px;
}

.workforce-section .ss-wrap img:nth-child(3) {
    max-width: 100px;
    margin: 180px 0 0 -40px;
    z-index: 1;
    transform: translate(-50%, -60%) scale(.6);
    transition: 1.3s;
}

.workforce-section .ss-wrap img:nth-child(4) {
    max-width: 220px;
    margin: 310px 0 0 140px;
    z-index: 1;
    transform: translate(-50%, -60%);
    transition: 2s;
}

.workforce-section .ss-wrap img:nth-child(5) {
    max-width: 25px;
    margin: 85px 0 0 115px;
    z-index: 1;
}

.workforce-section .ss-wrap img:nth-child(1).active {
    opacity: 1;
}

.workforce-section .ss-wrap img:nth-child(2).active {
    opacity: 1;
}

.workforce-section .ss-wrap img:nth-child(3).active {
    opacity: 1;
    transform: translate(-50%, -60%) scale(1);
}

.workforce-section .ss-wrap img:nth-child(4).active {
    opacity: 1;
    transform: translate(-50%, -50%);
}

.workforce-section .ss-wrap img:nth-child(5).active {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.animated.workforce-section .ss-wrap img:nth-child(1) {
    transition: 1s;
}

.animated.workforce-section .ss-wrap img:nth-child(2) {
    transition-delay: 1s;
}

.animated.workforce-section .ss-wrap img:nth-child(3) {
    transition-delay: 1.5s;
}

.animated.workforce-section .ss-wrap img:nth-child(4) {
    transition-delay: .5s;
}

.animated.workforce-section .ss-wrap img:nth-child(5) {
    transition-delay: 2s;
}

.workforce-section .ss-wrap .orginal-ss {
    opacity: 1;
    max-width: 550px;
    margin: 100px 0 0;
    display: block;
}


/* Integration Section */

.integration-section.section {
    padding: 30px 0 50px;
}

.integration-section .content-wrap {
    max-width: 840px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.integration-section .content-wrap>div {
    max-width: 400px;
    height: 740px;
    text-align: center;
    padding: 70px 30px 0;
    overflow: hidden;
    box-sizing: border-box;
}

.integration-section .content-wrap .recruit-app {
    padding: 50px 0 0;
}

.recruit-integration {
    background: #ffd7ca;
    position: relative;
}

.recruit-integration p a {
    font-size: 14px;
    display: block;
    margin: 10px 0 0;
    text-transform: uppercase;
    color: #000;
    text-decoration: underline;
    text-underline-position: under;
}

.integrate-wrap {
    width: 100%;
    height: 380px;
    position: absolute;
    left: 0;
    bottom: 0;
   
    background-size: 102%;
}

.integrate-wrap span {
    display: block;
    width: 63px;
    height: 63px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-indent: -9999px;
    background-color: #fff;
    background-image: url(./sprite-ico-logo.png);
    background-repeat: no-repeat;
    background-size: 500px auto;
    background-position: 7px -92px;
}

.integrate-wrap span.ico-crm {
    background-position: -193px -92px;
    margin: 120px 0 0;
}

.integrate-wrap span.ico-slack {
margin: -80px 0 0;
background-position: -294px -93px;
}

.integrate-wrap span.ico-analytics {
    background-position: -242px -95px;
    margin: 145px 0 0 115px;
}

.integrate-wrap span.ico-fb {
    background-position: 7px -92px;
    margin: -175px 0 0 0;
}

.integrate-wrap span.ico-tweet {
    background-position: -43px -92px;
    margin: -25px 0 0 95px;
}

.integrate-wrap span.ico-outlook {
    background-position: -143px -92px;
    margin: -25px 0 0 -100px;
}

.integrate-wrap span.ico-in {
    background-position: -93px -92px;
    margin: 150px 0 0 -115px;
}

.recruit-app {
    background: #efefef;
}

.iphone-mock {
    max-width: 360px;
    margin: 0 auto;
}

.iphone-mock img {
    width: 100%;
    margin: 0 auto;
}


/* Integration Mobile Apps */

.apps-download-links-wrap {
    display: block;
    margin: 0 0 10px;
}

.apps-download-links-wrap a {
    display: inline-block;
    height: 40px;
    margin: 5px;
    background: url(./download-apps-sprite2x.png) no-repeat left top;
    background-size: auto 40px
}

.zp-mobile-apps-wrap .m-apps-poster-wrap img {
    vertical-align: bottom
}

.apps-download-links-wrap a.app-store {
    width: 135px;
    background-position: 0 0
}

.apps-download-links-wrap a.g-play {
    width: 134px;
    background-position: -135px 0
}

.apps-download-links-wrap a.windows-app {
    width: 145px;
    background-position: -269px 0
}

.apps-download-links-wrap a.amazon-app {
    width: 85px;
    background-position: -415px 0
}


/* Recruit leads section */

.recruit-leads-section h3 {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-family: proxima_novalight;
    letter-spacing: 2px;
}

.recruit-leads-section h3 span {
    padding-bottom: 2px;
    border-bottom: 1px solid;
    color: #000;
}

.recruit-leads-section ul {
    max-width: 780px;
    margin: 50px auto 0;
    display: flex;
    justify-content: space-between;
}

.recruit-leads-section ul li .img-leads {
    width: 100px;
    height: 100px;
    background-image: url(./sprite-ico-logo.png);
    background-size: 500px auto;
    background-repeat: no-repeat;
    background-position: left 0;
    display: block;
    margin: 0 auto 15px;
}

.recruit-leads-section ul li:nth-child(2) .img-leads {
    background-position: -100px 0;
}


.recruit-leads-section ul li:nth-child(3) .img-leads {
    background-position: -200px 0;
}

.recruit-leads-section ul li:nth-child(4) .img-leads {
    background-position: -300px 0;
}

.recruit-leads-section ul li:nth-child(5) .img-leads {
    background-position: -400px 0;
}

.recruit-leads-section ul li:nth-child(6) .img-leads {
    background-position: -500px 0;
}


/* Footer */


/* Footer */

.quick-connect-links-wrap {
    display: none;
}

.bottom-cta-wrap .content-wrap {
    padding: 10px 0 120px;
}

.bottom-cta-wrap .content-wrap:after {
    content: none;
}

.bottom-cta-wrap p span {
    color: #ff774c;
}


/* Mobile view */

.solution-section .mobile-section {
    display: none;
}

.solution-section .mobile-section ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 40px 0 0 0;
}

.solution-section .mobile-section ul li {
    background: url("./tick-inside-circle.png") no-repeat left top 10px;
    background-size: 18px;
    border: none;
    padding: 7px 0 7px 40px;
    width: 100%;
    margin: 0;
}

.solution-section .mobile-section ul li span {
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(./sprite-ico-logo.png);
    background-size: 500px auto;
    background-repeat: no-repeat;
    margin: 0 0 10px;
}


/* Rating Star */

.recruit-app-cont {
    padding: 0 10px;
}

.recruit-app-cont p a {
    font-size: 14px;
    display: block;
    margin: 10px 0 0;
    text-transform: uppercase;
    color: #000;
    text-decoration: underline;
    text-underline-position: under;
}

.stars-container {
    position: relative;
    display: inline-block;
    color: transparent;
    font-size: 22px;
    letter-spacing: 2px;
}

.stars-container:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '★★★★★';
    color: #d0d0d0;
}

.stars-container:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '★★★★★';
    color: #f9a825;
    overflow: hidden;
}

.stars-90:after {
    width: 90%;
}

.counter-star {
    display: block;
    text-align: center;
    font-family: 'Noto Serif', serif;
    font-weight: 300;
    color: #888;
}

span.current-value {
    font-size: 28px;
    color: #000;
}

.mobile-integrate {
    display: none;
}


/*css for loggedin window*/
.umain .banner-right{
display: none;
}
.umain .banner-left{
justify-content: center;
margin: 0 auto;
text-align: center;
}
.umain .banner-section h1 span{
display: inline-block;
}
.umain .banner-left p{
    padding: 0;
    margin: 0 auto 20px;
}
.umain .banner-left{
    max-width: 920px;
}
/*end of css for loggedin window*/



.i18n-ar .umain .banner-left p{
text-align: center;
padding: 0;
}

.i18n-ar .umain .banner-left h1 {
text-align: center;
}


@media only screen and (min-width: 1501px) {
.wrapper{
padding: 140px 0 0;
}



    .integration-section .content-wrap {
        max-width: 920px
    }
    .integration-section .content-wrap>div {
        max-width: 440px;
        padding: 70px 40px 0;
    }
    .integration-section .content-wrap .recruit-app {
        padding: 70px 40px 0;
    }
}

@media only screen and (max-width: 1500px) {
    h1 {
        font-size: 56px;
    }
    h2 {
        font-size: 44px;
    }
    h3 {
        font-size: 26px;
    }
    h4 {
        font-size: 20px;
    }
    p {
        font-size: 16px;
    }
    .content-wrap {
        max-width: 1060px;
    }
    .banner-section .content-wrap {
        max-width: 1140px
    }
    .banner-left p {
        font-size: 18px;
    }
    .banner-right {
        max-width: 340px;
        margin-right: 70px;
    }
    .testimonial-section .content-wrap {
        max-width: 1060px;
    }
    .section {
        padding: 80px 0;
    }
    .section.solution-section {
        padding: 50px 0 60px;
    }
    .for-section ul li {
        width: 310px;
        margin: 0 0 30px;
    }
    .for-section h2 {
        margin: 0 0 50px;
    }
    .agency-section .ss-wrap {
        right: -180px;
    }
    .corporate-section .ss-wrap {
        right: -155px;
    }
    .workforce-section .ss-wrap {
        right: -155px
    }
    .ss-wrap {
        transform: translateY(-50%) scale(.9);
        transform-origin: right center;
    }
    .integration-section .content-wrap {
        max-width: 750px;
    }
    .integration-section .content-wrap>div {
        height: 660px;
        max-width: 360px;
        padding: 50px 20px;
    }
    .integration-section h3 {
        font-size: 24px
    }
    .integrate-wrap {
        bottom: -53px;
    }
    .integrate-wrap span.ico-crm {
        margin: 40px 0 0;
    }
    .integrate-wrap span.ico-analytics {
        margin: 80px 0 0 140px;
    }
    .integrate-wrap span.ico-fb {
        margin: -175px 0 0 0;
    }
    .integrate-wrap span.ico-tweet {
        margin: -55px 0 0 79px;
    }
    .integrate-wrap span.ico-outlook {
        margin: -55px 0 0 -85px;
    }
    .integrate-wrap span.ico-in {
        margin: 80px 0 0 -145px;
    }
  .integrate-wrap span.ico-slack {
margin: -100px 0 0;
}


    .iphone-mock {
        max-width: 300px;
    }
    .recruit-leads-section ul {
        max-width: 720px;
    }
    .stars-container {
        font-size: 16px;
    }

	.testimonial-section{
margin: 20px 0;
}
.wrapper{
padding: 110px 0 0;
}
.signup-box input, form .za-country-container .globalcountrycode-signup{
padding: 12px 12px;
}

}

@media only screen and (max-width: 1400px) {
    h1 {
        font-size: 50px;
    }
    h2 {
        font-size: 40px;
    }
    h3 {
        font-size: 24px;
    }
    .banner-section .content-wrap {
        max-width: 1060px;
    }
    .section {
        padding: 70px 0;
    }
    .ss-wrap {
        transform: translateY(-50%) scale(.8);
        transform-origin: right center;
    }
    .act-btn {
        font-size: 16px;
        padding: 7px 15px;
        margin: 10px 0 0;
    }
    .banner-left {
        left: 0;
        margin-left: 0;
    }
    .banner-right {
        margin-right: 30px;
    }
    .request-btn {
        margin-left: 20px;
    }
    .agency-section .ss-wrap {
        right: -130px;
    }
    .corporate-section .ss-wrap {
        right: -110px;
    }
    .workforce-section .ss-wrap {
        right: -115px;
    }
}

@media only screen and (max-width: 1300px) {
    .agency-section .ss-wrap {
        right: -80px;
    }
    .corporate-section .ss-wrap {
        right: -60px;
    }
    .workforce-section .ss-wrap {
        right: -70px;
    }

    .corporate-section .ss-wrap .orginal-ss{
        max-width: 620px;
    }
}

@media only screen and (max-width: 1220px) {
    h2 {
        font-size: 42px
    }
    .content-wrap {
        max-width: 900px;
        width: 90%;
    }
    .section {
        padding: 60px 0;
    }
    .solution-section .content-wrap {
        max-width: 100%;
        width: 95%;
    }
    .solution-section ul li {
        max-width: 335px;
        width: 95%;
    }
    .for-section h2 {
        margin: 0 0 40px;
    }
    .for-section ul li {
        margin: 0 0 30px;
    }
    .for-section ul li:nth-child(odd) {
        padding-right: 40px;
    }
    .for-section ul li:nth-child(even) {
        padding-left: 20px;
    }
    .ss-wrap {
        transform: translateY(-50%) scale(.6);
        transform-origin: right center;
    }
    .recruit-integration h3 {
        font-size: 26px;
        max-width: 290px;
        margin: 0 auto 20px;
    }

    .for-section ul {
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .for-section ul li {
        max-width: 250px;
    }
    .for-section ul li:nth-child(even),
    .for-section ul li:nth-child(odd) {
        padding: 0;
    }
    .ss-wrap {
        display: none;
    }
}

@media only screen and (max-width: 1100px) {
    h1 {
        font-size: 42px;
    }
    h2 {
        font-size: 34px;
    }
    h3 {
        font-size: 24px;
    }
    .wrapper {
        padding: 80px 0 0;
    }
    .banner-section .content-wrap,
    .testimonial-section .content-wrap {
        max-width: 900px;
        width: 90%;
    }
    .banner-left p {
        font-size: 16px;
    }
    .act-btn {
        font-size: 16px;
        padding: 7px 25px;
        margin: 20px 0 0;
    }
    .list-clients {
        padding: 0 0 0 50px;
    }
    .list-clients span {
        height: 35px;
        background-size: auto 35px;
    }

    .list-clients span:nth-child(1) {
        width: 78px;
        background-position: -40px 0;
    }
    .list-clients span:nth-child(2) {
        width: 80px;
        background-position: -406px 0;
    }
   
 .list-clients span:nth-child(3) {
width: 53px;
        background-position: -236px 0;
    }

    .list-clients span:nth-child(4) {
                width: 74px;
        background-position: -160px 0;
    }

    .list-clients span:nth-child(5) {
        width: 115px;
        background-position: -291px 0;
    }
    .solution-section .content-wrap {
        max-width: 100%;
        width: 99%;
    }
    
    .corporate-section {
        background: #fafafa;
        padding: 100px 0 60px;
        margin: 0 0 30px;
    }
    
    .recruit-leads-section ul {
        max-width: 620px;
    }
}



@media screen and (min-width: 993px) and (max-width: 1040px){
.solution-section ul{
justify-content: center;
}

.solution-section ul li{
max-width: 320px;
margin: 0 auto;
}

.solution-section ul.solution-list > li:nth-child(1):after, .solution-section ul.solution-list > li:nth-child(2):after, .solution-section ul.solution-list > li:nth-child(3):after{
content: none;
}

}




@media only screen and (max-width: 992px) {
    h1 {
        font-size: 50px;
    }
    h3 {
        font-size: 40px;
    }
    h4 {
        font-size: 18px;
    }
    .wrapper {
        padding: 100px 0 0;
    }
    .banner-section p {
        padding: 0;
        /* font-size: 18px; */
    }
    .solution-section ul li h3 {
        max-width: 320px;
    }
    .banner-left {
        margin: 0;
    }
    .banner-section .content-wrap {
        flex-wrap: wrap;
    }
    .banner-right,
    .banner-left {
        max-width: 100%;
        width: 100%;
        text-align: center;
    }
    .banner-right {
        max-width: 340px;
        width: 100%;
        margin: 0 auto;
        display: block;
    }
    .banner-section p {
        max-width: 510px;
        width: 100%;
        margin: 0 auto;
    }
    .testimonial-section .content-wrap {
        display: block;
    }
    .video-testi {
        margin: 0 auto 20px;
        display: block;
        text-align: center;
    }
    .test-img {
       margin: 0px auto 10px;
    }
    .list-clients {
        max-width: 100%;
        width: 100%;
        padding: 0;
        margin: 0 auto;
    }
    .list-clients:before {
        content: none;
    }
    .section {
        padding: 70px 0 0;
    }
    .section.solution-section {
        padding: 50px 0 5px;
    }
    .solution-section .content-wrap {
        max-width: 100%;
        width: 90%;
    }
    .solution-section ul {
        display: block;
    }
    .solution-section ul li {
        max-width: 100%;
        width: 100%;
        margin: 0 auto 40px;
    }
    .solution-section ul li h4 {
        margin: 0 0 10px;
    }
    .for-section {
        display: none;
    }
    .solution-section .mobile-section {
        display: block;
    }
    .ss-wrap {
        display: none;
    }
    .recruit-leads-section ul {
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .recruit-leads-section ul li {
        margin: 0 0 20px;
    }
    .bottom-cta-wrap {
        padding: 60px 0 40px;
    }
    .solution-section ul li:nth-child(3) .badge {
        left: 35px;
    }
    .integration-section .content-wrap {
        display: block;
    }
    .integration-section .content-wrap .recruit-app {
        height: 650px;
        margin: 0 auto;
    }
    .integration-section .content-wrap div.recruit-integration {
        background: transparent;
        height: auto;
        padding: 10px;
    }
    .integrate-wrap {
        display: none;
    }
    .integration-section .content-wrap div.recruit-integration {
        margin: 0 auto;
        margin-bottom: 20px;
        overflow: visible;
    }
    .mobile-integrate {
        display: block;
        position: relative;
        height: 130px;
    }
    .mobile-integrate img {
        max-width: 580px;
        text-align: center;
        position: absolute;
        top: -20px;
        left: 50%;
        transform: translate(-50%);
    }
}

@media screen and (min-width: 768px) and (max-width: 992px){
.solution-section ul li{
max-width: 560px;
margin: 0 auto 50px;
}
}


	@media screen and (max-width: 768px){
.solution-section ul li:nth-child(3) .badge{
position: absolute;
left: 20px;
top: 80px;
}
}

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

    h1 {
        font-size: 50px;
    }
    h2 {
        font-size: 28px;
    }
    h3 {
        font-size: 34px;
    }
    .wrapper {
        padding: 120px 0 0;
    }
    .act-btn {
        margin: 30px 0 0;
        font-size: 14px;
        padding: 7px 16px;
    }
    .act-btn.request-btn {
        margin: 0 0 0 10px;
    }
    .section {
        padding: 50px 0 0;
    }
    .integration-section .content-wrap {
        flex-direction: column;
    }
    .integration-section .content-wrap>div {
        margin: 0 auto;
    }
    .integration-section .content-wrap div.recruit-integration {
        margin-bottom: 40px;
    }
    .bottom-cta-wrap .content-wrap {
        padding: 20px 0 60px;
    }
    .testimonial-section {
        margin: 60px 0 0px;
    }
    .video-testi {
        margin: 0 auto 20px;
    }
    .recruit-integration h3 {
        font-size: 22px;
    }

.testimonial-section.smallview{
padding: 0;
background: none;
}

.solution-section ul li{
max-width: 500px;
margin: 0 auto 40px;
}

}

@media only screen and (max-width: 650px) {
    h3 {
        font-size: 26px;
    }
    .banner-right {
        display: none
    }
    .solution-section ul li {
        padding: 50px 30px;
    
    }
    .solution-section ul li h3 {
        max-width: 300px;
    }
    .for-section ul li {
        width: 100%;
        display: block;
    }
    .for-section ul li:nth-child(odd),
    .for-section ul li:nth-child(even) {
        padding: 0;
    }
    .solution-section .mobile-section ul li {
        width: 100%;
        padding: 5px 0 5px 40px;
    }
    .integration-section .content-wrap>div {
        width: 85%;
        padding: 40px 15px 0;
    }
    .integration-section .content-wrap .recruit-app {
        padding: 30px 0 0;
    }
    .list-clients {
        max-width: 500px;
        justify-content: center;
    }
    .list-clients span {
        /* margin: 10px; */
margin-right: 20px;
margin-bottom: 15px;
    }
    .solution-section .mobile-section ul {
        margin: 30px 0 0;
    }
    .solution-section ul li h4 {
        margin: 0 0 5px;
    }
    .recruit-leads-section h3 {
        line-height: 1.8;
        max-width: 300px;
        margin: 0 auto;
    }
    .recruit-leads-section ul {
        justify-content: center
    }
    .recruit-leads-section ul li {
        margin: 0 10px 40px;
    }
    .bottom-cta-wrap {
        padding: 10px 0 40px;
    }
    .mobile-integrate {
        height: 100px
    }
    .mobile-integrate img {
        max-width: 470px;
    }
    .integration-section .content-wrap .recruit-app {
        height: 630px;
    }
    .solution-section ul li:nth-child(3) .badge {
        /*position: static; */
        margin: 0 0 10px;
    }
}

@media only screen and (max-width: 480px) {
    h1 {
        font-size: 42px;
    }
    .wrapper {
        padding: 100px 0 0;
    }
    .banner-section .content-wrap,
    .testimonial-section .content-wrap {
        width: 80%;
    }
    .banner-right,
    .banner-left {
        text-align: left;
    }
    .zph-sticky .main-container-wrapper.umain #mini-panel-product_menu .content-wrap {
        display: flex;
    }
    .zph-sticky .main-container-wrapper #mini-panel-product_menu .menu-icon-help-header {
        /* float: left; */
        width: 80%;
        margin: 80px auto 0;
        text-align: left;
    }
    .body-umain.zph-sticky .main-container-wrapper #mini-panel-product_menu .menu-icon-help-header {
/*        margin: 30px -1% 0 5%;*/
    }
    .banner-section p {
        margin: 0;
        /* max-width: 300px; */
    }
    .banner-section p:nth-of-type(2) {
        max-width: 320px;
        display: flex;
        justify-content: space-between;
        margin: 0;
        /* flex-wrap: wrap; */
        /* line-height: 1; */
    }
    .umain .banner-section p:nth-of-type(2) {
        padding: 0 0
    }

    .i18n-ar .banner-section p:nth-of-type(2){
        display: inherit;
    }

    .umain .act-btn {
        padding: 7px 10px;
    }
    .act-btn {
        margin-top: 20px;
    }
    .act-btn.request-btn {
        margin-top: 20px;
    }
    .testimonial-section {
        margin: 60px 0 0px;
        padding: 0px 0 120px;
        /* background: #f5f5f5; */
    }
    .testimonial-section .content-wrap {
        display: flex;
        flex-wrap: wrap;
    }
    .video-testi {
        /* order: 1; */
        margin: 0 auto 30px;
    }
    .testi-quotes h4 {
        font-size: 22px;
        max-width: 260px;
        margin: 0 auto 10px;
    }
    .test-img {
        width: 120px;
    }
/*
    .list-clients span:nth-child(2) {
        display: none;
    }
*/
    .section.solution-section {
        padding: 0;
        margin: -60px 0 0;
    }
    span.current-value {
        font-size: 20px
    }
    .recruit-leads-section ul li .img-leads {
        width: 60px;
        height: 60px;
        background-size: 310px auto;
    }
    .recruit-leads-section ul li:nth-child(2) .img-leads {
        background-position: -63px 0;
    }
    .recruit-leads-section ul li:nth-child(3) .img-leads {
        background-position: -125px 0;
    }
    .recruit-leads-section ul li:nth-child(4) .img-leads {
        background-position: -187px 0;
    }
    .recruit-leads-section ul li:nth-child(5) .img-leads {
        background-position: -250px 0;
    }
    .stars-container {
        font-size: 14px;
    }
    .bottom-cta-wrap .content-wrap {
        max-width: 300px;
        padding: 10px 0 30px;
    }
    .bottom-cta-wrap .content-wrap a.cta-btn {
        margin-top: 0
    }

    .list-clients{
justify-content: flex-start;
}
}

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

    .video-testi {
        width: 100%;
    }
    .act-btn.request-btn {
        /* margin: 10px auto 0; */
        background: #fff;
        color: #000;
        border: 1px solid #000;
    }
    .iphone-mock img {
        max-width: 90%;
    }
}

@media only screen and (max-width: 380px) {
    .banner-section .content-wrap,
    .testimonial-section .content-wrap,
    .zph-sticky .main-container-wrapper #mini-panel-product_menu .menu-icon-help-header {
        width: 90%;
    }
    .video-testi {
        width: 100%;
        display: block;
    }
    .banner-section p:nth-of-type(2) {
        flex-wrap: wrap;
    }
    .act-btn {
        max-width: 200px;
        width: 100%;
        margin: 10px 0 0;
    }
    .act-btn.request-btn {
        margin: 10px 0 0;
    }/*
    .body-umain.zph-sticky .main-container-wrapper #mini-panel-product_menu .menu-icon-help-header {
        margin: 30px 0 0;
    }*/

    
}

.recruit-leads-section {
    padding-top: 30px;
}


/* Other Language */

.i18n-es-xl h1,
.i18n-de h1,
.i18n-id h1,
.i18n-fr h1,
.i18n-pt-br h1,
.i18n-ja h1,
.i18n-th h1 {
    font-size: 42px;
}

.i18n-es-xl h2,
.i18n-de h2,
.i18n-id h2,
.i18n-fr h2,
.i18n-pt-br h2,
.i18n-ja h2,
.i18n-th h2 {
    font-size: 40px;
}

.i18n-es-xl h3,
.i18n-de h3,
.i18n-id h3,
.i18n-fr h3,
.i18n-pt-br h3,
.i18n-ja h3,
.i18n-th h3 {
    font-size: 22px
}

.i18n-es-xl .wrapper,
.i18n-de .wrapper,
.i18n-id .wrapper,
.i18n-fr .wrapper,
.i18n-pt-br .wrapper {
    /* padding: 80px 0 0; */
}

.i18n-es-xl .banner-section h1 span,
.i18n-fr .banner-section h1 span {
    display: inline;
}

.i18n-es-xl .list-clients,
.i18n-de .list-clients,
.i18n-nl .list-clients,
.i18n-id .list-clients,
.i18n-ja .list-clients,
.i18n-th .list-clients,
.i18n-ar .list-clients,
.i18n-fr .list-clients,
.i18n-pt-br .list-clients {
    margin: 0 auto;
    width: 100%;
    padding: 0 20px;
}

.i18n-es-xl .video-testi,
.i18n-de .video-testi,
.i18n-nl .video-testi,
.i18n-id .video-testi,
.i18n-ja .video-testi,
.i18n-th .video-testi,
.i18n-ar .video-testi,
.i18n-fr .video-testi,
.i18n-pt-br .video-testi {
    display: none;
}

.i18n-es-xl .act-btn {
    max-width: 100% !important;
}

.i18n-es-xl .act-btn.request-btn,
.i18n-de .act-btn.request-btn,
.i18n-nl .act-btn.request-btn,
.i18n-id .act-btn.request-btn,
.i18n-ja .act-btn.request-btn,
.i18n-th .act-btn.request-btn,
.i18n-ar .act-btn.request-btn,
.i18n-fr .act-btn.request-btn,
.i18n-pt-br .act-btn.request-btn {
    display: none;
}

.i18n-es-xl .list-clients:before,
.i18n-de .list-clients:before,
.i18n-nl .list-clients:before,
.i18n-id .list-clients:before,
.i18n-ja .list-clients:before,
.i18n-th .list-clients:before,
.i18n-ar .list-clients:before,
.i18n-fr .list-clients:before,
.i18n-pt-br .list-clients:before {
    display: none;
}

.i18n-es-xl .integration-section .content-wrap>div,
.i18n-de .integration-section .content-wrap>div {
    padding: 50px 20px 0;
}

.i18n-es-xl .integration-section .content-wrap div.recruit-app-cont,
.i18n-de .integration-section .content-wrap div.recruit-app-cont {
    padding: 0
}

.i18n-es-xl .integration-section .content-wrap>div,
{
    height: 740px;
}

.i18n-de .integration-section .content-wrap>div {
    height: 690px;
}

.i18n-es-xl .recruit-leads-section h3,
.i18n-de .recruit-leads-section h3,
.i18n-fr .recruit-leads-section h3,
.i18n-id .recruit-leads-section h3,
.i18n-pt-br .recruit-leads-section h3 {
    font-size: 14px;
}

.i18n-es-xl .solution-section ul li h3,
.i18n-nl .solution-section ul li h3 {
    max-width: 260px;
}

.i18n-de .solution-section ul li h3 {
    max-width: 240px;
}


/* AR  */

.i18n-ar .banner-section p {
    padding: 0 0 0 60px;
}

.i18n-ar .solution-section ul li:nth-child(3) .badge {
    right: 40px;
    left: unset;
left: auto;
}

.i18n-ar .for-section ul li:nth-child(odd) {
    padding-left: 30px;
}

.i18n-ar .corporate-section .ss-wrap {
    right: 700px;
}

.i18n-ar .agency-section .ss-wrap {
    right: 700px;
}

.i18n-ar .workforce-section .ss-wrap {
    right: 700px;
}

.i18n-ar .stars-container:after {
    left: initial;
    right: 0;
}

.i18n-ar .stars-container:before {
    left: initial;
    right: 0;
}

.i18n-ar .bottom-cta-wrap p {
    text-align: center;
}

.i18n-ar .recruit-app-cont h3,
.i18n-ar .recruit-app-cont p,
.i18n-ar .recruit-app-cont p a {
    text-align: center;
}

@media only screen and (max-width: 1500px) {
    .i18n-es-xl .integration-section .content-wrap>div {
        height: 670px;
    }
}

@media only screen and (max-width: 1400px) {
    .i18n-es-xl h1,
    .i18n-de h1,
    .i18n-id h1,
    .i18n-fr h1,
    .i18n-pt-br h1,
    .i18n-ja h1,
    .i18n-th h1 {
        font-size: 36px;
    }
    .i18n-es-xl h2,
    .i18n-de h2,
    .i18n-id h2,
    .i18n-fr h2,
    .i18n-pt-br h2,
    .i18n-ja h2,
    .i18n-th h2 {
        font-size: 32px;
    }
    .i18n-es-xl .wrapper,
    .i18n-de .wrapper,
    .i18n-id .wrapper,
    .i18n-fr .wrapper,
    .i18n-pt-br .wrapper {
        padding: 60px 0 0;
    }
    .i18n-es-xl .banner-section h1 span {
        display: block;
    }
}

@media only screen and (max-width: 1200px) {
    .i18n-es-xl .wrapper,
    .i18n-de .wrapper,
    .i18n-id .wrapper,
    .i18n-fr .wrapper,
    .i18n-pt-br .wrapper {
        padding: 100px 0 0;
    }
    .i18n-es-xl h1,
    .i18n-de h1,
    .i18n-id h1,
    .i18n-fr h1,
    .i18n-pt-br h1,
    .i18n-ja h1,
    .i18n-th h1 {
        font-size: 32px;
    }
    .i18n-es-xl h2,
    .i18n-de h2,
    .i18n-id h2,
    .i18n-fr h2,
    .i18n-pt-br h2,
    .i18n-ja h2,
    .i18n-th h2 {
        font-size: 28px;
    }
    .i18n-es-xl .banner-section h1 span,
    .i18n-de .banner-section h1 span {
        display: inline;
    }
}

@media only screen and (max-width: 992px) {
    .i18n-es-xl .integration-section .content-wrap>div,
    .i18n-de .integration-section .content-wrap>div {
        height: auto;
        padding: 10px;
    }
    .i18n-es-xl .integration-section .content-wrap .recruit-app {
        height: 670px;
        padding: 30px 10px;
    }
    .i18n-de .integration-section .content-wrap .recruit-app {
        height: 650px;
        padding: 40px 0 0;
    }
    .i18n-es-xl .solution-section ul li h3,
    .i18n-nl .solution-section ul li h3 {
        max-width: 360px;
    }
    .i18n-es-xl .recruit-leads-section h3,
    .i18n-nl .recruit-leads-section h3 {
        max-width: 600px;
        margin: 0 auto;
        line-height: 2;
    }
    .i18n-ar .solution-section .mobile-section ul li {
        padding: 7px 40px 7px 0;
        background: url("./tick-inside-circle.png") no-repeat right top 10px;
        background-size: 18px;
    }
    .i18n-ar .banner-section p {
        margin: 0;
    }
}

.i18n-ar .recruit-integration p a,
.i18n-nl .recruit-integration p a,
.i18n-id .recruit-integration p a,
.i18n-th .recruit-integration p a {
    display: none
}


/* promotion banner*/

.zpromotion {
    position: relative;
    top: 0;
    background: #333;
    z-index: 99;
    width: 100%;
    vertical-align: middle;
    padding: 5px 0;
    overflow: visible;
display: none;
}

.zpromotion:before {
    /* content: " ";
    background-image: url(./zpromowrap-one.jpg);
    position: absolute;
    left: 0;
    top: 0px;
    height: 52px;
    z-index: 1;
    width: 12%;
    background-size: contain;
    background-repeat: no-repeat;
*/
}


/*
.zpromotion:after {
    content: " ";
    background-image: url(./zpromowrap-two.jpg);
    position: absolute;
    right: -58px;
    top: 0px;
    height: 54px;
    z-index: 1;
    width: 20%;
    background-size: contain;
    background-repeat: no-repeat;
    left: auto;
}
*/

.zpromotion-wrap {
    max-width: 900px;
    margin: 0 auto;
    width: 90%;
    position: relative;
    z-index: 999;
    text-align: center;
}



.zpromotion-wrap .head-text {
    margin-bottom: 0;
    display: inline-block;
    font-size: 15px;
    position: relative;
    padding: 5px 10px;
    margin-right: 5px;
    line-height: 1.6;
    color: #fff;
    vertical-align: top;
    font-family: proxima_nova_rgregular;
}


/*
.zpromotion-wrap .head-text:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 54px;
    background: #1f1f1f;
    top: -10px;
    border-right: 1px dashed #4a4a4a;
    right: 0;
}
*/


/*
.zpromotion-wrap .head-text:after {
    content: '';
    background: url(./workerly/workerly-banner-Icon.png) no-repeat 0 0/30px auto;
    width: 30px;
    height: 25px;
    position: absolute;
    left: -7px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
*/

.zpremoclose {
    position: absolute;
    top: -4px;
    right: 20px;
    z-index: 999;
    cursor: pointer;
    font-size: 27px;
    color: #fff;
    bottom: 0;
    margin: auto;
    line-height: 1;
    width: 18px;
    height: 18px;
    /*background: #fff;*/
    border-radius: 50%;
}

.zpremoclose:after {
    content: none;
    font-size: 20px;
    position: absolute;
    top: -2px;
    left: 0;
    line-height: 15px;
    color: #8c8c8c;
}

.zpromotion-wrap p span.zone {
    color: #a4a4a4;
}

.zpromotion-wrap p {
    color: #fff;
    display: inline-block;
    margin-bottom: 0;
    font-size: 24px;
    vertical-align: middle;
}

.zpromotion-wrap p span:nth-child(3) {
    font-family: 'proxima_nova_rgbold';
}

.zpromotion-wrap .zmore {
    color: #f4bd64;
    padding: 2px 10px 2px 15px;
    display: inline-block;
    margin-left: 30px;
    font-size: 16px;
    cursor: pointer;
    position: relative;
font-family: 'Noto Serif', serif;
}

.zpromotion-wrap .zmore:before {
content: '';
    position: absolute;
    bottom: 1px;
    left: -15px;
    border-bottom: 3px dotted #ffb947;
    width: 150px;
    transform: scale(0.6);
}

.zpremoclose:before {
    transform: rotate(45deg);
}

.zpremoclose:after {
    transform: rotate(-45deg);
}

.zpremoclose:before,
.zpremoclose:after {
    position: absolute;
    left: 8px;
    content: ' ';
    height: 16px;
    width: 1px;
    background-color: #ffb947;
    top: 4px;
}


/*
.zpromotion-wrap .head-text:before {
content: '';
    position: absolute;
    top: -1px;
    background: url(./recruit-banner-piece1.png);
background-size: 25px auto;
    width: 25px;
    height: 25px;
    display: block;
    left: -110px;
    background-repeat: no-repeat;
}
*/
/*
.zpromotion-wrap .head-text:after{
background: url(./recruit-banner-piece2.png);
background-size: 25px auto;
    content: '';
    position: absolute;
    top: 12px;
    right: -220px;
    width: 30px;
    height: 35px;
    z-index: 99;
    background-repeat: no-repeat;
}
*/

.zpromotion-wrap h5 a{
 font-family: proxima_novasemibold;
color: #66c8ff;
position: relative;
}

.zpromotion-wrap h5 a:before{
content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: #66c8ff;
    width: 100%;
    height: 1px;
}

/*
.zpromotion-wrap span:after{
    content: '';
    position: absolute;
    top: 34px;
    left: 3px;
    background: url(./recruit-banner-years.png);
    background-size: 27px auto;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
}
*/

@media screen and (max-width: 1366px){
/*
.zpromotion {
display: none;
}
*/
}

@media screen and (min-width: 1201px) {
/*
    .zpromotion-wrap:before {
    content: '';
    position: absolute;
    top: -6px;
    left: 0;
    background: url(./recruit-banner-promo.jpg);
    background-size: 940px 49px;
    height: 50px;
    display: block;
    width: 940px;
    background-repeat: no-repeat;
    opacity: 0.6;
    }

.zpromotion-wrap span:before {
           content: '';
    position: absolute;
    top: 4px;
    right: -440px;
    background: url(./recruit-banner-piece3.png);
    width: 30px;
    background-size: 25px auto;
    height: 40px;
    background-repeat: no-repeat;
    }
*/
}

@media only screen and (max-width: 1200px) {
    .zpromotion-wrap .head-text {
        /* font-size: 16px; */
        padding-right: 1px;
        margin-right: 5px;
        padding-right: 10px;
    }
    .zpromotion-wrap {
        max-width: 840px;
    }
}

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

.banner-section .act-btn  {
display: inline-block;
}


    .zpromotion-wrap p {
        font-size: 14px;
    }

    .zpromotion-wrap {
        /* max-width: 400px; */
    }
    .zpromotion-wrap .head-text {
        display: inline-block;
    }
    .zpromotion-wrap .head-text:before {
        content: none;
    }
    .zpromotion-wrap .head-text {
        /* margin-right: 0; */
        padding-right: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {



    .i18n-ar .banner-left h1, .i18n-ar .banner-left p, .i18n-ar .banner-left h1 span{
        text-align: center;
        }
        
    .i18n-ar .banner-section p{
        padding: 0;
        margin: 0 auto;
    }
}

@media screen and (max-width: 768px){
.banner-right img{
display: none;
}

.solution-section ul.solution-list > li:nth-child(1):before, .solution-section ul.solution-list > li:nth-child(2):before, .solution-section ul.solution-list > li:nth-child(3):before{
    left: 35px;
}

.solution-section ul.solution-list > li:nth-child(1):after, .solution-section ul.solution-list > li:nth-child(2):after, .solution-section ul.solution-list > li:nth-child(3):after{
content: none;
}

.solution-section ul li h3{
margin-top: 70px;
}

.solution-section ul.solution-list > li:nth-child(2):before{
background-position: -110px 0;
}

.solution-section ul.solution-list > li:nth-child(3):before{
    top: -17px;
    background-position: -222px 0;
}

.solution-section ul li:nth-child(3) .badge{
top: 80px;
left: 20px;
}

}

@media screen and (min-width: 768px){
    .testimonial-section.mobile {
        display: none;
    }
}



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

.zpromotion-wrap h5 a:before{
display: none;
}

.i18n-ar .banner-left h1, .i18n-ar .banner-left p, .i18n-ar .banner-left h1 span{
text-align: center;
}

.i18n-ar .banner-section p{
    padding: 0;
    margin: 0 auto;
}

.testimonial-section.web {
        display: none;
    }

.zpromotion-wrap span{
/*font-size: 18px;*/
position: relative;
top: 1px;
}

.zpromotion-wrap .head-text{
display: inline-block;
vertical-align: middle;
}

.zpromotion-wrap span:after{
display: none;
}

    .zpremoclose {
        top: -47px;
right: 10px;
    }
    .zpromotion {
        position: static;
        /* top: 50px; */
    }
    .zpromotion-wrap .zmore {
        margin-left: 10px;
    }
    .zpromotion-wrap .head-text {
        font-size: 16px;
        padding: 0 5px 0 15px;
    }
    .zpromotion-wrap .head-text:before,
    .zpromotion-wrap .head-text:after {
        content: none;
    }
    .zpromotion-wrap .zmore {
        padding: 3px 8px 3px 8px;
        font-size: 12px;
    }
    .zpromotion {
        padding: 8px 0;
    }
    .zpromotion-wrap {
        max-width: 330px;
    }
    .zpromotion-wrap .zmore:before {
        width: 110px;
        left: -14px;
    }
}


@media screen and (min-width: 481px) and (max-width: 992px){
.test-img{
margin: 60px auto 10px;
}
}

@media only screen and (max-width: 480px) {
    .zpromotion-wrap .zmore {
        position: relative;
        top: -2px
    }

.zpremoclose {
        top: -107px;
    }


}

@media only screen and (max-width: 400px) {
    .zpromotion-wrap .head-text {
        display: block;
        /* padding: 0 0 5px 0; */
    }
    .zpromotion-wrap .zmore {
        margin: 0;
    }
.umain .banner-left{
text-align: left;
}
}

@media all and (-ms-high-contrast:none){.i18n-ar a,.i18n-ar abbr,.i18n-ar acronym,.i18n-ar address,.i18n-ar applet,.i18n-ar article,.i18n-ar aside,.i18n-ar audio,.i18n-ar b,.i18n-ar big,.i18n-ar blockquote,.i18n-ar canvas,.i18n-ar caption,.i18n-ar center,.i18n-ar cite,.i18n-ar code,.i18n-ar dd,.i18n-ar del,.i18n-ar details,.i18n-ar dfn,.i18n-ar div,.i18n-ar dl,.i18n-ar dt,.i18n-ar em,.i18n-ar embed,.i18n-ar fieldset,.i18n-ar figcaption,.i18n-ar figure,.i18n-ar footer,.i18n-ar form,.i18n-ar h1,.i18n-ar h2,.i18n-ar h3,.i18n-ar h4,.i18n-ar h5,.i18n-ar h6,.i18n-ar header,.i18n-ar hgroup,.i18n-ar i,.i18n-ar iframe,.i18n-ar img,.i18n-ar ins,.i18n-ar kbd,.i18n-ar label,.i18n-ar legend,.i18n-ar li,.i18n-ar mark,.i18n-ar menu,.i18n-ar nav,.i18n-ar object,.i18n-ar ol,.i18n-ar output,.i18n-ar p,.i18n-ar pre,.i18n-ar q,.i18n-ar ruby,.i18n-ar s,.i18n-ar samp,.i18n-ar section,.i18n-ar small,.i18n-ar span,.i18n-ar strike,.i18n-ar strong,.i18n-ar sub,.i18n-ar summary,.i18n-ar sup,.i18n-ar table,.i18n-ar tbody,.i18n-ar td,.i18n-ar tfoot,.i18n-ar th,.i18n-ar thead,.i18n-ar time,.i18n-ar tr,.i18n-ar tt,.i18n-ar u,.i18n-ar ul,.i18n-ar var,.i18n-ar video,body.i18n-ar{text-align:right;}.i18n-ar .recruit-app-cont h3,.i18n-ar .recruit-app-cont p,.i18n-ar .recruit-app-cont p a{text-align:center}.i18n-ar .recruit-leads-section h3{text-align:center;}}