/*Distributors Page*/
.landing-b2b {
    width: 100%;
    max-width: 1372px;
    margin: 0 auto;
    color: #3B444D;
    margin-bottom: 25px;
    font-family: 'League Spartan', sans-serif;
}

.headerB2B {
    width: 100%;
    min-height: 1000px;
    background-image: url("/img/cms/distributors/tlo_header_z_sygnetem.jpg");
    background-position: top right;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

@media screen and (max-width: 767px) {
    .headerB2B {
        min-height: 650px;
        justify-content: space-evenly;
    }
}

.headerB2B__titleWrapper {
    width: 80%;
    text-align: left;
    margin-top: 6vw;
}

.headerB2B__title {
    font-size: min(max(7.86vw, 27px), 65px);
    font-weight: 300;
    margin: 0px;
    line-height: 1.42857143;
}

.headerB2B__title--highlight {
    font-weight: 700;
}

.headerB2B__welcome {
    font-size: min(max(2.57vw, 16px), 20px);
    width: 80%;
    text-align: left;
    margin-top: 3vw;
    ;
}

/* YouTube embed */
@media all and (max-width: 767px) {
    .vidLP iframe {
        min-height: 280px !important;
    }
}

.vidLP {
    margin: 2vw auto 0px;
    transform: translate3d(0px, 0.1509px, 0px);
    opacity: 1;
    overflow: hidden;
    width: 80%;
}

.vidLP iframe {
    border-radius: 8px;
    box-shadow: 0 -1px 7px -1px rgb(0 0 0 / 66%);
    -webkit-box-shadow: 0 -1px 7px -1px rgb(0 0 0 / 66%);
    width: 100%;
    min-height: 620px;
}

.profitsListWrapper {
    width: 80%;
    margin: 4vw auto 0px;
    position: relative;
}

@media screen and (max-width: 1020px) {
    .profitsListWrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 90%;
    }
}

@media screen and (max-width: 450px) {
    .profitsListWrapper {
        width: 100%;
    }
}

.profitList {
    width: 50%;
    background-color: #fff;
    border-radius: 9px;
    padding: 25px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

@media screen and (max-width: 1020px) {
    .profitList {
        position: relative;
        top: unset;
        bottom: 50%;
        right: 0px;
        width: 70%;
        transform: translateY(-75px);
    }
}

@media screen and (max-width: 870px) {
    .profitList {
        width: 80%;
        padding: 15px;
    }
}

.profitList__pictureWrapper {
    width: 70%;
}

@media screen and (max-width: 1020px) {
    .profitList__pictureWrapper {
        width: 90%;
        text-align: center;
    }
}

.profitList__picture {
    width: 100%;
    max-width: 670px;
}

.profitsList__titleWrapper {
    font-size: min(max(2.57vw, 19px), 40px);
    font-weight: 700;
}

.profitsList__title {
    margin-top: 10px;
}

.profitsList__list {
    list-style: none;
    font-size: 16px;
    padding-left: 20px;
}

@media screen and (max-width: 450px) {
    .profitsList__list {
        padding-left: 0px;
        font-size: 13px;
    }
}

.profitList__item {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.profitList__graphics {
    margin-right: 15px;
    max-width: 2em;
}

.profitList__itemDescription {
    margin: 0;
}

.profitList__item__highlight {
    font-weight: 700;
}

.howWorksWrapper {
    width: 90%;
    margin: 5vw auto 0px;
}

.howWorks__title {
    font-size: min(max(4.4vw, 23px), 40px);
    font-weight: 700;
    text-align: center;
}

.howWorks__list {
    list-style: none;
    display: flex;
    justify-content: space-evenly;
    padding-left: 0px;
}

@media screen and (max-width: 620px) {
    .howWorks__list {
        flex-wrap: wrap;
    }
}

.howWorks__listItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 20%;
}

@media screen and (max-width: 620px) {
    .howWorks__listItem {
        width: 48%;
        margin-top: 10px;
    }
}

.howWorks__icon {
    width: min(max(13.39vw, 70px), 96px);
    margin-bottom: 20px;
}

@media screen and (max-width: 620px) {
    .howWorks__icon {
        margin-bottom: 0px;
    }
}

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

.howWorks__subtitle {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 20px;
}

@media screen and (max-width: 450px) {
    .howWorks__subtitle {
        font-size: 18px;
    }
}

.howWorks__description {
    font-size: 16px;
    margin: 0;
}

@media screen and (max-width: 450px) {
    .howWorks__description {
        font-size: 14px;
    }
}

.salesContact {
    width: 80%;
    margin: 0 auto;
    padding: 30px 0;
    margin-top: 45px;
    background: #007474;
    border: none;
    border-radius: 9px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 500px) {
    .salesContact {
        width: 90%;
    }
}

.salesContact__title {
    color: #fff;
    font-size: min(max(4.4vw, 23px), 40px);
    margin-bottom: 30px;
}

.salesContact__contactsWrapper {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

@media screen and (max-width: 500px) {
    .salesContact__contactsWrapper {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        margin-left: 10%;
    }
}

.salesContact__itemWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 32%;
}

@media screen and (max-width: 500px) {
    .salesContact__itemWrapper {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        margin-bottom: 10px;
    }
}

.salesContact__imgWrapper {
    text-align: center;
    width: 100%;
    max-width: min(max(9vw, 32px), 92px);
    margin-bottom: 10px;
}

@media screen and (max-width: 500px) {
    .salesContact__imgWrapper {
        margin-bottom: 0px;
    }
}

.salesContact__img {
    width: 100%;
}

.salesContact__contact {
    color: #fff;
    font-size: min(max(2.57vw, 16px), 20px);
}

@media screen and (max-width: 500px) {
    .salesContact__contact {
        margin-left: 10px;
    }
}

.salesContact__link {
    text-decoration: none;
    color: #fff;
    align-items: center;
    display: flex;
    flex-direction: column;
}

.salesContact__link:hover {
    text-decoration: none;
    color: #fff;
    opacity: 0.8;
}

@media screen and (max-width: 500px) {
    .salesContact__link {
        flex-direction: row;
    }
}

.salesChannels {
    width: 90%;
    margin: 60px auto 0px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    position: relative;
}

.salesChannels__imageWrapper {
    width: 90%;
    margin: 0 auto;
}

@media screen and (max-width: 650px) {
    .salesChannels__imageWrapper {
        width: 100%;
    }
}

.salesChannels_image {
    width: 100%;
}

@media screen and (max-width: 650px) {
    .salesChannels_image--desktop {
        display: none;
    }
}

@media screen and (min-width: 650px) {
    .salesChannels_image--mobile {
        display: none;
    }
}

.salesChannels__listWrapper {
    background-color: #fff;
    border-radius: 9px;
    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.1);
    width: 80%;
    position: absolute;
    bottom: -140px;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 0;
}

