/* creer styles */

body .grecaptcha-badge, body .inner-banner-arrow, body .bb-right.bb-right, body .pl-banner-left1.bb-left {
    display: none !important;
} 

div#inner-banner-workers {
    height: 1000px;
}


.intellinet-workers {
    background: url(https://hyp.co.il/wp-content/uploads/2022/11/1920.png) !important;
    background-size: cover !IMPORTANT;
}
.career_list_container {
    margin-bottom: 50px !IMPORTANT;
}


.add_friend {
    font-size: 21px;
    color: #fff;
    background-color: #ff6b5c;
    padding: 5px 31px;
    height: 41px;
    line-height: 31px;
    border-radius: 72px;
    display: inline-block;
    text-align: center;
    font-family: 'ploni-aaa-400';
    min-width: 175px;
    border: 0;
    cursor: pointer;
    margin-top: 20px;
    display: none;
}

.add_friend_active {
    display: inline-block !important;
}
.friend_2, .friend_3 {
    display: none;
}

a.friends_referals_terms {
    color: #fff;
    margin-top: 20px;
    display: block;
}

.tab_active {
    display: block !important;
}


.friend_1.row_block {
    margin-bottom: 50px;
}

img.friends-dots {
    position: absolute;
    left: 0;
    bottom: 50px;
}

.wpcf7-response-output {
    color: #fff !important;
    padding: 20px !important;
    display: block;
}

.second_content p {
    font-size: 24px;
    text-align: center;
    margin: 20px auto;
}

.first_content p {
    text-align: center;
    font-size: 30px;
    color: #fff;
    margin-bottom: 20px;
}

.first_content p a {
    color: #fff;
    text-decoration: underline;
}

@media screen and (min-width:501px) {
    body header {
        background-color: #fff0;
    }

    body header.header_fixed {
        background: #fff;
    }

    body header ul#menu-header > li > a {
        color: #fff;
    }

    
    body header.header_fixed ul#menu-header > li > a {
        color: #000;
    }

    .head_rgtcol a::before {
        content: "";
        position: absolute;
        display: block;
        right: 0;
        top: 0;
        width: 120px;
        height: 50px;
        background: url(https://hyp.co.il/wp-content/uploads/2022/08/hyp-white-logo.png);
    }

    img.whitebg_logo {
        display: none;
    }

    .head_rgtcol a {
        position: relative;
    }

    body header.header_fixed img.whitebg_logo {
        display: block !important;
    }

    body header.header_fixed .head_rgtcol a::before {
        display: none;
    }

    .thecontent ul {
        margin: 30px 16px 30px 0px;
    }
    
    .thecontent p {
        font-size: 24px;
        line-height: 34px;
    }
    
    .thecontent li {
        line-height: 30px;
        font-size: 24px;
    }

    .bluesec_1 .inputblock {
        margin-top: 20px;
    }


} /*  (min-width:501px) */

.workers-head {
    color: #252b70;
    font-size: 62px;
    text-align: center;
    font-weight: bold;
    display: block;
    width: 100%;
    max-width: 1330px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -526px;
    font-family: 'Ploni DL DemiBold AAA D';
}

.workers-sub-head {
    max-width: 986px;
    margin: 0px auto;
    padding: 10px 10px 0 10px;
    line-height: 1.1;
    color: #252b70;
    font-size: 46px;
    text-align: center;
    font-weight: bold;
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Ploni DL DemiBold AAA D';
}

.row_block, .trashnext {
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}

.bluesec_1 {
    clear: both;
    background: #5b64ff;
    align-items: center;
    justify-content: center;
    padding: 50px 0 0 0;
    position: relative;
}

label {
    color: #fff;
    font-family: 'ploni-aaa-400';
    font-size: 18px;
    font-weight: 400 !important;
    margin-bottom: 5px;
    display: block;
}

.inputblock input, .inputblock select {
    width: 85%;
    background: none;
    border: 1px solid #fff;
    color: #fff;
    font-size: 18px;
    padding: 5px 10px;
    height: 39px;
}

.inputblock select option{
    color: #000;
}

.inputblockfull {
    display: block;
    margin-top: 20px;
}

.whiteline {
    border-top: 1px solid #fff;
}

.trashicon {
    text-align: center;
    margin-top: -26px;
}

.trashicon img{
    cursor: pointer;
}

