.signup span {
    color: #c9dca1 !important;
}

.newsletter-form__btn {
    background-color: #c9dca1 !important;
}

.newsletter-form__btn:hover {
    background-color: #cfe0ac !important;
}

.headline h2,
.headline h3,
.headline h4 {
    border-bottom: 2px solid #c9dca1 !important;
}

.footer .list-unstyled li a:hover {
    color: #dae7bf;
}

.agreement input[type="checkbox"]:checked ~ .checkmark {
    background-color: #c9dca1 !important;
    border: #c9dca1 !important;
}

.social-link__icon:hover {
    color: #c9dca1 !important;
}

.agreement__info a {
    color: #c9dca1 !important;
}

.copyright a,
.copyright a:hover {
    color: #c9dca1;
}

/* SLIDER HERO */
.career__container {
    position: relative;
    width: 100%;
    margin: 0;
    overflow: hidden;
}

.career__container iframe {
    width: 875px;
    height: 432px;
}

@media (max-width: 991px) {
    .career__container iframe {
        width: 100%;
        max-width: 875px;
    }
}

@media (max-width: 440px) {
    .career__container iframe {
        height: 330px;
    }
}

.career__container .career__slider {
    position: relative;
    left: 50%;
    top: 0%;
    width: 55%;
    height: 100%;
    transform: translate(-50%, 0%);

}

.career__container .career__slider .career__slider--item {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    transition: z-index 0ms 250ms;
}

.career__container .career__slider .career__slider--item .career__slider--img {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
    transition: 500ms cubic-bezier(0.17, 0.07, 0.05, 0.03);
    transform: scale(0);
    opacity: 0;
}

.career__container .career__slider .career__slider--item.preactive {
    z-index: 1;
}

.career__container .career__slider .career__slider--item.preactive .career__slider--img {
    opacity: .4;
    transform: translateX(-25%) scale(0.8);
}

.career__container .career__slider .career__slider--item.proactive {
    z-index: 1;
}

.career__container .career__slider .career__slider--item.proactive .career__slider--img {
    opacity: .4;
    transform: translateX(25%) scale(0.8);

}

.career__container .career__slider .career__slider--item.proactive .slider-single-title {
    transform: translateX(150px);
}

.career__container .career__slider .career__slider--item.proactivede .career__slider--img {
    transform: translateX(50%) scale(0);
}

.career__container .career__slider .career__slider--item.active {
    z-index: 2;
}

.career__container .career__slider .career__slider--item.active .career__slider--img {
    opacity: 1;
    transform: translateX(0%) scale(1);
}

.career__container .slider-left {
    position: absolute;
    z-index: 3;
    display: block;
    right: 79%;
    top: 50%;
    color: #8A9AAB;
    font-size: 60px;
    transform: translateY(-50%);
    margin-right: -5px;
}

.career__container .slider-left:hover {
    color: white;
}

.career__container .slider-right {
    position: absolute;
    z-index: 3;
    display: block;
    left: 79%;
    top: 50%;
    color: #8A9AAB;
    font-size: 60px;
    transform: translateY(-50%);
    margin-left: -5px;
}

.career__container .slider-right:hover {
    color: white;
}

/* Tabs */
.departments__tabs {
    display: flex;
    justify-content: space-between;
}

.departments__tab {
    padding: 4px 0;
    color: #343434;
    font-size: 18px;
    cursor: pointer;
    border-bottom: 2px solid #D3D9D9;
    font-weight: 400;
}

.departments__content {
    margin-top: 40px;
}

.departments__box {
    padding: 25px 0;
    border-bottom: 1px solid #f1f1f1;
}

.departments__row {
    display: flex;
    align-items: center;
}

.departments__title {
    font-size: 20px;
    font-weight: 300;
    color: #343434;
}

.departments__title--empty {
    text-align: center;
    width: 100%;
}