@media screen and (max-width: 650px) {
    .salesChannels__listWrapper {
        bottom: -90px;
        width: 90%;
    }
}

.salesChannels__title {
    text-align: center;
    font-size: min(max(4.4vw, 23px), 40px);
    font-weight: 700;
    line-height: 1.42857143;
    margin: 0;
}

.salesChannels__lits {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    column-gap: 10px;
}

@media screen and (max-width: 650px) {
    .salesChannels__lits {
        justify-content: space-evenly;
    }
}

.salesChannles__item {
    font-size: min(max(2.57vw, 16px), 20px);
    font-weight: 700;
    width: 20%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.salesChannels__iconWrapper {
    width: 100%;
    max-width: 96px;
}

.salesChannels__icon {
    width: min(max(9.37vw, 45px), 96px);
}

.scale {
    width: 90%;
    margin: 240px auto 0px;
}

@media screen and (max-width: 650px) {
    .scale {
        width: 100%;
        margin: 170px auto 0px;
    }
}

.scale__infoWrapper {
    text-align: center;
}

.scale__title {
    font-size: min(max(4.4vw, 23px), 40px);
    font-weight: 700;
}

.scale__infoWrapper .scale__description {
    font-size: min(max(2.57vw, 16px), 20px);
    font-weight: 400;
    display: block;
    width: 40%;
    margin: 0 auto;
}

@media screen and (max-width: 1020px) {
    .scale__description {
        width: 70%;
    }
}

@media screen and (max-width: 650px) {
    .scale__description {
        width: 60%;
    }
}

@media screen and (max-width: 450px) {
    .scale__description {
        width: 85%;
    }
}

.scale__map {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: relative;
}

.scale__mapWrapper {
    width: 90%;
    margin: 0 auto;
}

@media screen and (min-width: 650px) {
    .scale__mapWrapper {
        width: 100%;
    }
}

.scale__mapPicture {
    width: 100%;
}

@media screen and (max-width: 650px) {
    .scale__mapPicture--desktop {
        display: none;
    }
}

@media screen and (min-width: 650px) {
    .scale__mapPicture--mobile {
        display: none;
    }
}

.scale__mapInfoWrapper {
    display: flex;
    justify-content: space-evenly;
    position: absolute;
    top: 97px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
}

@media screen and (max-width: 650px) {
    .scale__mapInfoWrapper {
        width: 100%;
        top: unset;
        bottom: 0px
    }
}

.scale__mapInfo {
    width: 100%;
    font-weight: 700;
    color: #FF595A;

}

.scale__number {
    font-size: min(max(22.22vw, 83px), 160px);
    line-height: 1.42857143;
    text-align: center;
    margin: 0;
    font-weight: 700;
    color: #FF595A;
}

.scale__numberTitle {
    font-size: min(max(6.11vw, 23px), 40px);
    line-height: 1.42857143;
    text-align: center;
    margin: 0;
    font-weight: 700;
    color: #FF595A;
}

.fornB2B {
    width: 90%;
    margin: 50px auto 0px;
}

@media screen and (max-width: 510px) {
    .fornB2B {
        width: 100%;
    }
}

.fornB2B h3 {
    display: none;
}

.formB2B__form br {
    display: none;
}

.fornB2B__infoWrapper {
    text-align: center;
}

.fornB2B__title {
    font-size: min(max(4.4vw, 23px), 40px);
    font-weight: 700;
}

.fornB2B__description {
    font-size: min(max(2.57vw, 16px), 20px);
    font-weight: 400;
    display: block;
    width: 50%;
    margin: 0 auto;
}

@media screen and (max-width: 650px) {
    .fornB2B__description {
        width: 65%;
    }
}

@media screen and (max-width: 450px) {
    .fornB2B__description {
        width: 85%;
    }
}

.formB2B__formWrapper {
    margin: 40px auto 0;
    width: 90%;
}

@media screen and (max-width: 510px) {
    .formB2B__formWrapper {
        width: 100%;
    }
}

.formB2B__form {
    display: flex;
    justify-content: space-around;
}

@media screen and (max-width: 1050px) {
    .formB2B__form {
        flex-direction: column;
        align-items: center;
    }
}

.formB2B__leftWrapper {
    width: 45%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media screen and (max-width: 1050px) {
    .formB2B__leftWrapper {
        width: 90%;
        align-items: center;
    }
}

.formB2B__rightWrapper {
    width: 45%;
}

@media screen and (max-width: 1050px) {
    .formB2B__rightWrapper {
        width: 90%;
        display: flex;
        justify-content: center;
    }
}

.formB2B__countryLabel {
    font-weight: 700;
    margin-bottom: 5px;
}

.formB2B__countrySelect {
    margin-bottom: 20px;
    padding: 5px;
    width: 200px;
    appearance: auto;
}

@media screen and (max-width: 1050px) {
    .formB2B__countrySelect {
        width: 100%;
        max-width: 450px;
    }
}

.formB2B__form .formB2B__countrySelect {
    margin: 0;
    flex: 1;
}

.formB2B__formItem {
    width: 100%;
    max-width: 400px;
    padding: 5px;
    margin-bottom: 15px;
}

@media screen and (max-width: 1050px) {
    .formB2B__formItem {
        max-width: 450px;
    }
}

.formB2B__channelLabel {
    display: flex;
    align-items: center;
    padding-right: 0;
    margin-bottom: 5px;
    font-size: 15px;
    gap: 5px;
}

@media screen and (max-width: 510px) {
    .formB2B__channelLabel {
        flex-direction: column;
        justify-content: center;
        padding-left: 0;
    }
}

.formB2B__channelLabel>span {
    margin: 0;
}

.formB2B__salesChannel {
    margin-left: auto;
    width: 55%;
    margin-right: 0;
    padding: 5px;
    appearance: auto;
    font-size: 14px;
}

.formB2B__form .formB2B__salesChannel {
    width: 100%;
    margin-top: 0px;
}

.formB2B__form .wpcf7-form-control-wrap {
    margin-top: 0;
}

.formB2B__form .wpcf7-form-control-wrap.Kraj {
    margin-bottom: 15px;
}

@media screen and (max-width: 510px) {
    .formB2B__salesChannel {
        margin-right: auto;
        width: 85vw;
        max-width: 100%;
    }
}

.formB2B__form .formB2B__button {
    padding: 10px 35px;
    background-color: #007474;
    color: #fff;
    border-radius: 6px;
    border: 1px solid #007474;
}

.formB2B__form .formB2B__button:hover,
.formB2B__button:active {
    opacity: .8;
    color: #000;
    background-color: #CAE9DF;
}

@media screen and (max-width: 1050px) {
    .formB2B__button--desktop {
        display: none;
    }
}

.formB2B__button--mobile {
    margin-top: 20px;
}

@media screen and (min-width: 1050px) {
    .formB2B__button--mobile {
        display: none;
        margin-top: 20px;
    }
}

.formB2B__message {
    resize: vertical;
    width: 100%;
    max-width: 450px;
    height: 100%;
}

.formB2B__form .wpcf7-form-control-wrap.Kanasprzeday {
    margin: 0;
    flex: 1;
}

.socialMedia {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 450px) {
    .socialMedia {
        flex-direction: column;
    }
}

.socialMedia__titleWrapper {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    margin-right: 20px;
}

.socialMedia__titleWrapper p {
    margin: 0;
}

.socialMedia__iconWrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.socialMedia__icon {
    margin-right: 10px;
}

/* Kariera */
:root {
    --locareer-fs-16-24: clamp(1rem, 0.6514rem + 1.7429vi, 1.5rem);
    --locareer-fs-13-16: clamp(0.8125rem, 0.6818rem + 0.6536vi, 1rem);
    --locareer-fs-26-32: clamp(1.625rem, 1.3636rem + 1.3072vi, 2rem);
    --locareer-fs-20-24: clamp(1.25rem, 1.0757rem + 0.8715vi, 1.5rem);
    --locareer-fs-16-20: clamp(1rem, 0.8257rem + 0.8715vi, 1.25rem);
    --locareer-fs-39-96: clamp(2.4375rem, -0.0462rem + 12.4183vi, 6rem);
    --locareer-fs-44-74: clamp(2.75rem, 1.4428rem + 6.5359vi, 4.625rem);
    --locareer-w-95-105: clamp(5.9375rem, 5.5018rem + 2.1786vi, 6.5625rem);
    --locareer-w-105-115: clamp(6.5625rem, 6.1268rem + 2.1786vi, 7.1875rem);
    --locareer-w-100-199: clamp(6.25rem, 1.9363rem + 21.5686vi, 12.4375rem);
    --locareer-h-48-55: clamp(3rem, 2.695rem + 1.5251vi, 3.4375rem);
    --locareer-p-20-45: clamp(1.25rem, 0.1607rem + 5.4466vi, 2.8125rem);
    --locareer-p-29-45: clamp(1.8125rem, 1.1153rem + 3.4858vi, 2.8125rem);
}

.locareer {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    margin-top: 15px;
    color: #3B444D;
    font-size: 18px;
    font-weight: 400;
    font-family: 'League Spartan', sans-serif;
    position: relative;
}

.locareer-header {
    position: relative;
    background: #EFEAE3;
}

.locareer-header__img {
    width: 100%;
    z-index: 1;
    position: relative;
}

.locareer-header__txt {
    display: none;
    position: absolute;
    z-index: 2;
    margin: 0;
    bottom: clamp(1.4375rem, -0.7491rem + 4.491vi, 3.3125rem);
    font-size: 74px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #fff;
    text-shadow: 0px 2px 4px 0px #00000026;
    width: 100%;
    text-align: center;
}

@media screen and (max-width: 779px) {
    .locareer-header__txt {
        font-size: var(--locareer-fs-44-74);
        bottom: clamp(1rem, -0.2636rem + 6.3181vi, 2.8125rem);
    }
}

@keyframes loCarrerSlideInLeft {
    0% {
        left: -150px;
        opacity: 0;
    }

    100% {
        left: 0;
        opacity: 1;
    }
}

@keyframes loCarrerSlideInLeftCsr {
    0% {
        left: -150px;
        opacity: 0;
    }

    100% {
        left: 1.78rem;
        opacity: 1;
    }
}

@keyframes loCarrerSlideInRight {
    0% {
        right: -150px;
        opacity: 0;
    }

    100% {
        right: 0;
        opacity: 1;
    }
}

.locareer-animation {
    animation-fill-mode: forwards;
    animation-direction: normal;
    animation-timing-function: linear;
    animation-duration: 650ms;
}

.locareer-animation__left {
    animation-name: loCarrerSlideInLeft;
    animation-play-state: running;
}


.locareer-animation__leftCsr {
    animation-name: loCarrerSlideInLeftCsr;
}

.locareer-animation__right {
    animation-name: loCarrerSlideInRight;
    animation-play-state: running;
}

.locareer-section {
    padding-block-end: 45px;
}

.locareer-section--grey {
    background: #EFEAE3;
}

.locareer-section--orange {
    background: #F1952A;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 24px;
    position: relative;
}

.locareer-section--dark {
    background: #3B444D;
    padding-block-start: 35px;
}

.locareer-section--numbers {
    background-image: url(/img/cms/kariera/tlo_liczby.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 24px;
}

.locareer-section__map {
    display: grid;
    place-items: center;
    background: linear-gradient(0deg, #3B444D 50%, #F1952A 50%);
}

.locareer-section__header {
    grid-column: 1 / 13;
    padding-block-start: 55px;
    margin-block-end: 55px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 24px;
    row-gap: 10px;
}

.locareer-section__title {
    grid-column: 2 / 12;
    font-size: 32px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    margin: 0;
}

@media screen and (max-width: 779px) {
    .locareer-section__title {
        font-size: var(--locareer-fs-26-32);
    }
}

.locareer-section__title:has(+ .locareer-section__blockTitle) {
    margin-block-end: 25px;
}

.locareer-section__title--white {
    color: #fff;
}

.locareer-section__subTitle {
    grid-column: 2 / 12;
    margin: 0;
    font-size: 24px;
    line-height: 1.15;
    font-weight: 400;
}

.locareer-section__blockTitle {
    grid-column: 2 / 12;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.15;
    color: #fff;
}

@media screen and (max-width: 779px) {

    .locareer-section__subTitle,
    .locareer-section__blockTitle {
        font-size: var(--locareer-fs-20-24)
    }
}

.locareer-about {
    width: 80%;
    margin-inline: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
        "img ttx"
        "img mttx"
        "img mbtx"
        "img btx";
    column-gap: 25px;
    row-gap: 15px;
}

@media screen and (max-width: 1229px) {
    .locareer-about {
        width: 100%;
    }
}

@media screen and (max-width: 779px) {
    .locareer-about {
        grid-template-columns: 1fr;
        grid-template-areas:
            "ttx"
            "img"
            "mttx"
            "mbtx"
            "btx";
        column-gap: 0;
        width: 100%;
    }
}

.locareer-about__img {
    grid-area: img;
    width: 100%;
    max-width: 594px;
    position: relative;
    left: -150px;
    opacity: 0;
    animation-delay: 650ms;
}

.locareer-about__text {
    font-size: 16px;
    line-height: 1.4;
    position: relative;
    right: -150px;
    opacity: 0;
    animation-delay: 650ms;
}

@media screen and (max-width: 779px) {
    .locareer-about__text {
        padding-inline: 1rem;
    }
}

.locareer-about__topText {
    grid-area: ttx;
    align-self: start;
}

.locareer-about__midText {
    grid-area: mttx;
    align-self: start;
}

.locareer-about__midBottomText {
    grid-area: mbtx;
}

.locareer-about__bottomText {
    grid-area: btx;
    align-self: end;
}

.locareer-numbers {
    grid-column: 2 / 12;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
    color: #fff;
}

.locareer-numbers__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
}

.locareer-numbers__item:last-of-type {
    flex-basis: 15rem;
}

.locareer-numbers__counter {
    font-size: 96px;
    font-weight: 600;
    text-align: center;
    color: #fff;
}

@media screen and (max-width: 778px) {
    .locareer-numbers__counter {
        font-size: var(--locareer-fs-39-96)
    }
}

@media screen and (max-width: 778px) {
    .locareer-numbers__counter--long {
        display: none;
    }
}

@media screen and (min-width: 779px) {
    .locareer-numbers__counter--short {
        display: none;
    }
}

.locareer-numbers__desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.15;
    text-align: center;
    color: #fff;
}

@media screen and (max-width: 779px) {
    .locareer-numbers__desc {
        font-size: var(--locareer-fs-13-16);
    }
}

.locareer-benefits {
    width: calc(100% - 3rem);
    margin-inline: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 9rem), 1fr));
    gap: 15px;
}

