:root {
    --sdra-gutter: 1.5rem;
    --sdra-radius: 1rem;
    --sdra-form-desktop-width: 26.5rem;
}

.iti-mobile-popup {
    border-radius: 1rem 1rem 0 0;
    padding-block-start: 0;

    width: 23.375rem;
    inset-inline-start: 50%;
    margin-inline-start: -11.6875rem;

    inset-block-start: 10rem;
    height: calc(100% - 10rem);
}

.hystmodal--twik-sdr .hystmodal__window {
    width: 23.375rem;
    background-color: transparent;

    box-shadow:
        0 .1875rem .125rem 0 rgba(0, 0, 0, 0.02),
        0 .4375rem .3125rem 0 rgba(0, 0, 0, 0.03),
        0 .8125rem .625rem 0 rgba(0, 0, 0, 0.04),
        0 1.375rem 1.125rem 0 rgba(0, 0, 0, 0.04),
        0 2.625rem 2.0625rem 0 rgba(0, 0, 0, 0.05),
        0 6.25rem 5rem 0 rgba(0, 0, 0, 0.07);

    border-radius: var(--sdra-radius);
}

.hystmodal--twik-sdr .hystmodal__close {
    background: none;

    z-index: 30;
    width: 1.875rem;
    height: 1.875rem;

    top: .8125rem;
    right: .8125rem;

    border-radius: 50%;
}

.hystmodal--twik-sdr .hystmodal__close:focus {
    outline: .125rem solid #afb3b91f;
}

.hystmodal--twik-sdr .hystmodal__close path {
    fill: var(--white-100);
}

.twik-form-title {
    font-weight: 500;
    font-size: 1rem;
    line-height: 150%;

    color: #2c2c2c;
}

.twik-form--sra {
    box-shadow:
        0 -.0625rem .25rem 0 rgba(0, 0, 0, 0.04),
        0 -.1875rem .5rem 0 rgba(0, 0, 0, 0.06),
        0 -.4375rem 1.1875rem 0 rgba(0, 0, 0, 0.07),
        0 -.875rem 2.5rem 0 rgba(0, 0, 0, 0.09),
        0 -1.5rem 4.8125rem 0 rgba(0, 0, 0, 0.13);
}

.twik-form--sra #submit {
    border-radius: .5rem;
    padding: 1rem 1.5rem;

    font-weight: 500;
    font-size: 1rem;
    line-height: 150%;
    letter-spacing: -0.01em;

    color: #fdfdfd;
}

.twik-form .twik-form__footer-privacy {
    color: #2C2C2C;

    font-size: .875rem;
    line-height: 150%;

    text-align: center;

    padding-block: 1rem 0;
}

.twik-form .twik-form__footer-privacy a {
    text-decoration: underline;
    text-decoration-skip-ink: none;

    color: #6d6d6d;
}

.twik-sdr {
    border-radius: var(--sdra-radius) var(--sdra-radius) 0 0;
    overflow: hidden;
}

.twik-sdra-list {
    color: var(--white-100);

    overflow: hidden;
}

.twik-sdra-list__start {
    position: relative;
    z-index: 10;
}

.twik-sdra-list__end {
    position: relative;
    z-index: 15;
}

.twik-sdra-list .twik-sdra:not(:first-child) {
    display: none;
}

.twik-sdra-list .twik-sdra.is-active {
    display: block;
}

.twik-sdra-list .twik-sdra.is-hidden {
    display: none;
}

.twik-sdra__head,
.twik-sdra__meta {
    border-radius: var(--sdra-radius) var(--sdra-radius) 0 0;

    padding-inline: var(--sdra-gutter);
    padding-block: var(--sdra-gutter) calc(var(--sdra-gutter) * 2);

    margin-block-end: calc(var(--sdra-gutter) * -1);
}

.twik-sdra__head {
    padding-inline-end: 7.5rem;
    background: var(--primary-green);

    font-weight: 500;
    font-size: 1.5rem;
    line-height: 125%;
    letter-spacing: -0.02em;
}

.twik-sdra__name-value {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 150%;
}

.twik-sdra__name-value:after {
    content: ',';
}

.twik-sdra__name-hint {
    display: none;
}

.twik-sdra__meta {
    padding-inline-end: 7.25rem;
    background-color: var(--secondary-deep-blue-700);

    font-size: .75rem;
    line-height: 150%;
}

.twik-sdra__desc {
    font-weight: 400;
    margin-block: .25rem 0;
}

.twik-sdra__desc--desktop {
    display: none;
}

.twik-sdra__meta-footer {
    display: none;

    font-weight: 500;
    margin-block: 1rem 0;
}

.twik-sdra__end {
    position: absolute;
    inset-inline-start: 0;
    inset-block-end: -2.5rem;
    width: 100%;
}

.twik-sdra-photo {
    position: absolute;

    z-index: 5;

    pointer-events: none;

    inset-block-end: 0;

    max-width: none;
    height: auto;
}

.twik-sdra-photo--mobile {
    width: 16.25rem;
    inset-inline-end: -5.625rem;
}

.twik-sdra-photo--desktop {
    display: none;
}

.twik-form-rtji {
    padding-block-start: .5rem;
    text-align: center;
}

.twik-form-rtji__label {
    display: none;
}

.twik-form-rtji .twik-btn {
    width: 100%;
}

