.pmb-teh-control,
.pmb-teh-control * {
    box-sizing: border-box;
}

.pmb-teh-control {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
}

.pmb-teh-control__shell {
    position: relative;
    width: calc(100% - 30rem);
    max-width: 1890rem;
    min-height: 849rem;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 30rem;
    background-color: var(--pmb-teh-bg, #071214);
    background-image:
        radial-gradient(ellipse at 28% 58%, rgba(13, 80, 78, .48) 0%, rgba(13, 80, 78, 0) 41%),
        linear-gradient(90deg, rgba(2, 5, 5, .98) 0%, transparent 48%, rgba(22, 17, 10, .86) 100%);
    color: #fff;
    isolation: isolate;
}

.pmb-teh-control__background {
    position: absolute;
    z-index: 0;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.pmb-teh-control__background-image {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 849rem;
    object-fit: cover;
    object-position: center top;
}

.pmb-teh-control__shell::before,
.pmb-teh-control__shell::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.pmb-teh-control__shell::before {
    z-index: 1;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, .90) 0%, rgba(0, 8, 10, .74) 31%, rgba(0, 12, 14, .28) 57%, rgba(0, 0, 0, .03) 100%),
        linear-gradient(180deg, rgba(0, 0, 0, .16) 0%, rgba(0, 0, 0, .04) 53%, rgba(0, 0, 0, .18) 100%);
}

.pmb-teh-control__shell::after {
    z-index: 1;
    left: 118rem;
    top: 370rem;
    width: 726rem;
    height: 250rem;
    background: radial-gradient(ellipse, rgba(19, 93, 88, .34) 0%, rgba(11, 64, 64, .16) 42%, rgba(0, 0, 0, 0) 74%);
    filter: blur(46rem);
}

.pmb-teh-control__content {
    position: relative;
    z-index: 2;
    width: 846rem;
    max-width: calc(100% - 460rem);
    margin-left: 230rem;
    padding: var(--pmb-teh-pt, 111rem) 0 var(--pmb-teh-pb, 92rem);
}

.pmb-teh-control__stack {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40rem;
    width: 100%;
}

.pmb-teh-control__eyebrow {
    display: flex;
    align-items: center;
    gap: 12.5rem;
    min-height: 22.5rem;
    margin: 0;
    padding: 2rem 0 2.5rem;
    color: #f1c551;
    font-family: Jost, Arial, sans-serif;
    font-size: 14rem;
    line-height: 18rem;
    font-weight: 600;
    letter-spacing: 1.92rem;
    text-transform: uppercase;
}

.pmb-teh-control__eyebrow-line {
    display: block;
    flex: 0 0 27.5rem;
    width: 27.5rem;
    height: 1.25rem;
    background: #f1c551;
}

.pmb-teh-control__heading,
.pmb-teh-control__text,
.pmb-teh-control__list {
    margin: 0;
}

.pmb-teh-control__heading {
    width: var(--pmb-teh-heading-width-desktop, 100%);
    max-width: 100%;
    color: #fff;
    font-family: Jost, Arial, sans-serif;
    font-size: var(--pmb-teh-heading-desktop, 64rem);
    line-height: 1.12;
    font-weight: 600;
    letter-spacing: .455rem;
}

.pmb-teh-control__text {
    width: 681rem;
    max-width: 100%;
    color: rgba(255, 255, 255, .80);
    font-family: Jost, Arial, sans-serif;
    font-size: 28rem;
    line-height: 1.2;
    font-weight: 400;
}

.pmb-teh-control__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20rem;
    width: 100%;
    padding: 0;
    list-style: none;
}

.pmb-teh-control__item {
    display: flex;
    align-items: center;
    gap: 29rem;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: #fff;
}

.pmb-teh-control__item-icon {
    display: flex;
    flex: 0 0 40rem;
    width: 40rem;
    height: 40rem;
    align-items: center;
    justify-content: center;
}

.pmb-teh-control__item-icon img {
    display: block;
    width: 24rem;
    height: 24rem;
    max-width: none;
}

.pmb-teh-control__item-text {
    min-width: 0;
    color: #fff;
    font-family: Jost, Arial, sans-serif;
    font-size: 24rem;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: .4375rem;
}

@media (max-width: 1100px) and (min-width: 768px) {
    .pmb-teh-control__content {
        width: 760rem;
        max-width: calc(100% - 220rem);
        margin-left: 110rem;
        padding-top: 92rem;
    }

    .pmb-teh-control__heading {
        font-size: 52rem;
    }

    .pmb-teh-control__text {
        font-size: 23rem;
    }

    .pmb-teh-control__item-text {
        font-size: 21rem;
    }
}

@media (max-width: 767px) {
    .pmb-teh-control__shell {
        width: 100%;
        max-width: none;
        min-height: 0;
        border-radius: 0;
        background-color: var(--pmb-teh-bg, #071214);
        background-image: none;
    }

    .pmb-teh-control__background-image {
        min-height: 100%;
        object-position: 62% center;
    }

    .pmb-teh-control__shell::before {
        background:
            linear-gradient(90deg, rgba(0, 0, 0, .88) 0%, rgba(0, 8, 10, .72) 62%, rgba(0, 0, 0, .40) 100%),
            linear-gradient(180deg, rgba(0, 0, 0, .16) 0%, rgba(0, 0, 0, .12) 100%);
    }

    .pmb-teh-control__shell::after {
        left: -80rem;
        top: 185rem;
        width: 390rem;
        height: 270rem;
        filter: blur(38rem);
    }

    .pmb-teh-control__content {
        width: auto;
        max-width: none;
        margin: 0;
        padding: var(--pmb-teh-pt-mobile, 46rem) 22rem var(--pmb-teh-pb-mobile, 50rem);
    }

    .pmb-teh-control__stack {
        gap: 22rem;
    }

    .pmb-teh-control__eyebrow {
        gap: 9rem;
        min-height: 18rem;
        padding: 0;
        font-size: 11rem;
        line-height: 16rem;
        letter-spacing: 1.35rem;
    }

    .pmb-teh-control__eyebrow-line {
        flex-basis: 22rem;
        width: 22rem;
    }

    .pmb-teh-control__heading {
        width: var(--pmb-teh-heading-width-mobile, 100%);
        max-width: 100%;
        font-size: var(--pmb-teh-heading-mobile, 28rem);
        line-height: 1.12;
        letter-spacing: 0;
    }

    .pmb-teh-control__text {
        width: 100%;
        font-size: 16rem;
        line-height: 1.4;
    }

    .pmb-teh-control__list {
        gap: 14rem;
    }

    .pmb-teh-control__item {
        align-items: flex-start;
        gap: 14rem;
    }

    .pmb-teh-control__item-icon {
        flex-basis: 28rem;
        width: 28rem;
        height: 28rem;
        margin-top: 1rem;
    }

    .pmb-teh-control__item-icon img {
        width: 18rem;
        height: 18rem;
    }

    .pmb-teh-control__item-text {
        padding-top: 2rem;
        font-size: 16rem;
        line-height: 1.35;
        letter-spacing: 0;
    }
}