/* keyvis Start */
#sec-keyvis.section {
    padding: 0px;
    background: url('../images/landing/bg-home.png') no-repeat center center;
    background-size: cover;
}

.keyvis-body {
    margin: 150px auto 0px 100px;
}

.slick-slider-container {
}

.slide-keyvis-container {
}

.slide-keyvis {
}

.slide-keyvis-body {
}

.col-keyvis-cust {
}

.kevyis-tagline-title {
    margin-bottom: 30px;
    font-size: 45px;
    line-height: 55px;
}

.kevyis-tagline-desc {
    margin-bottom: 30px;
}

.keyvis-footer {
    margin-left:100px;
}

.btn-cta-keyvis-learnmore {
}

.keyvis-img {
    max-width: 970px;
}

.keyvis-img img {
    width: 100%;
}

#slide-keyvis-landing .slick-dots {
    bottom: 40px;
}
/* keyvis end */

/* intro Start */
#sec-intro.section {
    padding: 40px 0px 0px 0px;
    background: url('../images/landing/bg-sec-intro.jpg') no-repeat center center;
    background-size: cover;
}

.intro-body {
    margin: 50px auto 0px auto;
}

.intro-title-main {
    margin-bottom: 30px;
    font-size: 40px;
    line-height: 50px;
}

.intro-desc-main {
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 40px;
}

.img-container {
    margin: 60px auto;
}

#sec-intro .img-container {
    margin: 0px auto 0px auto;
}

.intro-img-container {
    position: relative;
}

.intro-img {
    max-width: 960px;
}

.intro-img img {
    width: 100%;
}

.btn-cta-learnmore-intro {
    position: relative;
    bottom: -35px;
    margin: auto;
    z-index: 1;
}
/* intro End */

/* intro feature Start */
#sec-intro-feature.section {
    padding: 50px auto;
    background-color: #ffffff;

}

.col-intro-feature-cust {
}

.card-intro-feature-container {
    margin: auto auto 50px auto;
}

.card-intro-feature {
}

.card-intro-feature-body {
    position: relative;
}

.card-intro-feature-ico {
    position: absolute;
    margin: auto;
    max-width: 140px;
}

.card-intro-feature-ico img {
    width: 100%;
}

.card-intro-feature-detail {
    padding-left: 150px;
}

.card-intro-feature-title {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 30px;
}

.card-intro-feature-desc {
    margin-bottom: 20px;
}
/* intro feature End */

/* genesis Start */
#sec-genesis.section {
    background: url('../images/landing/bg-sec-genesis.jpg') no-repeat center center;
    background-size: cover;
}

.genesis-body {
    margin: 80px auto;
}

.genesis-title-main {
    margin-bottom: 30px;
    font-size: 40px;
    line-height: 50px;
}

.genesis-desc-main {
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 40px;
}

.img-container {
    margin: 60px auto;
}

.genesis-img-container {
    position: relative;
}

.genesis-img {
    margin-top: -35px;
    max-width: 960px;
}

.genesis-img img {
    width: 100%;
}

.btn-cta-learnmore-genesis {
    position: relative;
    margin: auto;
    z-index: 1;
}
/* genesis End */

/* screening Start */
#sec-screening.section {
    background: url('../images/landing/bg-sec-screening.jpg') no-repeat;
    background-size: cover;
    background-position-x: center;
    background-position-y: top;
    background-attachment: fixed;
}

.screening-body {
    margin: 150px auto;
}

.screening-title-main {
    margin-bottom: 30px;
    font-size: 40px;
    line-height: 50px;
    
}

.screening-desc-main {
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 40px;
}
/* screening End */

/* testimonial Start */
#sec-testimonial.section {
    background-image: linear-gradient(to bottom, #ffffff 50%, #f2f2f2 100%);
}

.slide-testimonial-container {

}

.slide-testimonial {
    margin: 10px;
    padding: 30px;
    border-radius: 8px;
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
}

#testimonial-0 .slide-testimonial {
    padding: 20px 10px;
    background-image: none;
}

.slide-testimonial-body {
    position: relative;
}

#testimonial-0 .slide-testimonial-body {
    min-height: 260px;
}