@media (min-width: 992px) {
    .iti-mobile-popup,
    .hystmodal--twik-sdr .hystmodal__window {
        width: 60.625rem;
    }

    .twik-sdr .send-ok.show {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .twik-sdr .send-ok .bottoms {
        position: static;
        margin-block-start: 2rem;
    }

    .iti-mobile-popup {
        margin-inline-start: -30.3125rem;
    }

    .hystmodal--twik-sdr .hystmodal__close path {
        fill: #000;
    }

    .twik-sdra-list {
        position: relative;
        min-height: 31.25rem;
    }

    .twik-sdr .twik-form--sra {
        height: 100%;
        padding: 2rem;

        box-shadow:
            -.125rem 0 .25rem 0 rgba(0, 0, 0, 0.04),
            -.4375rem 0 .5625rem 0 rgba(0, 0, 0, 0.07),
            -1.0625rem 0 1.3125rem 0 rgba(0, 0, 0, 0.08),
            -2.0625rem 0 2.75rem 0 rgba(0, 0, 0, 0.11),
            -3.5rem 0 5.3125rem 0 rgba(0, 0, 0, 0.15);
    }

    .twik-sdra-list {
        display: flex;
    }

    .twik-sdra-list__start {
        width: 100%;
        flex: 1;

        padding-inline-end: calc(var(--sdra-form-desktop-width) + 9.125rem);

        border-radius: var(--sdra-radius);
        background-color: var(--primary-green);
    }

    .twik-sdra-list__end {
        position: absolute;
        z-index: 20;

        inset-inline-end: 0;
        inset-block-start: 0;

        width: var(--sdra-form-desktop-width);
        height: 100%;
    }

    .twik-sdra {
        width: 100%;
        height: 100%;
    }

    .twik-sdra__start {
        width: 25rem;
        height: 100%;

        display: flex;
        flex-direction: column;

        padding-block: 2rem;
        padding-inline: 2rem 3.5rem;

        background-color: var(--secondary-deep-blue-700);

        border-radius: var(--sdra-radius) 0 0 var(--sdra-radius);
    }

    .twik-sdra__meta {
        flex: 1;

        display: flex;
        flex-direction: column;
    }

    .twik-sdra__meta-content {
        flex: 1;
    }

    .twik-sdra__head,
    .twik-sdra__meta {
        background-color: transparent;
        padding: 0;
        margin: 0;
    }

    .twik-sdra__head {
        margin-block: 0 1.5rem;

        font-weight: 600;
        font-size: 2rem;
        line-height: 125%;
        letter-spacing: 0;
    }

    .twik-sdra__name-value {
        font-weight: 500;
        font-size: 1.3125rem;
        line-height: 125%;
        letter-spacing: -0.01em;
    }

    .twik-sdra__name-hint {
        display: block;
        margin-block: .25rem 0;

        font-weight: 500;
        font-size: 1rem;
        line-height: 150%;
    }

    .twik-sdra__desc--mobile {
        display: none;
    }

    .twik-sdra__desc--desktop {
        display: block;
    }

    .twik-sdra__desc {
        margin-block: 1.5rem 0;

        font-weight: 400;
        font-size: 1rem;
        line-height: 150%;
    }

    .twik-sdra__meta-footer {
        display: block;

        margin-block: 1.5rem 0;

        font-weight: 500;
        font-size: 1.125rem;
        line-height: 150%;
    }

    .twik-sdra__end {
        inset-block-end: 0;
    }

    .twik-sdra-photo--mobile {
        display: none;
    }

    .twik-sdra-photo--desktop {
        display: block;

        width: 29.875rem;

        inset-inline-start: 50%;

        transform: translateX(-46%);
    }

    .twik-form-title {
        margin-block-end: 1rem;

        font-weight: 500;
        font-size: 1.125rem;
        line-height: 150%;
    }

    .twik-form--sra .wpcf7,
    .twik-form--sra .wpcf7-form {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .twik-form--sra .cell span.wpcf7-form-control-wrap {
        padding-block-start: 1rem;
    }

    .twik-form--sra .twik-form__wrap {
        flex: 1;
    }

    .twik-form--sra .submit {
        padding-block-start: 2rem;
    }

    .twik-form--sra #submit {
        padding: .75rem 1.5rem;
    }

    .twik-form-rtji {
        padding-block-start: 1rem;
    }

    .twik-form-rtji__label,
    .twik-form-rtji .twik-btn {
        display: inline;

        font-weight: 500;
        font-size: 1rem;
        line-height: 150%;
        color: #2c2c2c;
    }

    .twik-form-rtji .twik-btn {
        display: inline !important;
        padding: 0;
        margin: 0;
        box-shadow: none;

        background-color: transparent !important;

        font-weight: 400;

        text-decoration: underline;
        text-decoration-skip-ink: none;

        color: #6d6d6d;

        margin-inline: .375rem;
    }
}

@media (max-width: 1030px) {
    .twik-form--sra .submit {
        padding-block-start: 1rem;
    }
}

@media (max-width:991px) {
    .hystmodal--mobile-bottom .hystmodal__wrap {
        position: fixed;
        bottom: 0;

        display: flex;
        justify-content: flex-end;

        transform: translateY(100%);
        transition: transform .3s ease-in-out;

        min-height: 0;
        height: calc(100% - (var(--header-site-height) + var(--wp-admin--admin-bar--height, 0px)));

        display: block;
        overflow-y: auto;
    }

    .hystmodal--mobile-bottom.hystmodal--active .hystmodal__wrap {
        transform: translateY(0);
    }

    .hystmodal--mobile-bottom .hystmodal__window {
        margin-block: 0;
        padding-bottom: 0;

        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;

        margin-inline: auto;

        position: absolute;

        inset-block-end: 0;
        inset-inline-start: 50%;

        transform: translateX(-50%);

        max-height: 100%;
    }

    .hystmodal--mobile-bottom .hydro-form {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .hystmodal--mobile-bottom .twik-form {
        border-radius: 1rem 1rem 0 0;
    }
}