@media screen and (max-width: 1034px) {
    .locareer-benefits {
        justify-items: center;
        row-gap: 65px;
    }
}

@media screen and (669px <=width <=1034px) {
    .locareer-benefits {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, calc((100% / 3) - 30px)), 1fr));
    }
}

.locareer-benefits__item {
    background: #B7AB9D;
    border-radius: 121.5px 121.5px 0px 0px;
    padding: 0px 5px 10px;
    width: 100%;
    max-width: 214px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    position: relative;
}

@media screen and (max-width: 1034px) {
    .locareer-benefits__item {
        border-radius: 95px;
    }
}

#locareer.locareer .locareer-benefits__icon {
    width: 100%;
    height: auto;
    max-width: 90px;
    position: absolute;
    top: -25px;
    left: 0;
}

.locareer-benefits__title {
    font-size: 20px;
    line-height: 1.15;
    font-weight: 700;
    color: #fff;
    text-align: center;
    display: block;
    height: 48px;
    width: 13ch;
    flex-shrink: 0;
    margin: 0;
    margin-block-start: 90px;
}

.locareer-benefits__desc {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.15;
    text-align: center;
    color: #fff;
    margin: 0;
}

@media screen and (max-width: 1034px) {
    .locareer-benefits__desc {
        margin-block-end: 90px;
    }
}

