body {
    color: #fff !important;
    font-weight: 400;
}

@font-face {
    font-family: 'Roboto';
    src: url('https://storage.googleapis.com/talentfunnel-cms-career-site-storage/padella-v2/Roboto_Condensed_Light_3e8868ee4a/Roboto_Condensed_Light_3e8868ee4a.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


a {
    color: #fff !important;
}

.hero-component > div {
    background-color: rgba(0, 0, 0, 0.35);
    background-blend-mode: multiply;
}

.footer {
    padding: 100px 0 20px;
}

.footer-title {
    margin-bottom: 20px;
    font-size: 16px;
}

.footer ul {
    list-style: none;
    padding: 0;
}

.footer ul a {
    margin-bottom: 16px;
    text-decoration: none;
    font-size: 18px;
    display: block;
}

.footer-company, .footer-company-col {
    font-size: 12px;
    text-decoration: none;
}

.register-interest {
    text-transform: uppercase;
    text-decoration: none;
    padding: 16px 31px;
    border: 3px solid #fff;
    font-size: 16px;
    margin-top: 20px;
    display: block;
    font-weight: bold;
}

.footer-company-col {
    margin-top: 60px;
    padding: 21px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

@media (min-width: 1200px) {
    .mx-1004,
    .container.mx-1004 {
        max-width: 1035px;
    }
}

.our-benefits .row {
    position: unset !important;
}

#search-list-content {
    margin-top: 90px;
}

#search-list-content svg path {
    fill: #fff;
}

#search-list-content h2 {
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 30px;
}

#search-list-content .container-xxl.row.g-5.m-auto > div:first-child {
    display: none;
}

#search-list-content .h-100.d-flex.flex-column {
    background: transparent;
    border: 3px solid #fff;
    border-radius: 0;
    color: #fff;
    padding: 26px;
    box-shadow: 0 0 0 3px transparent;
    transition: border 0.3s ease, box-shadow 0.3s ease;
}

#search-list-content .h-100.d-flex.flex-column:hover {
    border-color: #fff;
    box-shadow: 0 0 0 3px #fff;
}

#search-list-content .vacancy-details {
    color: #fff;
    font-size: 18px;
}

#search-list-content .location-city {
    color: #fff;
    font-size: 18px;
}

#search-list-content .vacancy-category {
    color: #fff;
    font-size: 34px;
    margin-bottom: 50px !important;
}

#search-list-content .category-name {
    color: #fff;
    font-size: 18px;

}

#searchform .find-your-role > div {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px;
    padding: 13px;
    border: 6px solid #fff;
    max-width: 999px;
    margin: 0 auto;
}

#searchform .find-your-role .mb-3 {
    margin: 0 !important;
}

#searchform .w-75 {
    max-width: 999px;
}

#searchform .keyword-filter input, #searchform button {
    height: 74px;
}

#searchform button {
    border: 3px solid #fff !important;
    width: 100%;
    max-width: 187px;
}

#searchform button:hover span {
    color: #000 !important;
}

#searchform .keywords, #searchform .last-field {
    max-width: 366px;
}

.find-your-role button:hover {
    color: #000 !important;
}

.find-your-role > div {
    font-size: 24px;
}

#searchform .location-select > div {
    height: 74px;
}

#searchform button span {
    font-size: 20px !important;
}

.description-image-wrapper {
    position: relative;
    min-height: 110px;
}

.description-image-wrapper img {
    display: none !important;
}