.departments__description {
    display: none;
    background: #f9f9f9;
    margin-top: 20px;
    padding: 20px;
}
.departments__apply-btn {
    width: 130px;
    height: 45px;
    font-size: 16px;
    box-sizing: border-box;
    padding: 5px 10px;
    background-color: #596673;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    text-align: center;
    border: 2px solid #ffffff;
    font-weight: 600;
    margin-top: 10px;
    transition: .2s ease-out;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    -o-transition: .2s ease-out;
}

.departments__apply-btn:hover {
    color: #fff;
    background-color: #77899a;
    text-decoration: none;
    cursor: pointer;
}
.departments__button {
    position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: 0;
    vertical-align: middle;
    text-decoration: none;
    background: transparent;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
    width: 100%;
    height: auto;
    color: #fff;
}

.departments__button .circle {
    -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    position: relative;
    display: block;
    margin: 0;
    width: 3.5rem;
    height: 3.5rem;
    background: #d4ff78;
    border-radius: 0;
}

.departments__button .circle .icon {
    -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
}

.departments__button .circle .icon.arrow {
    -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    left: 0.8rem;
    width: 1.125rem;
    height: 0.125rem;
    background: none;
}

.departments__button .button-text {
    -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.75rem 2.5rem;
    margin: 0 0 0 1.85rem;
    color: #596673;
    font-weight: 700;
    line-height: 1.6;
    text-align: left;
    text-transform: uppercase;
}