.locareer-opinion {
    width: 80%;
    margin-inline: 0 auto;
    display: flex;
    gap: 15px;
    justify-content: flex-start;
    align-items: flex-start;
    margin-block-end: 35px;
    position: relative;
    z-index: 0;
}

.locareer-opinion:last-of-type {
    margin-block-end: 0;
}

@media screen and (max-width: 779px) {
    .locareer-opinion {
        flex-wrap: wrap;
        width: 100%;
        align-items: center;
    }
}

.locareer-worker {
    flex-basis: 400px;
    flex-shrink: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    z-index: 1;
    left: -150px;
    opacity: 0;
}

@media screen and (max-width: 779px) {
    .locareer-worker {
        flex-shrink: 1;
        flex-basis: 70%;
        min-width: 275px;
    }
}

.locareer-worker__name {
    font-size: 20px;
    line-height: 1.15;
    font-weight: 400;
    color: #fff;
    display: block;
    padding: 45px 0 45px 30px;
    background: #B7AB9D;
    width: 88%;
    display: block;
    z-index: 1;
    position: absolute;
    left: 0;
}

@media screen and (max-width: 779px) {
    .locareer-worker__name {
        font-size: var(--locareer-fs-16-20);
        padding-block: var(--locareer-p-29-45);
    }

    .locareer-worker__name--2lines {
        padding-block: var(--locareer-p-20-45);
    }
}

