*{
    margin: 0;
    padding: 0;
}
.active-tab{
border-radius:50%;
background:#38A1DA;
color:white !important;
}
a:not([href]):not([tabindex]){
cursor:pointer !important;
z-index:11111111111111111 ;
}
html{
    font-size: 14px;
}

body {
    font-family: 'Roboto', sans-serif;
    color: #4d4d4d;
}

.landing{
    width: 100%;
    height: 660px;
    position: relative;
    background-image: url('../images/feedzai-careers-landing-page.jpg');
    margin: 0em;
    min-height: 100%;
    background-size:cover;
    box-shadow:inset 0 0 0 2000px rgba(0,0,0,0.5);
}

header{
    position: absolute;
    display: inline;
    top: 2%;
    left: 2%;
    transform: translate(-2%,-2%);
}

.logo_img{
    width: 13em;
}

.logo_fc{
    margin-top: 5px;
    margin-left: 25px;
}
.white{
    color:#ffffff;
}
header h3{
    margin-left: 1.1em;
    margin-top: 0.3em;
    font-family: 'Roboto', sans-serif;
    color: white;
    font-size: 40px;
    font-weight: 300;
}

.caption{
    font-family: 'Montserrat', sans-serif;;
    color: white;
    padding-top: 19em;
}

.caption h1{
    font-size: 2.5rem;
    text-align: center;
    font-weight: 400;
}

.openings_link {
    margin-top: 0;
    padding-top: 1em;
    width:100%;
    height: 15%;
    position: relative;
}

.openings_link .button {
    height: 2em;
    font-family: 'Montserrat', sans-serif;;
    font-size: 2rem;
    font-weight:500;
    border:none;
    background: transparent;
}

.openings_link a {
    color: white;
    text-decoration: none;
}

.arrow{
    margin-left:0.5em;
    width: 0.8em;
    height: 0.8em;
    display: inline-block;
    border-left: 3px solid white;
    border-bottom: 3px solid white;
    transform: rotate(-45deg);
}

.facts{
    margin-top: 8em;
    width: 100%;
    height: 100%;
    position: relative;
}

.title h2{
    font-family: 'Montserrat', sans-serif;;
    font-size: 3rem;
    font-weight: 500;
    margin-bottom: 2em;
}

.facts .title h2{
    margin-bottom: 2.5em;
}

.facts .col-3{
    display: inline-block;
}

.img_facts {
    height: 150px;
}

