

.cactus-feedback-video {
    border-radius: .3rem;
    text-align: center;
}

.text-grey {
    color: var(--black-40);
}

.cactus-feedback-video>div.wp-block-group__inner-container {
    width: 100%;
    padding-bottom: 52.25%;
    position: relative;
    display: block;
}

.cactus-feedback-video iframe {
    margin-bottom: -8px;
    border-radius: 12px;
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block !important;
    max-width: 100% !important;
    max-height: 100%;
    height: 1000px !important;
}

iframe::before {
    background: #f4f4f4;
    content: "";
    display: block;
    left: 0;
    height: calc(100% - 100px);
    position: absolute;
    top: 50px;
    width: 70%;
    z-index: -1;
}

.button-group .button {
    box-shadow: inset 0 -1px 0 0 var(--black-08);
    border-radius: 0.3rem;
    padding: 10px;
    height: 48px;
    background: var(--white-100);
    border: 1px solid var(--black-06);
    color: var(--black-10);
}

.button-group .button:hover {
    box-shadow: inset 0 -3px 0 0 var(--black-08);
    color: var(--orange-sevilla-100);
}

.button-group .button .is-checked {
    color: var(--black-40);
}

#jobOffersSection {
    padding-top: 60px;
    padding-bottom: 60px;
}

#card-item {
    background-color: var(--white-100);
    opacity: 0.8;
    border-radius: 12px;
    padding: 15px;
    border: none;
    margin-bottom: 16px;
    width: 100%;
    border: 1px solid var(--black-06);
}

#card-item .card-body {
    display: flex;
}

#card-item .card-text {
    color: var(--black-50);
}

#card-item .card-text .material-icons {
    font-size: 18px;
}

#card-item .icon-card {
    display: flex;
    justify-content: center;
    align-items: center;
}

#card-item .icon-card .material-icons {
    color: var(--black-20);
}

#card-item:hover {
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
}

.CTA-career-post-page {
    background-color: #2A2A2F;
    background-position: right top;
    background-repeat: no-repeat;
}

.CTA-career-post-page .content {
    padding: 80px 0px
}

.benefits-offers-block .icon {
    margin-right: 15px;
}

.similar-offers-block {
    padding-bottom: 60px;
}

.similar-offers-block #card-item {
    padding: 5px;
}

.breadcrumb-careers {
    align-items: center;
}

.breadcrumb-careers i {
    margin-right: 5px;
}

.breadcrumb-careers a {
    display: flex;
    color: var(--orange-sevilla-100)
}

#career-blog .text-block-title {
    font-size: 20px;
}

#career-blog .text-block-title p {
    font-size: 16px;
}

#career-blog ul {
    margin-left: 20px;
}

.career-place i {
    color: var(--black-30);
    font-size: 20px;
    margin-right: 5px;
}

.career-cta-description p {
    color: var(--white-100);
}

.social-share {
    padding-bottom: 10px;
}

.social-share p {
    color: #7a7a7f;
}

.career-block figure {
    width: 100%;
    padding-bottom: 52.25%;
    position: relative;
    display: block;
}

.career-block img {
    object-fit: cover;
    border-radius: 12px !important;
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block !important;
    max-width: 100% !important;
    max-height: 100%;
    height: revert-layer !important;
}

@media (max-width: 600px) {
    #jobOffersMenu {
        flex-direction: column;
    }
    #spacer-career-1 {
        height: 40px !important;
    }
    #spacer-career-2 {
        height: 0px !important;
    }
    #spacer-career-3 {
        height: 16px !important;
    }
    #spacer-career-4 {
        height: 40px !important;
    }
    #spacer-career-5 {
        height: 0px !important;
    }
    #spacer-career-6 {
        height: 40px !important;
    }
    .similar-articles.careers {
        background-color: transparent; 
        margin-top: 80px;
    }
    .similar-articles.careers .btn-carousel-mobile {
            background-color: transparent;
    }
}

@media (max-width: 1200px) {
    #cactus-feedback-video {
        box-shadow: none !important;
    }
}

@media (min-width: 600px) and (max-width: 1200px) {
    #spacer-career-2 {
        height: 16px !important;
    }
    #spacer-career-3 {
        height: 16px !important;
    }
        .similar-articles.careers {
            background-color: transparent;
            margin-top: 80px;
        }
        .similar-articles.careers .btn-carousel-mobile {
                    background-color: transparent;
        }
}