#locareer.locareer .locareer-worker__img {
    width: 100%;
    max-width: 199px;
    z-index: 2;
    position: relative;
}

@media screen and (max-width: 779px) {
    #locareer.locareer .locareer-worker__img {
        max-width: var(--locareer-w-100-199)
    }
}

@media screen and (max-width: 779px) {
    .locareer-workerOpinion {
        padding-inline: 1.15rem;
    }
}

.locareer-workerOpinion {
    position: relative;
    z-index: 1;
    right: -150px;
    opacity: 0;
}

@media screen and (min-width: 779px) {
    .locareer-workerOpinion {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-block: auto;
    }
}

.locareer-workerOpinion__txt {
    font-size: 16px;
    line-height: 1.15;
    font-weight: 400;
    text-wrap: pretty;
    margin-block-end: 1em;
}

.locareer-workerOpinion--more {
    transition: max-height .75s ease-in, margin-block .75s ease-in;
    max-height: 0;
    overflow: hidden;
}

.locareer-workerOpinion--more[open] {
    max-height: 500px;
    transition: max-height .75s ease-in, margin-block .75s ease-in;
}

.locareer-moreBtn {
    appearance: none;
    background: none;
    border: none;
    display: flex;
    text-align: right;
    justify-content: flex-end;
    align-items: center;
    gap: 7px;
    cursor: pointer;
    color: #FFB866;
    font-family: 'League Spartan', sans-serif;
    font-size: 16px;
}

.locareer-moreBtn:focus {
    outline: none;
}

.locareer-moreBtn:focus-visible {
    outline: 1px solid #FFB866;
}

.locareer-moreArrow {
    transition: transform .65s linear;
    transform: rotate(180deg);
    width: 18px;
}

.locareer-moreArrow[open] {
    transform: rotate(0deg);
    transition: transform .65s linear;
}

.locareer-recrutation {
    grid-column: 2 / 12;
    width: 95%;
    margin-inline: auto;
}

@media screen and (max-width:499px) {

    .locareer-section__title,
    .locareer-section__blockTitle,
    .locareer-section__subTitle,
    .locareer-numbers,
    .locareer-recrutation {
        grid-column: 1 / 13;
        padding-inline: 1rem;
        width: 100%;
    }
}

@media screen and (max-width:499px) {
    .locareer-numbers {
        padding-inline: 0.5rem;
    }
}

.locareer-recrutation__step {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    color: #fff;
}

.locareer-recrutation__step:first-of-type {
    margin-block-end: 45px;
}

.locareer-recrutation__stepNumber {
    font-size: 80px;
    font-weight: 400;
    color: #FFB866;
    margin: 0;
    line-height: 1;
    width: 45px;
    text-align: center;
    flex-shrink: 0;
    position: relative;
    left: -150px;
    opacity: 0;
}

.locareer-recrutation__stepBody {
    overflow: hidden;
}

.locareer-recrutation__stepTitle,
.locareer-recrutation__stepDesc {
    font-size: 16px;
    line-height: 1.15;
    font-weight: 700;
    text-wrap: balance;
    color: #fff;
    margin: 0 0 10px;
    position: relative;
    right: -150px;
    opacity: 0;
}