.img_facts img{
    max-width: 70%;
    max-height: 90%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.facts_txt h3{
    font-family: 'Montserrat', sans-serif;;
    font-size: 1.5rem;
    font-weight: 500;
    color: #474747;
    margin-top: 1em;
}

.facts_txt p{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #4d4d4d;
}

.efits {
    margin-top: 10em;
    width: 100%;
    height: 600px;
    position: relative;
}

.line_1 > div {
    padding: 7px;
}
.line_2 > div {
    padding: 7px;
}

.line_1{
    height:350px;
}

.benefit_1{
    height: 100%;
    position: relative;
    background-image: url('../images/benefits_img_1.jpg');
    background-size: cover;
}


.box_1 {
    width: 100%;
    height : 27.5%;
    position: relative;
    background-color: #38a2e0;
}

.benefit_img {
    margin-top: 15px;
    width: 100%;
    height: 68%;
    position: relative;
    background-image: url('../images/benefits_img_5.jpg');
    background-size: cover;
}

.benefit_img_1 {
    width: 100%;
    height: 65%;
    position: relative;
    background-image: url('../images/benefits_img_4.jpg');
    background-size: cover;
}

.box_2 {
    margin-top: 15px;
    position: relative;
    width: 100%;
    height : 30.5%;
    background-color: #38a2e0;
}


.line_2{
    height:225px;
}

.fact_1{
    width: 100%;
    height: 40%;
    position: relative;
    background-color: #38a2e0;
}

.fact_2{
    margin-top: 15px;
    width: 100%;
    height : 53%;
    position: relative;
    background-color: #a8d67d;
}

.benefit_img_2 {
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url('../images/benefits_img_2.jpg');
    background-size: cover;
    background-position: center;
}

.fact_3 {
    width: 100%;
    height : 100%;
    position: relative;
    background-color: #a8d67d;

}

.benefit_img_3 {
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url('../images/benefits_img_3.jpg');
    background-size: cover;
}

.col-smaller{
    flex-basis: 20%;
    max-width: 20%;
}
.col-larger{
    flex-basis: 40%;
    max-width: 40%;
}

.facts-txt{
    font-family: 'Montserrat', sans-serif;;
    color: white;
    font-size: 1.3rem;
    font-weight: 500;
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.global {
    margin-top: 5em;
    width: 100%;
    position: relative;
}

.cities {
    margin-top: 8em;
    margin-bottom: 0em;
    width: 100%;
    height: 500px;
    position: relative;
    background-image: url('../images/feedzai-careers_were-global.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: rgba(56,161,218,0.2);
}

.cities h2 {
    padding-top: 2em;
    margin-bottom: 1em;
}
.cities p {
    margin: auto;
    width: 50%;
}

.cities-clients-space {
    width: 100%;
    height: 4px;
    background-color: rgba(56,161,218,0.2);
    margin-top: 0em;
    margin-bottom: 0em;
}

.clients {
    margin-top: 0em;
    padding-top: 3em;
    width: 100%;
    position: relative;
    background-size: contain;
    background-position: bottom center;
    background-color: rgba(56,161,218,1);
    padding-bottom: 3em;
}

.clients h3{
    font-family: 'Montserrat', sans-serif;;
    font-size: 2.5rem;
    font-weight: 500;
    color: #fff;
    margin-bottom: 1em;
}

.clients_img {
    height: 40px;
    margin: auto;
}

.what-we-do {
    margin-top: 8em;
    margin-bottom: 0em;
    width: 100%;
    position: relative;
    background-image: url('../images/feedzai-careers_what-we-do.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
    padding-bottom: 4em;
}

.what-we-do h2 {
    font-family: 'Montserrat', sans-serif;;
    margin-bottom: 1.5em;
}

.what-we-do_img {
    width: 100%;
}



.info_1{
    position: absolute;
    top: 12%;
    left: 10%;
}

.info_2{
    position: absolute;
    top: 49%;
    right: 10%;
}

.info_3{
    position: absolute;
    top: 89%;
    left: 10%;
}

.benefits {
    margin-top: 8em;
    width: 100%;
    position: relative;
}

.benefits h2 {
    font-family: Montserrat;
}

.benefits-list li {
    display: block;
    padding: 0px;
}

.benefits_text {
    text-align: left;
    font-family: 'Roboto', sans-serif;
}

.sub_header {
    color: #474747;
    font-size: 1.7rem;
}

.social_text p{
    color: #777;
    font-family: 'Roboto', sans-serif;
    font-size: 1.1rem;
    margin-top: 5%;
}

.learn_more {
    margin-top: 1em;
    color: white;
    background-color: #38a2e0;
    border: none;
    width: 10em;
    height: 3em;
    font-size: 1.3rem;
    display:none;
}

.benefits_img {
    width: 100%;
}

.testimonies {
    margin-top: 0em;
    margin-bottom: 0em;
    padding-top: 4em;
    padding-bottom: 4em;
    width: 100%;
}

.testimonies p:last-child {
    margin-bottom: 0em;
}

.slick-prev:before, .slick-next:before {
    font-size: 40px;
}

.arrow_nav_back{
    width: 2em;
    height: 2em;
    border-color: transparent;
    border-bottom: 3px solid white;
    border-left: 3px solid white;
    top: 50%;
    position: absolute;
    transform: rotate(45deg) translateY(-50%);
}

.img_testimonies img {
    width: 80%;
    left:10%;
    position: relative;
}

.testimonies_txt h3 {
    font-family: 'Montserrat', sans-serif;;
    font-weight: 500;
    font-size: 1.9rem;
    margin-bottom: 1em;
}

.testimonies_txt h4 {
    font-family: 'Montserrat', sans-serif;;
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 0.3em;
}

.testimonies_txt h5 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 1rem;
    margin-bottom: 1em;
}

.testimonies_txt p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1rem;
}

.arrow_nav_front{
    width: 2em;
    height: 2em;
    border-color: transparent;
    border-top: 3px solid white;
    border-right: 3px solid white;
    top: 50%;
    position: absolute;
    transform: rotate(45deg) translateY(-50%);
    margin-left: 2em;
}

.search_engine{
    margin-top: 1em;
    font-family: 'Montserrat', sans-serif;;
    color: #4d4d4d;
    font-size: 1.5rem;
}

.dropbtn , .dropbtn_1 {
    background-color: white;
    border: 2px solid #ffffff;
    color: #4d4d4d;
    padding: 0.7em 5em;
    font-size: 1rem;
    font-family: 'Montserrat', sans-serif;;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    width: 100%;
}

.dropdown , .dropdown_1 {
    position: relative;
    display: inline-block;
}

.drop-content , .drop-content_1{
    position: absolute;
    background-color: white;
    border: 2px solid #4d4d4d;
    min-width: 203px;
    font-size: 1rem;
    z-index: 100;
}

.drop-content a , .drop-content_1 a{
    color: #4d4d4d;
    padding: 12px 16px;
    text-decoration: none;
    display: grid;
}

.drop-content a:hover{
    background-color: #ddd;
}

.drop-content_1 a:hover{
    background-color: #ddd;
}

.openings{
    margin-top: 5em;
    font-family: 'Montserrat', sans-serif;;
}

.job_openings {
    margin-top: 1em;
}

.job_title {
    position: relative;
    color: #4d4d4d;
    font-size: 1.7rem;
    z-index:1;
}

.job_name{
    position: relative;
    display:block;
    color: #38a2e0;
    z-index:0;
    text-align:left;
}

.job_name a{
    font-size: 1.4rem;
    color: #38A1DA;
}

.job_area p {
    color: #4d4d4d;
    font-size: 1rem;
    font-weight: 400;
    text-align:center;
}

.job_location p {
    color: #4d4d4d;
    font-size: 1rem;
    font-weight: 400;
    text-align:center;
}

#positions .row {
    margin-top: 2em;
}

.view_job h4{
    color: #38a2e0;
    font-size: 1.6rem;
}

.mobile_pages {
    margin-top: 4em;
}
.tabs{
display:flex !important;
justify-content:center;
margin-top: 4em;
min-width:550px;

}
.tab{
    display:block;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    text-decoration:none;
    font-size:20px;
    font-weight:bold;
}
.page_1 , .page_2 , .page_3 , .page_4 ,.mobile_tab_prev,.mobile_tab_next{
    position: relative;
    font-family: 'Roboto', sans-serif;
    color: #777;
    font-size: 1.6rem;
    padding-left: 0.6em;
    padding-right: 0.6em;
    padding-bottom: 0.3em;
    padding-top: 0.3em;
    cursor:pointer;
}
.mobile_tab_prev{
    display:none;
}

.newsletter{
    margin-top:5.5em;
    font-family: 'Montserrat', sans-serif;;
}

.newsletter h2 {
    font-weight: 500;
    font-size: 2.5rem;
}

.newsletter h3{
    margin-top: 2em;
    font-weight: 400;
}

.email_input{
    margin-top: 2em;
    padding: 1em 8em;
    border: 2px solid #38a2e0;
    font-style: italic;
}

.submit_btn {
    margin-left: 3em;
    padding: 1em 3em;
    background-color: #38a2e0;
    border: none;
    color: white;
}

.footer {
    margin-top: 8em;
    margin-bottom: 0;
    padding-top: 4em;
    padding-bottom: 4em;
    width: 100%;
}

.logo_img_footer{
    padding-left: 0em;
    padding-top: 0em;
    height: 2.5em;
}

footer h3 {
    font-family: 'Montserrat', sans-serif;;
    color: white;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 1em;
}

footer p {
    font-family: 'Roboto', sans-serif;
    color: white;
}

footer .social_icon {
    height: 25px;
    margin-right: 1em;
}

footer .social_icon_row {
    margin-top: 1em;
}

footer .feedzai-careers, footer .feedzai-tech {
    margin-bottom: 2em;
}

a.feedzai_link_page {
    color: white;
    float: left;
    font-family: 'Montserrat', sans-serif;;
    font-size: 1.3rem;
    font-weight: 500;
    padding-top: 2em;
}

.social_media{
    position: relative;
    padding-top: 10em;
    float: right;
}

.social_media img{
    height: 25px;
    max-width: 70%;
    max-height: 90%;
    position: relative;
    transform: translateY(-60%);
}

.social_media h4 {
    font-family: 'Montserrat', sans-serif;;
    color: white;
    position: relative;
    font-size: 0.9rem;
    font-weight: 300;
}

li{
    list-style-type: none;
    display: inline-block;
    padding: 0px 20px;
}

.bye_icon{
    width: 200px;
    position: relative;
    transform: translateY(-100%);
    float: right;
    padding-right: 5em;
}
#positions{
    font-family: 'Montserrat', sans-serif;;
}
.mobile_pages{
    text-align:center;
}