.departments__button .circle .icon.arrow::before {
    position: absolute;
    content: '';
    top: -0.35rem;
    right: 0.0625rem;
    width: 0.8rem;
    height: 0.8rem;
    border-top: 0.125rem solid #fff;
    border-right: 0.125rem solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.departments__tab--active {
    border-color: #596673;
}

.departments__main {
    display: none;
}

.departments__main--active {
    display: block;
}

.departments__email {
    margin-top: 30px;
    color: #555;
}

.departments__email a {
    margin-top: 30px;
    color: #a3b382;
}

.departments__caluse {
    margin-top: 30px;
    font-style: italic;
}

.career__button .chevron {
    width: 10px;
    height: 10px;
    border-top: 2px solid;
    border-right: 2px solid;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: -12px;
    left: -5px;
    transition: right 0.3s;
}

.benefits {
    margin-top: 100px;
}

.benefits__title {
    font-size: 53px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 60px;
    color: #343434;
    line-height: 1.3;
}

.benefits__wrapper {
    margin-top: 30px;
}

.benefits__text {
    background-color: #d4ff78;
    padding: 30px 20px;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    min-height: 300px;
    margin-bottom: 30px;
    font-size: 26px;
    color: #343434;
    font-weight: 300;
}


/* SLIDER employee */
.employee__container {
    position: relative;
    width: 100%;
    height: 575px;
    margin: 0;
    overflow: hidden;
}

.employee__container .employee__slider {
    position: relative;
    left: 50%;
    top: 0;
    width: 50%;
    height: 100%;
    transform: translate(-50%, 0%);
}

.employee__container .employee__slider .employee__slider--item {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    transition: z-index 0ms 250ms;
    width: 100%;
}

.employee__container .employee__slider .employee__slider--item img {
    width: 100%;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
}

.employee__container .employee__slider .employee__slider--item .employee__slider--content {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 500ms cubic-bezier(0.17, 0.07, 0.05, 0.03);
    transform: scale(0);
    opacity: 0;
    text-align: center;
}

.employee__container .employee__slider .employee__slider--item.preactive {
    z-index: 1;
}

.employee__container .employee__slider .employee__slider--item.preactive .employee__slider--content {
    opacity: .4;
    transform: translateX(-25%) scale(0.8);
}

.employee__container .employee__slider .employee__slider--item.proactive {
    z-index: 1;
}

.employee__container .employee__slider .employee__slider--item.proactive .employee__slider--content {
    opacity: .4;
    transform: translateX(25%) scale(0.8);
}

.employee__container .employee__slider .employee__slider--item.proactive .slider-single-title {
    transform: translateX(150px);
}

.employee__container .employee__slider .employee__slider--item.proactivede .employee__slider--content {
    transform: translateX(50%) scale(0);
}

.employee__container .employee__slider .employee__slider--item.active {
    z-index: 2;
}

.employee__container .employee__slider .employee__slider--item.active .employee__slider--content {
    opacity: 1;
    transform: translateX(0%) scale(1);
}

.employee__text {
    transition: 500ms cubic-bezier(0.17, 0.07, 0.05, 0.03);
}

.employee__container .employee__slider .employee__slider--item.preactive .employee__text {
    opacity: 0;
}

.employee__container .employee__slider .employee__slider--item.proactive .employee__text {
    opacity: 0;
}

.employee__container .employee__slider .employee__slider--item.active .employee__text {
    opacity: 1;
}

.employee__container .employee-slider-left {
    position: absolute;
    z-index: 3;
    display: block;
    right: 76%;
    top: 38%;
    color: white;
    font-size: 60px;
    transform: translateY(-50%);
    margin-right: -5px;
}

.employee__container .employee-slider-left:hover {
    color: white;
}

.employee__container .employee-slider-right {
    position: absolute;
    z-index: 3;
    display: block;
    left: 76%;
    top: 38%;
    color: white;
    font-size: 60px;
    transform: translateY(-50%);
    margin-left: -5px;
}

.employee__container .employee-slider-right:hover {
    color: white;
}

.employee__name {
    color: #343434;
    font-weight: 600;
    font-size: 20px;
    margin-top: 30px;
}

.employee__position {
    color: #343434;
    font-size: 20px;
    margin-top: -5px;
    margin-bottom: 10px;
}

.employee__desc {
    color: #343434;
    font-size: 16px;
}

/* Hero */
.career__hero {
    background: -webkit-linear-gradient(180deg, #d4ff78 66.7%, #fff 37.3%);
    background: -o-linear-gradient(180deg, #d4ff78 66.7%, #fff 37.3%);
    background: linear-gradient(180deg, #d4ff78 66.7%, #fff 37.3%);
    text-align: center;
    padding: 45px 0 90px 0;
    margin-top: -8px;
}

.career__title {
    font-size: 53px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 15px;
    color: #343434;
    line-height: 1.3;
}

.career__description {
    font-size: 20px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 50px;
}

.career__button {
    z-index: 997;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    color: #2e414f;
    text-align: center;
    border: 2px solid #ffffff;
    font-weight: 600;
    font-size: 19px;
    padding: 10px 10px 10px 0;
    width: 250px;
    display: inline-block;
    margin-bottom: 50px;
    transition: .2s;
}

.career__button:hover,
.career__button:focus {
    opacity: 0.9;
    cursor: pointer;
}

.chevron {
    width: 10px;
    height: 10px;
    border-top: 2px solid;
    border-right: 2px solid;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: -4px;
    transition: right 0.3s;
}

/* employee */
.employee {
    margin-top: 60px;
    padding-bottom: 50px;
}

.employee__title {
    font-size: 53px;
    font-weight: 300;
    text-align: center;
    margin-top: 15px;
    color: #343434;
    margin-bottom: 60px;
    line-height: 1.3;
}

.career__button--empty {
    background: transparent;
    border: 1px solid #596673;
    color: #343434;
    padding: 8px 10px 8px 0;
    transition: .35s;
}

.career__button--empty:hover,
.career__button--empty:focus {
    background: #fff;
    box-shadow: inset 250px 0 0 0 #596673;
    border-color: #596673;
}

.apply {
    background: #EAECEE;
    padding: 50px 0;
}

.apply__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.apply__wrapper h2 {
    font-size: 40px;
    color: #343434;
    font-weight: 300;
    text-align: center;
}

.apply__wrapper a {
    width: 300px;
    height: 60px;
    font-size: 20px;
    box-sizing: border-box;
    padding: 5px 20px;
    background-color: #596673;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    text-align: center;
    border: 2px solid #ffffff;
    font-weight: 600;
    margin-top: 30px;
}

.apply__wrapper a:hover {
    background-color: #596673d1;
    color: #fff;
    text-decoration: none;
}

.apply__wrapper p {
    color: #343434;
    font-size: 20px;
    line-height: 1.3;
    margin-top:  20px;
    max-width: 700px;
    text-align: center;
    font-weight: 300;
}

@media screen and (max-width: 1199px) {
    .career__hero {
        background: -webkit-linear-gradient(180deg, #d4ff78 69.4%, #fff 30.6%);
        background: -o-linear-gradient(180deg, #d4ff78 69.4%, #fff 30.6%);
        background: linear-gradient(180deg, #d4ff78 69.4%, #fff 30.6%);
    }

    .hero-btn {
        font-size: 20px;
        padding: 14px 16px;
    }

    .departments__tab {
        font-size: 17px;
    }

    .employee__container {
        height: 525px;
    }
}

@media screen and (min-width: 991px) {
    .departments__button:hover .circle .icon.arrow {
        background: #fff;
        -webkit-transform: translate(1rem, 0);
        transform: translate(1rem, 0);
    }

    .departments__button:hover .circle {
        width: 100%;
    }

    .departments__button:hover .button-text {
        color: #fff;
    }
}

@media screen and (max-width: 991px) {
    .career__hero {
        background: -webkit-linear-gradient(180deg, #d4ff78 74.2%, #fff 35.8%);
        background: -o-linear-gradient(180deg, #d4ff78 74.2%, #fff 35.8%);
        background: linear-gradient(180deg, #d4ff78 74.2%, #fff 35.8%);
        margin-top: -10px;
    }

    .hero-btn {
        position: relative;
        z-index: 1;
    }

    .employee__container {
        height: 495px;
    }

    .employee__container .employee__slider {
        width: 60%;
    }

    .employee__container .employee-slider-right {
        left: 82%;
    }

    .employee__container .employee-slider-left {
        right: 82%;
    }

    .departments__row {
        flex-direction: column;
    }

    .departments__tabs {
        flex-direction: column;
    }

    .departments__tab {
        text-align: center;
        margin-top: 10px;
    }

    .departments__title {
        font-size: 24px;
        width: 100%;
    }

    .departments__wrapper {
        width: 100%;
        margin-top: 15px;
    }

    .benefits__text {
        min-height: 165px;
        padding: 30px;
        font-size: 22px;
    }

    .apply__wrapper h2 {
        font-size: 36px;
    }

    /* Button active styles */
    .departments__box--active .circle .icon.arrow {
        background: #fff;
        -webkit-transform: translate(1rem, 0);
        transform: translate(1rem, 0);
    }

    .departments__box--active .circle {
        width: 100%;
    }

    .departments__box--active .button-text {
        color: #fff;
    }
}

@media (max-width: 767px) {
    .career__hero {
        background: -webkit-linear-gradient(180deg, #d4ff78 80%, #fff 20%);
        background: -o-linear-gradient(180deg, #d4ff78 80%, #fff 20%);
        background: linear-gradient(180deg, #d4ff78 80%, #fff 20%);
    }

    .career__container .career__slider .career__slider--item {
        width: 100%;
    }

    .career__container .career__slider .career__slider--item .career__slider--img {
        height: auto;
    }

    .career__text {
        font-size: 17px;
    }

    .career__number {
        font-size: 50px;
    }

    .career__button.career__button--slider {
        font-size: 17px;
    }

    .career__button.career__button--slider::before {
        width: 88px;
    }

    .career__button.career__button--slider svg {
        right: 12px;
        width: 18px;
    }
}

@media (max-width: 680px) {
    .career__container .slider-right,
    .career__container .slider-left {
        top: 37%;
    }

    .employee__container {
        height: 480px;
    }

    .employee__container .employee-slider-left {
        top: 30%;
    }

    .employee__container .employee-slider-right {
        top: 30%;
    }
}

@media (max-width: 600px) {
    .employee__container .employee__slider {
        width: 70%;
    }

    .employee__container .employee-slider-right {
        left: 88%;
    }

    .employee__container .employee-slider-left {
        right: 88%;
    }

    .employee__container .employee-slider-left {
        top: 30%;
    }

    .employee__container .employee-slider-right {
        top: 30%;
    }
}

@media (max-width: 560px) {
    .career__hero {
        background: -webkit-linear-gradient(180deg, #d4ff78 78%, #fff 22%);
        background: -o-linear-gradient(180deg, #d4ff78 78%, #fff 22%);
        background: linear-gradient(180deg, #d4ff78 78%, #fff 22%);
    }

    .career__container .slider-right, .career__container .slider-left {
        top: 45%;
    }

    .career__container .slider-right {
        left: 87%
    }

    .career__container .slider-left {
        right: 87%
    }

    .buttons__btn--container {
        padding: 0;
    }

    .hero-btn__chevron {
        top: 2px;
    }

    .apply__wrapper h2 {
        font-size: 30px;
    }
}

@media (max-width: 480px) {
    .career__hero {
        margin-top: -25px;
    }

    .career__container .career__slider {
        width: 76%;
    }

    .career__container .career__slider .career__slider--item {
        padding: 15px;
        height: 210px;
    }

    .career__text {
        font-size: 14px;
        padding-right: 15px;
    }

    .benefits__title {
        font-size: 40px;
    }

    .employee__container .employee__slider {
        width: 74%;
    }

    .employee__container .employee-slider-right {
        top: 26%;
        left: 91%;
    }

    .employee__container .employee-slider-left {
        top: 26%;
        right: 91%;
    }

    .employee__container .employee-slider-right {
        font-size: 50px;
    }

    .employee__container .employee-slider-left {
        font-size: 50px;
    }

    .career__title {
        font-size: 40px;
    }

    .career__description {
        font-size: 17px;
    }

    .employee__slider--title {
        font-size: 40px;
    }

    .employee__title {
        font-size: 40px;
    }
}

@media (max-width: 420px) {
    .employee__container {
        height: 450px;
    }
}


@media (max-width: 380px) {
    .career__container .slider-right, .career__container .slider-left {
        top: 50%;
    }

    .career__text {
        font-size: 13px;
    }

    .career__button.career__button--slider {
        width: 88px;
        font-size: 13px;
    }

    .career__button.career__button--slider svg {
        width: 16px;
        top: 2px;
    }

    .career__button.career__button--slider::before {
        width: 69px;
    }

    .benefits__text {
        font-size: 20px;
    }

    .employee__container .employee-slider-right {
        top: 26%;
    }

    .employee__container .employee-slider-left {
        top: 26%;
    }

    .apply__wrapper h2 {
        font-size: 25px;
    }
}

@media (max-width: 360px) {
    .career__hero {
        background: -webkit-linear-gradient(180deg, #d4ff78 75%, #fff 25%);
        background: -o-linear-gradient(180deg, #d4ff78 75%, #fff 25%);
        background: linear-gradient(180deg, #d4ff78 75%, #fff 25%);
    }
}


.career__button{
    background-color: #fff !important;
    border: 1px solid #fff !important;
    border-radius: 5px !important;
    font-weight: normal !important;
    text-transform: uppercase;
    padding: 10px 30px !important;
    width: auto !important;
    color: #2e414f !important;
    text-decoration: none !important;
}

.career__button .chevron{
    display: none;
}

.career__button:hover {
    opacity: 0.85;
}

@media (max-width: 362px){
    .career__button{
        font-size: 15px;
    }
}

@media (max-width: 340px){
    .career__button{
        font-size: 14px;
    }
}

.career-btn-221{
    background-color: #fff !important;
    border: 1px solid #fff !important;
    border-radius: 5px !important;
    font-weight: normal !important;
    text-transform: uppercase;
    padding: 10px 30px !important;
    width: max-content !important;
    color: #2e414f !important;
    text-decoration: none !important;
}
.career-btn-221:hover {
    opacity: 0.85;
}

@media (max-width: 362px){
    .career-btn-221{
        font-size: 15px !important;
    }
}

@media (max-width: 340px){
   .career-btn-221{
        font-size: 14px !important;
    }
}