.testimonial-quote-container {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.slide-testimonial-first {
    padding-left: 50px;
}

.slide-testimonial-title-main {
    margin-bottom: 20px;
    font-size: 38px;
    line-height: 48px;
}

.slide-testimonial-desc {
    margin-bottom: 10px;
}

.testimonial-sym-quote {
    position: absolute;
    top: -20px;
    font-size: 120px;
    line-height: 120px;
}

.slide-testimonial-message {
    margin-bottom: 30px;
}

.slide-testimonial-from {
    
}

.slide-testimonial-type {
    margin-left: 8px;
}
/* testimonial End */

/* award Start */
#sec-award.section {
    background-image: linear-gradient(to bottom, #ffffff 50%, #f2f2f2 100%);
}

.slide-award-container {
}

.slide-award {
}

.slide-award-body {

}

.slide-award-img {
    margin: 40px auto 30px auto;
    max-width: 594px;
}

.slide-award-img img {
    width: 100%;
}

#slide-award .slick-dots {
    position: relative;
    bottom: 0px;
}

.logo-award-HRvendor {
    margin: 40px auto 30px auto;
    max-width: 594px;
}

.logo-award-HRvendor img {
    width: 100%;
}


/* award End */

/* singlescreen Start */
#sec-single-screen.section {
    background-image: linear-gradient(135deg, #071c21 50%, #01e1e1 100%);
}

.col-singlescreen-cust {

}

.col-singlescreen-container {

}

.singlescreen-container {

}

.singlescreen-ico {

}

.singlescreen-ico img {
    width: 90%;
}

.singlescreen-title {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 34px;
    line-height: 34px;
    font-weight: bold;
}

.singlescreen-desc {
    margin-bottom: 10px;
}

.btn-cta-findoutmore-singlescreen {

}
/* singlescreen End */

/* help Start */
#sec-form-help.section {
    background: url("../images/landing/bg-sec-help.jpg") no-repeat center center;
    background-size: cover;
}

.col-help-cust {

}

.col-help-container {

}

.help-contact-container {
    padding-right: 40px;
}

.help-contact-header {
    margin-bottom: 30px;
}

.help-contact-body {
    margin-bottom: 40px;
}

.help-contact-footer {
    margin-bottom: 30px;
}

.help-contact-title {
    font-size: 24px;
    line-height: 32px;
}

.help-contact-desc {
    font-size: 14px;
    line-height: 22px;
}

.help-contact-whatsapp {
    position: relative;
}

.help-contact-whatsapp-logo {
    position: absolute;
    font-size: 40px;
    line-height: 40px;
}

.help-contact-whatsapp-detail {
    padding-left: 42px;
    font-size: 20px;
    line-height: 20px;
}

.help-contact-whatsapp-detail-sub {
    font-size: 16px;
    line-height: 20px;
}

#form-help label {
    color:#21e600;
    font-size: 14px;
    line-height: 22px;
}

#form-help .form-control {
    border-radius: 0px;
    background-color: transparent;
    border-top: none;
    border-bottom: 1px solid #21e600;
    border-left: none;
    border-right: none;
    color: #ffffff;
}

.btn-cust-submit-help {
    margin: 20px auto;
    padding: 6px 30px;
    border: 2px solid #21e600;
    border-radius: 50px;
    background-color: #070707;
    color: #21e600;
    
}

/* help End */

@media (max-width:320px) {
    .slide-testimonial-title-main {
        font-size: 28px;
        line-height: 38px;
    }
}

@media (max-width:480px) {
    #sec-keyvis.section {
        padding: 0px 20px;
    }

    .kevyis-tagline-title {
        margin-bottom: 20px;
        font-size: 30px;
        line-height: 40px;
    }

    .kevyis-tagline-title,
    .kevyis-tagline-desc {
        text-align: center;
    }

    .btn-cta-keyvis-learnmore {
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    #slide-keyvis-landing .slick-dots {
        position: relative;
        bottom: 40px;
    }

    .intro-body {
        margin: 0px auto 0px auto;
    }

    .intro-img {
        
    }

    .btn-cta-learnmore-intro {
        bottom:-15px;
    }

    .genesis-img {
        margin-top: -25px;
    }

    #sec-screening.section {
        border-bottom: none;
        background: url(../images/landing/bg-sec-screening.jpg) no-repeat center 60px;
        background-size: cover;
        background-color: #070707;
    }

    .screening-body {
        margin: 20px auto 120px auto;
    }

    .screening-title-main {
        font-size: 26px;
        line-height: 36px;
    }

    .screening-desc-main {
        font-size: 18px;
        line-height: 26px;
    }

    .singlescreen-title {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 25px;
        line-height: 30px;
    }

    .genesis-title-main {
        margin-bottom: 20px;
        font-size: 25px;
        line-height: 30px;
    }

    .logo-award-HRvendor {
        max-width: 280px;
    }

    .card-intro-feature-ico {
        max-width: 60px;
    }

    .card-intro-feature-detail {
        padding-left: 70px;
    }

    .card-intro-feature-title {
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 26px;
    }
}

