.about-career-section{
    padding: 12em 0 8em 0;
    position: relative;
}

.about-career-section .wrapper-list{
    margin: 1.5em 0;
}

.about-career-section .wrapper-list p, .about-position .position-description .wrapper-text p:first-child{
    background-color: var(--navy-blue-back-color);
    color: var(--white-txt-color);
    padding: 0.5em 0.7em;
    font-family: "dm-regular", sans-serif;
}

.about-career-section .row-positions{
    margin-top: 1em;
}

.about-career-section .col-position{
    margin-top: 4em;
}

.about-career-section .wrapper-position{
    background-color: var(--white-back-color);
    padding: 2em;
    box-shadow: 0 0 0.8em 0.3em #ebebeb;
    height: 100%;
}

.wrapper-position .about-position{
    margin-top: 2em;
}

.wrapper-position .about-position .wrapper-title{
    margin-bottom: 1.5em;
}

.wrapper-position .about-position .wrapper-title h3{
    font-size: 2.2em;
}

.about-position .position-description .wrapper-text p:first-child{
    font-size: 1.3em;
}

.about-position .position-description .wrapper-text p b{
    margin-bottom: 1.2em;
}

.how-to-apply-section{
    padding-bottom: 8em;
}

.how-to-apply-section .wrapper-content{
    padding: 2em;
    max-width: 80%;
    width: 100%;
}

.how-to-apply-section .wrapper-content > div{
    padding: 3em 10em;
}

@media screen and (max-width: 991px){
    .about-position .position-description .wrapper-text p:first-child{
        font-size: 1.4em;
    }
    .how-to-apply-section .wrapper-content{
        max-width: 100%;
    }
    .how-to-apply-section .wrapper-content > div{
        padding: 3em;
    }
}

@media screen and (max-width: 575px){
    .br-career-show{
        display: block;
    }
}