.locareer-recrutation__stepDesc {
    font-weight: 400;
}

.locareer-recrutation__stepDesc:has(+ .locareer-recrutation__stepDesc) {
    margin-block-end: 25px;
}

.locareer-link {
    color: #fff;
    text-decoration: underline;
    transition: color 260ms ease-in-out;
}

.locareer-link:hover {
    color: #e0e0e0;
}

#locareer.locareer .locareer-map__img {
    width: calc(100% - 2rem);
    max-width: 816px;
}

.locareer-csritem {
    width: 100%;
    margin-inline: auto 0;
    margin-block-end: 40px;
    position: relative;
    z-index: 0;
    display: flex;
    gap: 20px;
    padding-inline-start: 20px;
    justify-content: flex-end;
    height: 200px;
}

@media screen and (max-width: 779px) {
    .locareer-csritem {
        justify-content: center;
        gap: 0;
        padding-inline-start: 0;
        height: auto;
        margin-block-end: 55px;
    }
}

.locareer-csritem div {
    background: #EFEAE3;
    border-radius: 121.5px 0px 0px 121.5px;
    padding-inline-start: 75px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    position: relative;
    z-index: 1;
    flex-basis: calc(100% - 240px);
    height: 100%;
    right: -150px;
    opacity: 0;
}

@media screen and (max-width: 779px) {
    .locareer-csritem div {
        display: block;
        flex-basis: 100%;
        height: auto;
        border-radius: 0;
        padding-inline: 2rem;
        padding-block: 1.35rem;
        right: 0;
        opacity: 1;
        animation-name: none;
    }
}

.locareer-csritem__img {
    position: relative;
    z-index: 2;
    left: -150px;
    opacity: 0;
}

@media screen and (max-width: 779px) {
    .locareer-csritem__img {
        position: absolute;
        shape-outside: inset(10px -10px);
        top: -35px;
        left: -9.8rem;
        opacity: 0;
        transform: none;
        width: 100%;
        max-width: var(--locareer-w-95-105);
        margin-inline-end: 10px;
    }
}

.locareer-csritem__title {
    font-size: 24px;
    line-height: 1.15;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
    position: relative;
}

@media screen and (max-width: 779px) {
    .locareer-csritem__title {
        margin-block-end: 10px;
        font-size: var(--locareer-fs-16-24);
        right: -150px;
        opacity: 0;
    }
}

@media screen and (max-width: 779px) {
    .locareer-csritem__title::before {
        content: "";
        display: block;
        width: var(--locareer-w-105-115);
        height: var(--locareer-h-48-55);
        float: left;
    }
}

.locareer-csritem__desc {
    font-size: 16px;
    line-height: 1.15;
    font-weight: 400;
    margin: 0;
    text-wrap: pretty;
    position: relative;
}

@media screen and (max-width: 779px) {
    .locareer-csritem__desc {
        font-size: var(--locareer-fs-13-16);
        right: -150px;
        opacity: 0;
    }
}

/* LO All campaigns */
.lo-campaigns {
    width: 100%;
    max-width: 1372px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #3B444D;
    font-size: 20px;
    font-weight: 400;
    font-family: 'League Spartan', sans-serif;
    margin-block-end: 45px;
}

.lo-campaigns__header {
    background: #F3EEE8;
    display: grid;
    place-items: center;
    padding: 45px;
    margin-block-end: 45px;
}

@media screen and (max-width: 970px) {
    .lo-campaigns__header {
        padding: clamp(0.9375rem, -0.5308rem + 5.5147vw, 2.8125rem);
        margin-block-end: clamp(1.25rem, 0.4808rem + 3.8462vw, 2.8125rem);
    }
}

@media screen and (max-width: 768px) {
    .lo-campaigns__header {
        padding: 0;
        display: block;
        background: none;
    }
}

.lo-campaigns__headerWrapper {
    width: 100%;
    max-width: 1200px;
    height: 100%;
    border-radius: 43px;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

@media screen and (max-width: 768px) {
    .lo-campaigns__headerWrapper {
        border-radius: 0;
    }
}

.lo-campaigns__headerImg {
    width: 100%;
    z-index: 0;
}

.lo-campaigns__headerTitle {
    position: absolute;
    left: 25px;
    bottom: 25px;
    z-index: 1;
    font-size: 55px;
    font-weight: 500;
    line-height: 1.1;
    display: block;
    width: 70%;
    margin: 0;
    color: #fff;
    text-shadow: 0 2px 1px #8d867e78;
}

@media screen and (max-width: 1200px) {
    .lo-campaigns__headerTitle {
        font-size: clamp(1.3125rem, 0.5398rem + 3.8636vw, 3.4375rem);
    }
}

@media screen and (max-width: 768px) {
    .lo-campaigns__headerTitle {
        width: 100%;
        left: 0;
        bottom: 10px;
        padding-inline: 10px;
    }
}

.lo-campaigns__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
    width: calc(100% - 14rem);
    margin-inline: auto;
    gap: 25px;
}

@media screen and (max-width: 1106px) {
    .lo-campaigns__grid {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
    }
}

@media screen and (max-width: 1059px) {
    .lo-campaigns__grid {
        width: calc(100% - 5rem);
    }
}

@media screen and (max-width: 768px) {
    .lo-campaigns__grid {
        width: calc(100% - 2rem);
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
        gap: 20px;
    }
}