@media (min-width:481px) and (max-width:640px) {
    #sec-keyvis.section {
        padding: 0px 20px;
    }

    .kevyis-tagline-title {
        margin-bottom: 20px;
        font-size: 30px;
        line-height: 40px;
    }

    .kevyis-tagline-title,
    .kevyis-tagline-desc {
        text-align: center;
    }

    .btn-cta-keyvis-learnmore {
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    #slide-keyvis-landing .slick-dots {
        position: relative;
        bottom: 40px;
    }

    .intro-body {
        margin: 0px auto 0px auto;
    }

    .intro-img {
        
    }

    .btn-cta-learnmore-intro {
        bottom:-25px;
    }

    .genesis-img {
        margin-top: -25px;
    }

    #sec-screening.section {
        border-bottom: none;
        background: url(../images/landing/bg-sec-screening.jpg) no-repeat center 60px;
        background-size: cover;
        background-color: #070707;
    }

    .screening-body {
        margin: 50px auto 150px auto;
    }

    .screening-title-main {
        font-size: 26px;
        line-height: 36px;
    }

    .screening-desc-main {
        font-size: 18px;
        line-height: 26px;
    }

    .singlescreen-title {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 25px;
        line-height: 30px;
    }

    .genesis-title-main {
        margin-bottom: 20px;
        font-size: 25px;
        line-height: 30px;
    }

    .logo-award-HRvendor {
        max-width: 280px;
    }

    .card-intro-feature-ico {
        max-width: 60px;
    }

    .card-intro-feature-detail {
        padding-left: 70px;
    }

    .card-intro-feature-title {
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 26px;
    }

    .slide-testimonial-title-main {
        font-size: 28px;
        line-height: 38px;
    }

}

@media (min-width:641px) and (max-width:768px) {
    #sec-keyvis.section {
        padding: 0px 20px;
    }

    .kevyis-tagline-title,
    .kevyis-tagline-desc {
        text-align: center;
    }

    .btn-cta-keyvis-learnmore {
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    #slide-keyvis-landing .slick-dots {
        position: relative;
        bottom: 40px;
    }

    .screening-body {
        margin: 50px auto 160px auto;
    }

    .singlescreen-title {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 30px;
        line-height: 35px;
    }

    .genesis-title-main {
        margin-bottom: 20px;
        font-size: 30px;
        line-height: 35px;
    }

    .logo-award-HRvendor {
        max-width: 400px;
    }

    .card-intro-feature-ico {
        max-width: 90px;
    }

    .card-intro-feature-detail {
        padding-left: 100px;
    }

    .card-intro-feature-title {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 30px;
    }

}

@media (max-width:640px){
    
}

@media (min-width:769px) and (max-width:992px) {
    
}

@media (min-width:769px) and (max-width:1024px) {
    
}

@media (min-width:993px) and (max-width:1200px) {

}

@media (max-width:1024px) {
    
}

@media (max-width:990px) {
    
}

@media (max-width:768px) {
    .keyvis-body {
        margin: 50px auto 0px auto;
    }

    .keyvis-footer {
        margin-left: auto;
        text-align: center;
    }

    .help-contact-container {
        padding-right: 0px;
    }

    .singlescreen-ico {
        margin: auto;
        width: 50%;
    }

    .singlescreen-ico img {
        width: 100%;
    }

    .singlescreen-title,
    .singlescreen-desc {
        text-align: center;
    }

    .btn-cta-findoutmore-singlescreen {
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        text-align: center;
    }
}

@media (max-width:640px) {
    #sec-step-unveil.section {
        padding: 0px 0px 0px 0px;
    }

    .genesis-body {
        margin: 20px auto;
    }
}

@media (min-width:1201px) {

}

@media (min-width:991px) {
    
}