@media (max-width: 425px) {

    .caption h1{
        font-size: 2rem;
    }

    .openings_link .button {
        font-size: 1.75rem;
    }

    .cities {
        margin-top: 8em;
        margin-bottom: 0em;
        height: 350px;
    }

    .cities h2 {
        font-size: 2em;
        padding-top: 2em;
        margin-bottom: 1em;
    }
    .cities p {
        width: 80%;
    }

    .clients h3 {
        font-size: 2em;
    }

    .clients_img {
        height: 40px;
    }

    .clients_img {
        height: 40px;
        padding-bottom: 0.75em;
    }
}

@media (max-width: 767px) {
    
    .benefits {
        margin-top: 8em;
    }

    .benefits h2 {
    margin-top: 1em;
    margin-bottom: 1em;
    }

    .benefits-list li {
        margin-bottom: 0.5em;
    }

    .testimonies {
        margin-top: 0em;
        margin-bottom: 0em;
        padding-top: 4em;
        padding-bottom: 4em;
        width: 100%;
    }

    .testimonies_txt h3 {
        margin-top: 1em;
    }

    .testimonies p:last-child {
        margin-bottom: 1em;
    }
}

@media (max-width: 768px) {
    .facts .title h2{
        margin-bottom: 1em;
    }

    .facts_txt h3{
    margin-top: 0em;
    }

    .cities {
        height: 400px;
    }

    .cities h2 {
        font-size: 2.5em;
    }

    .cities p {
        width: 80%;
    }

    .clients h3 {
        font-size: 2.5em;
    }
}

@media only screen and (max-width: 575px) {
    .openings{
        display:none;
    }
    #positions{
        
        padding-left:25px;
        padding-right:25px;
    }
    #positions .row{
        border-bottom: 2px solid rgb(229,235,247);
    }

    .tabs{
        display:none !important;
    }
    .show_tab{
        display:inline-block;
    }
    .hide_tab{
        display:none;
    }

    .job_name{
        margin-bottom: 1em;
        text-align:left;
    }

    .job_area p {
        text-align:left;
    }

    .job_location p {
        text-align:left;
    }
}

@media only screen and (min-width: 635px){
    .show_tab{
        display:none;
    }
    .hide_tab{
        display:none;
    }
    .mobile_tab_next,.mobile_tab_prev{
        
        display:none;
    }
    .tabs{
        display:block;
    }
}
.job_section_header{
     background-color: #38a2e0;
     padding-top:4em;
     padding-bottom:4em;
}
.job_section_header h2{
    color:white;
}
.interested{
    color:white;
}


/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .slick-prev{
        display: none !important;
    }
    .slick-next {
        display: none !important;
    }

    .what-we-do {
        background-image: none;
    }

    footer .feedzai-careers {
        margin-top: 3em;
    }
}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before{
display:none;
}