.lo-campaigns__gridItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    background: #F3EEE8E5;
    padding: 18px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.lo-campaigns__gridImgWrapper {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.lo-campaigns__gridImg {
    position: relative;
    width: 100%;
    z-index: 0;
    transition: transform 350ms ease-in;
}

.lo-campaigns__gridTitle {
    color: #3C454E;
    font-size: 20px;
    text-align: center;
    z-index: 0;
}

@media screen and (max-width: 768px) {
    .lo-campaigns__gridTitle {
        font-size: clamp(1.125rem, 1.0357rem + 0.4464vw, 1.25rem);
    }
}

.lo-campaigns__gridTitle--uppercase {
    text-transform: uppercase;
}

.lo-campaigns__gridLink {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
}

.lo-campaigns__gridLink:hover+.lo-campaigns__gridImgWrapper .lo-campaigns__gridImg {
    transform: scale(1.1) translateY(-5px);
}

/* Blog */

/* Blog page cms header */
#content-wrapper:has(.page-cms-48) .page-header {
    display: none;
}

/* Blog Main Grid */
.blogMain {
    margin-inline: auto;
}

.blogHeader {
    margin-block-end: 25px;
}

.blogHeader__img {
    padding: 5px;
    margin-inline: auto;
    margin-block-end: 25px;
}

.blogHeader__img--desktop {
    width: 100%;
    max-width: 1370px;
}

@media screen and (max-width: 460px) {
    .blogHeader__img--desktop {
        display: none;
    }
}

.blogHeader__img--mobile {
    width: 100%;
    max-width: 460px;
}

@media screen and (min-width: 460px) {
    .blogHeader__img--mobile {
        display: none;
    }
}

.blogPostGrid {
    display: grid;
    width: min(1270px, calc(100% - 30px));
    margin-inline: auto;
    margin-block-end: 35px;
    gap: 15px;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
}

.blogPostItem {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 10px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
}

.blogPostItem:has(.blogPostLink:hover) {
    opacity: 0.8;
}

.blogPostTitleImg {
    width: 100%;
    border-radius: 5px 5px 0 0;
}

.blogPostBody {
    height: 100%;
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.blogPostTitle {
    margin: 0;
    margin-block-end: 20px;
    font-size: min(max(2.12vw, 17px), 22px);
    color: #007474;
    display: -webkit-box;
    text-overflow: ellipsis;
    outline: none;
    overflow: hidden;
    max-height: 60px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blogPostDesc {
    font-size: min(max(1.7vw, 13px), 16px);
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    display: -webkit-box;
}

.blogPostMore {
    text-align: right;
    margin-block-start: auto;
    margin-block-end: 0;
    color: #007474 !important;
    font-size: min(max(1.7vw, 13px), 16px);
}

.blogPostLink {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer;
}

.blogPagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-block-end: 20px;
    padding-inline: 5px;
}

.navButton {
    appearance: none;
    border: none;
    background: #E88B28;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
    transition: all 500ms ease-in-out;
    aspect-ratio: 1 / 1;
    padding: 6px 12px;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .navButton {
        font-size: clamp(0.875rem, 0.6964rem + 0.8929vw, 1.125rem);
    }
}

.navButton:hover {
    color: #e88b28;
    background: #d1c6ba;
}

.navPageNumbers {
    flex-wrap: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.page-number {
    text-decoration: none;
    color: #000;
    font-size: 18px;
    line-height: 1;
    text-align: center;
    padding: 9px 12px 6px;
    border: 1px solid #868686;
    transition: all 500ms ease-in-out;
}

@media screen and (max-width: 768px) {
    .page-number {
        font-size: clamp(0.875rem, 0.6964rem + 0.8929vw, 1.125rem);
    }
}

.page-number:hover {
    color: #fff;
    background: #868686;
}

.page-number--active {
    font-weight: 700;
}

/* Blog Post */
.blogPostArticle {
    width: min(1270px, calc(100% - 30px));
    margin-inline: auto;
    font-family: league spartan, sans-serif;
}

.post-banner-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 55px;
}

.post-banner {
    width: 100%;
    max-width: 1300px;
}

.post-banner:not(:has(.post-banner__img)) {
    filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.25));
    border-radius: 12px;
}

.post-banner__img {
    width: 100%;
    filter: drop-shadow(0 4px 20px rgba(0, 0, 0, .25));
    border-radius: 12px;
}

@media screen and (max-width: 599px) {
    .post-banner--desktop {
        display: none;
    }
}

@media screen and (min-width: 599px) {
    .post-banner--mobile {
        display: none;
    }
}

.blog-post-title {
    color: #007474;
    font-size: min(max(4.4vw, 23px), 40px);
    font-weight: 700;
    margin-block-end: 20px;
    line-height: 1.2;
}

.blog-post-title:has(+ .blog-post-date) {
    margin-block-end: 0;
}

.blogPostArticle p {
    line-height: 1.6;
    margin-block-end: 10px;
}

.blogPostArticle p,
#blogPost blockquote,
#blogPost blockquote p,
.blogPostArticle ul,
.blogPostArticle ol,
#blogPost table td,
#blogPost table th {
    font-size: clamp(1rem, 0.9417rem + 0.2915vw, 1.1875rem);
}

.blog-post-date.blog-post-date {
    color: #999999;
    font-size: clamp(0.875rem, 0.8362rem + 0.1942vw, 1rem);
    line-height: 1;
    margin-block-end: 20px;
}

.blogPostArticle a {
    color: #007474;
}