.description-image-wrapper:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_8051_3051)'%3E%3Cpath d='M21.5576 49.159V11.2129L30.4436 11.227C39.6425 10.8929 41.32 16.991 41.32 22.8256C41.32 28.2979 39.3767 32.0457 35.4242 33.455C31.4388 34.876 27.3311 34.3608 27.3311 34.3608C27.2864 35.0336 27.3264 41.2917 27.324 45.2959C27.324 47.7286 25.4325 49.079 23.8468 49.1661C23.2421 49.199 21.5576 49.1567 21.5576 49.1567M27.1617 16.1041L27.3522 29.3402C27.7781 29.566 33.4668 29.8201 34.8431 28.0227C36.2124 26.2347 36.0806 23.2891 35.9771 21.0235C35.9442 20.2871 35.3113 16.6899 32.5116 16.2241C30.6765 15.9182 27.1617 16.1064 27.1617 16.1064' fill='white'/%3E%3Cpath d='M30.0012 0C13.4314 0 0 13.4314 0 29.9988C0 46.5663 13.4314 60 30.0012 60C46.571 60 60.0023 46.5686 60.0023 29.9988C60.0023 13.429 46.5686 0 30.0012 0ZM29.9635 54.4336C16.4381 54.4336 5.4723 43.4678 5.4723 29.9424C5.4723 16.4169 16.4357 5.45348 29.9612 5.45348C43.4866 5.45348 54.4501 16.4169 54.4501 29.9447C54.4501 43.4725 43.4866 54.436 29.9612 54.436' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_8051_3051'%3E%3Crect width='60' height='60' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    width: 60px;
    height: 60px;
    transition: width 0.3s ease, height 0.3s ease;
    background-size: cover;
}


#search-list-content .h-100.d-flex.flex-column:hover .description-image-wrapper:before {
    width: 80px;
    height: 80px;
}

.modal-content label{
    color: #000 !important;
}

.btn-learn{
    line-height: 1 !important;
}
.modal-content * {
    color: #000;
}


.job-extra-general-properties .hours-type.d-none {
    display: block !important;
}

.job-extra-general-properties svg path {
    fill:white;
}

.job-extra-general-properties  + div {
    padding-top:0rem !important;
    position: absolute;
    bottom: 2rem;
    right: 2rem;
}

.job-large-header > div:last-of-type {
    justify-content: end;
    padding-bottom: 2rem;
}

.job-large-header > div:last-of-type #vacancy-apply-button {
    border: black 1px solid;
}

.job-large-header > div:last-of-type #vacancy-apply-button button{
    background: transparent;
    border: white solid 2px;
}

#single-job-back-button {
    position: absolute;
    top: 4rem;
}

.job-large-header h1 {
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
}

.sidebar .vacancy-card .description-image-wrapper:before {
    filter: invert(1);
}

.sidebar .vacancy-card  .h-100.d-flex.flex-column {
    border: 3px solid #fff;
    border-radius: 0;
    color: #fff;
    padding: 26px;
    box-shadow: 0 0 0 3px transparent;
    transition: border 0.3s ease, box-shadow 0.3s ease;
}

.sidebar .vacancy-card h3,
.sidebar .vacancy-card p,
.sidebar .vacancy-card span {
    color: black;
}

.sidebar .vacancy-card .location-city {
    color: black;
    font-size: 18px;
}

.sidebar .vacancy-card .vacancy-category {
    color: black;
    font-size: 34px;
    margin-bottom: 50px !important;
}

.sidebar .vacancy-card .category-name {
    color: black;
    font-size: 18px;

}

.sidebar .vacancy-card svg path {
    fill: black;
}

@media (max-width: 767px) {
    .footer_col {
        text-align: center;
    }

    #search-list-content {
        margin-top: 20px;
    }

    #search-list-content .g-5 {
        --bs-gutter-x: 1rem;
    }

    .vimeo-video-component-wrapper iframe {
        min-width: 177.77vh !important;
    }

    h1 {
        font-size: 38px;
    }

    #searchform .find-your-role > div {
        flex-direction: column;
        max-width: calc(100% - 60px);
        bottom: 0;
    }

    #searchform .keywords, .last-field {
        max-width: 100%;
        width: 100%;
    }

    #searchform .bottom-wrapper {
        width: 100%;
    }

    #searchform .keyword-filter input, button {
        height: 49px;
        margin: 0 auto;
    }

    #searchform button {
        margin: 0 auto;
        height: 49px;
    }

    #searchform .location-select > div {
        height: 49px;
    }

    .top_right_img, .left_middle {
        display: none;
    }

    #benefits-section h2 {
        font-size: 48px;
        margin-bottom: 88px;
    }

    #benefits-section .right-column {
        margin-top: 0;
    }

    #benefits-section .bottom-row {
        margin-top: 40px;
    }

}

.no-jobs-wrapper{
    color:#000 !important;
}

.job-large-header > div > span {
    filter: brightness(60%);
}

@media (min-width: 1200px) { 
    #single-job-container .job-large-header{
        height: 50rem;
    }
}