.submit_btn .wpcf7-submit {
    font-size: 21px;
    color: #fff;
    background-color: #ff6b5c;
    padding: 5px 31px;
    height: 41px;
    line-height: 31px;
    border-radius: 72px;
    display: inline-block;
    text-align: center;
    font-family: 'ploni-aaa-400';
    min-width: 175px;
    border: 0;
    cursor: pointer;
    margin-top: 43px;
}
.add_worker:hover, .submit_btn .wpcf7-submit:hover {
    background-color: #c7483d;
}



form.wpcf7-form.sent {
    position: relative;
}

.wpcf7 form.sent .wpcf7-response-output {
    position: absolute;
    bottom: 10px;
    right: 23pc;
}

@media screen and (max-width:768px){
    .wpcf7 form.sent .wpcf7-response-output {
        position: absolute;
        bottom: 30px;
        right: 23px;
    }
}


.worker_2, .worker_3 {
    height: 0px;
    overflow: hidden;
}

.trashnext2, .trashnext3 {
    display: none;
}

.add_worker_active {
    display: block !important;
    margin-top: 30px;
}

.hideme {
    display: none !important;
}

.row_block_active{
    height: auto !important;
    margin-bottom: 50px;
}

.bluesec_1 img.workers-dots {
    position: absolute;
    left: 0;
    bottom: -190px;
}


.bluesec_2 {
    clear: both;
    background: #242b71;
    align-items: center;
    justify-content: center;
    padding: 50px;
}

.blue_title {
    margin: 0px auto;
    padding: 10px 10px 0 10px;
    line-height: 1.1;
    color: #fff;
    font-size: 46px;
    text-align: center;
    font-weight: 200;
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    font-family: 'ploni-aaa-400';
}

.gridblock {
    display: grid;
    grid-template-columns: 31% 31% 31%;
    justify-content: space-between;
}

.bluestrip .pl-banner-btn-row.dis-block {
    display: none !important;
}

.bluestrip .inner-banner-text {
    margin: 0 auto;
    padding: 0;
    font-size: 30px;
    max-width: 100%;
    letter-spacing: 1.2px !important;
}

.bluestrip .inner-banner-text a {
    color: #fff;
}

.bluestrip .inner-banner-text a:hover {
    color: #ff6b5c;
}

.footer_mail_area {
    margin-top: 0;
}



@media screen and (max-width:700px) and (min-width:400px){
    div#inner-banner .inner-banner-wrap {
        padding: 20px;
    }
    
    div#inner-banner .inner-banner-wrap .workers-head {
        margin-top: -506px;
        font-size: 52px;
    }
    
    div#inner-banner .inner-banner-wrap .workers-sub-head {
        font-size: 26px;
    }
}    
@media screen and (max-width:499px) {
    div#inner-banner .inner-banner-wrap {
        padding: 20px;
    }
    
    div#inner-banner .inner-banner-wrap .workers-head {
        margin-top: -120px;
        font-size: 42px;
    }
    
    div#inner-banner .inner-banner-wrap .workers-sub-head {
        font-size: 18px;
    }

    body .intellinet-workers {
        background: url(https://hyp.co.il/wp-content/uploads/2022/11/375.png) !important;
        background-position: 50% 100% !important;
        height: 506px !IMPORTANT;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: left bottom!important;
        margin-top: 60px;
        padding-top: 50px;
    }

    .workers-head {
        margin-top: 0;
        font-size: 42px;
    }
    
    .inner-banner-wrap {
        justify-content: start;
    }
    
    .workers-sub-head {
        font-size: 24px;
    }

    .gridblock {
        display: block !important;
        grid-template-columns: 100% !IMPORTANT;
        justify-content: unset;
    }
    
    .bluesec_1, .bluesec_2 {
        padding: 20px;
    }
    
    .blue_title {
        font-size: 34px;
    }
    
    .row_block {
        max-width: 100%;
    }
    
    .inputblock input, .inputblock select, .trashnext  {
        width: 100%;
    }

    .trashicon {
        margin-bottom: 20px;
    }

    .bluesec_1 img.workers-dots {
        max-width: 60px;
        bottom: -80px;
    }

    .inputblock {
        margin: 25px 0;
    }

    img.friends-dots {
        max-width: 70px;
        bottom: 330px;
    }


}