.blogPostArticle a:hover {
    color: hsl(180, 100%, 33%);
}

.blogPostSection__heading {
    color: #007474;
    margin-right: 1rem;
    margin-top: 3rem;
}

.blogPostSection__heading:has(+ .blogPostSection__heading)+h3 {
    margin-top: 1rem;
}

.blogPostSection__heading--highlited {
    color: #666;
    margin-top: unset;
}

.blogAnchors-wrapper {
    margin-top: 25px;
    margin-bottom: 25px;
}

.blogAnchors {
    color: #007474;
    text-decoration: none;
    font-weight: 700;
    cursor: pointer;
}

.blogAnchors:hover {
    color: hsl(180, 100%, 33%);
}

.blogPostSection__highlited {
    color: #666;
    background: #FCF8F1;
    border-radius: 12px;
    border: 1px solid #D2D2D2;
    padding: 15px;
    margin-block: 30px;
}

@media screen and (max-width: 767px) {
    .blogPostSection__highlited {
        padding: 15px 10px;
    }
}

.blogPostSection__highlited p {
    margin-bottom: 0;
    color: #666;
}

#blogPost blockquote {
    font-style: italic;
    font-weight: 300;
    border-inline-start: 2px solid #007474;
    padding-inline-start: 10px;
}

#blogPost blockquote p {
    font-style: italic;
    font-weight: 300;
}

.blog-post-info-box {
    padding: 15px;
    border: 1px solid #007474;
    border-radius: 25px;
}

.blog-post-info-box p:first-child {
    color: #007474;
}

.blogPostArticle p sup {
    font-size: 13px
}

#blogPost blockquote footer {
    font-style: normal;
}

.blogPostArticle ul li,
.blogPostArticle ol li {
    margin-block-end: 8px;
}

.postContent__list {
    font-size: 1.05em !important;
}

.blogPostImg__wrapper {
    width: 100%;
    overflow: hidden;
    margin: 25px auto;
}

.blogPostImg {
    width: 100%;
    max-width: 1000px;
    height: auto;
    max-height: 520px;
    border-radius: 6px;
    margin-inline: auto;
    display: block;
    object-fit: contain;
}

.blogPostVideo__wrapper {
    margin: 20px auto 45px;
    transform: translate3d(0, .1509px, 0);
    opacity: 1;
    overflow: hidden;
    width: 65%;
}

.blogPostVideo__wrapper iframe {
    border-radius: 8px;
    box-shadow: 0 -1px 7px -1px rgb(0 0 0 / 66%);
    -webkit-box-shadow: 0 -1px 7px -1px rgb(0 0 0 / 66%);
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}

#blogPost table {
    width: min(450px, 100%);
    margin-inline: auto;
    border-collapse: collapse;
    border: 1px solid #fff;
    overflow-x: auto;
}

#blogPost table th {
    background: #a69e97;
    color: #fff;
}

#blogPost table tbody tr:nth-child(even) td {
    background: #efeae357;
}

.blogPostFaq {
    margin-top: 35px;
}

.blogPostFaq__item {
    margin-top: 15px;
    font-size: 1.05em;
}

.blogSpecBio__wrapper {
    border: 2px solid #007474;
    padding: 15px;
    border-radius: 15px;
    margin-top: 2rem;
}

.blogSpecBioTitle {
    margin-left: 1rem;
}

.blogSpecBio {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    margin-left: 10px;
}

@media screen and (max-width: 748px) {
    .blogSpecBio {
        flex-direction: column;
    }
}

.blogSpecPhoto {
    flex-basis: 15%;
    flex-grow: 0;
}

.blogSpecPhoto__img {
    width: 100%;
    max-width: 200px;
    border-radius: 50%;
}

.blogSpecDesc {
    flex-basis: 60%;
    flex-grow: 0;
}

@media screen and (max-width: 748px) {
    .blogSpecDesc {
        flex-basis: 90%;
    }
}

.blogPostSection__sources .blogPostSection__sourcesTitle {
    font-size: 13px;
    line-height: 1.3;
    margin-block-end: 8px;
}

.blogPostSection__sources ul li.blogPostSection__sourcesItem,
.blogPostSection__sources ol li.blogPostSection__sourcesItem {
    font-size: 13px;
    margin-block-end: 5px;
    line-height: 1.3;
}

.blogDivTable {
    padding-inline: 10px;
}

.blogDivTable__row {
    display: flex;
    flex-wrap: nowrap;
}

@media screen and (max-width: 579px) {
    .blogDivTable__row {
        flex-wrap: wrap;
    }
}

.blogDivTable__row p {
    margin: 0;
}

.blogDivTable__typeCell {
    border-inline: 1px solid #000;
    border-block-start: 1px solid #000;
    flex: 0 0 230px;
    padding: 8px;
}

@media screen and (max-width: 579px) {
    .blogDivTable__typeCell {
        flex: 1 1 100%;
    }
}

.blogDivTable__typeCell--last {
    border-block: 1px solid #000;
}

@media screen and (max-width: 579px) {
    .blogDivTable__typeCell--last {
        border-block-end: none;
    }
}

.blogDivTable__descCell {
    border-inline-start: none;
    border-block-start: 1px solid #000;
    border-inline-end: 1px solid #000;
    border-inline-start: none;
    flex: 1 1 auto;
    padding: 8px;
}

@media screen and (max-width: 579px) {
    .blogDivTable__descCell {
        border-inline-start: 1px solid #000;
    }
}

.blogDivTable__descCell--last {
    border-block: 1px solid #000;
}