.yoast-breadcrumbs a {
    color: #FFFFFF;
}
.careers-found-logo {
    position: absolute;
    right: 0;
    left: 0;
    height: 8vw;
    margin: auto;
    bottom: -6vw;
}
.text-in-front{
	position:relative;
	z-index:99999;
}
.careers-container {
    bottom: 0%;
    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
}
.growth-text {
    color: #242424;
    font-family: 'Unbounded-700', sans-serif;
    font-weight: 700;
    font-size: calc(0.8rem + 0.7vw);
    font-style: normal;
    line-height: 112%;
    letter-spacing: -1px;
    text-transform: uppercase;
    padding-right: 10%;
}
.one-col-container {
    margin: 10vw auto 4vw;
    width: 54%;
    text-align: center;
}
.three-col-careers {
    display: grid;
    grid-column-gap: 4vw;
    grid-row-gap: 2vw;
    grid-template-columns: 1fr 1fr 1fr;
}
.our-benefits {
    width: 76%;
    margin: 8vh auto 10vh auto;
}
.our-benefits-img {
    height: 9vw;
    object-fit: cover;
    object-position: center;
}
.category-subtitle {
    margin-top: 1vw;
    margin-bottom: 0.5vw;
}
.our-values {
    width: 76%;
    margin: 1vw auto 10vw;
}
.our-jobs {
    width: 76%;
    margin: 1vw auto 6vw;
}
.three-btns {
    justify-content: center;
    display: flex;
}
.job-three-col {
    display: grid;
    grid-column-gap: 4vw;
    grid-template-columns: 3fr 1fr 1fr;
    border-bottom: 1px solid #010B0C30;
    padding: 0.5vw 0 1vw;
}
.our-benefits-body {
    margin: 1.5vw auto 3vw;
}
.orange-circle-img {
    position: absolute;
    top: -85%;
    left: -25%;
    z-index: -1;
}
.yellow-circle-img {
    position: absolute;
    bottom: -80%;
    right: -25%;
    width: 30%;
    z-index: -1;
}
.hashtag-img {
    position: absolute;
    width: 60%;
    right: 0;
    left: 0;
    margin: auto;
    bottom: -8vw;
}
.role-container {
    display: flex;
    align-items: center;
}
.role-img {
    width: 3vw;
    height: 3vw;
    margin-right: 1vw;
}
.job-container .role {
    margin-top: 0vw;
}
.job-container .category-subtitle {
    margin-bottom: 0;
    font-family: 'Unbounded-600', sans-serif;
    font-weight: 600;
    letter-spacing: -0.5px;
}
.contact-container {
    margin: 3vw auto;
    text-align: center;
}
.contact-container .yellow {
    color: #EEBA00;
}
.image-5 {
    margin: 0.5vw 0 1.5vw;
}
.our-jobs button {
    background-color: #F9F9F9;
    border: 1px solid #F9F9F9;
    color: #242424;
    border-radius: 1000px;
    padding: 0.5vw 2vw 0.6vw;
    font-family: 'Barlow-500', sans-serif;
    font-weight: 500;
    font-size: calc(0.6rem + 0.5vw);
    min-width: 12vw;
    margin: 0 0.5vw 3vw;
    cursor: pointer;
}
.our-jobs button.active {
    background-color: #EEBA00;
    border: 1px solid #EEBA00;
    color: #FFFFFF;
}
.careers-body-container {
    margin: 2vw auto 4vw;
    width: 70%;
    display: grid;
    grid-template-columns: 2.5fr 1fr;
}
.careers-body-container div {
    text-align: end;
}
.one-image {
    margin: 3vw 20px 1vw;
}
.one-big-image-one-small-image {
    display: grid;
    grid-template-columns: 2.5fr 1fr;
    grid-column-gap: 10px;
    margin: 3vw 20px 1vw;
}
.one-small-image-one-big-image {
    display: grid;
    grid-template-columns: 1fr 6.5fr;
    grid-column-gap: 10px;
    margin: 3vw 20px 1vw;
}
.careers-component .general-img {
    object-position: center;
}
.careers-mask-img{
	height:43vw;
}
.about-us-header-mask {
    mask: url("/../wp-content/themes/b8websitesco/images/background/Intersect-2.svg") no-repeat center / cover;
    max-height: 40vw;
    object-fit: cover;
    margin-top: -20px;
    width: -webkit-fill-available;
}
.award-logo {
    filter: unset;
    -webkit-filter: unset;
}
.two-with-title {
    margin: -1vw auto 8vw;
}

@media screen and (max-width: 768px) {
    .header-rounded-img img {
        height: 400px;
        max-height: unset;
        object-fit: cover;
    }
    .dai-title {
        font-size: 40px;
    }
    .srv-header {
        margin-bottom: 0px;
    }
    .two-with-title p {
        padding: 20px 0;
    }
    .large-img-icon-title-copy {
        margin: 0;
    }
    .general-img {
        height: 300px;
        object-position: unset;
    }
    .one-col-container {
        margin: 4vw auto 0;
        width: 100%;
    }    
    .careers-found-logo {
        height: 16vw;
    }
    .logo-carousel-container {
        margin-top: 0;
    }
    .slide-track h5 {
        font-size: 18px;
        text-align: center;
    }
    .three-col-careers {
        grid-template-columns: 1fr;
        grid-row-gap: 30px;
    }
    .our-benefits {
        width: 100%;
        margin: 0;
        padding: 0 28px;
    }
    .our-benefits-img {
        height: 200px;
    }
    .category-subtitle {
        margin-top: 10px;
        margin-bottom: 15px;
    }
    .our-benefits-body {
        margin: 30px 0 50px;
    }
    ._0vw-titles-component {
        padding: 100px 28px 20px;
    }
    .our-values {
        margin: 0;
        width: 100%;
        padding: 0 28px;
    }
    .hashtag-img {
        width: 87%;
        bottom: 65vw;
    }
    .orange-circle-img {
        top: -35%;
        left: -25%;
    }
    .job-three-col {
        grid-template-columns: 1fr;
    }
    .role-img {
        display: none;
    }
    .our-jobs .category-subtitle {
        margin-top: 20px;
        margin-bottom: 5px;
        font-size: 14px;
    }
    .our-jobs {
        width: 100%;
        margin: 0;
        padding: 10px 28px;
    }
    .yellow-circle-img {
        bottom: -14%;
        right: -26%;
        width: 48%;
    }
    .our-jobs button {
        padding: 10px 15px;
        font-size: 16px;
    }
    .our-jobs button:nth-child(1) {
        margin: 0 10px 10px 0;
    }
    .our-jobs button:nth-child(2) {
        margin: 0 10px;
    }
    .our-jobs button:nth-child(3) {
        margin: 0 0 10px 10px;
    }
    .one-big-image-one-small-image {
        grid-template-columns: 1fr;
        row-gap: 20px;
    }
    .careers-body-container {
        width: 100%;
        margin: 0;
        padding: 20px 28px;
        grid-template-columns: 1fr;
    }
}