.dm-modal.gated {
        position: fixed;
        left: 0px;
        top: 0px;
        z-index: 10000;
        display: none;
        height: 100%;
        max-height: 100vh;
        width: 100%;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        overflow-y: auto
}

    .dm-modal.gated.open {
        display: block
}

    .dm-modal.gated .dm-modal__overlay {
        position: fixed;
        top: 0px;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.54)
}

    .dm-modal.gated .dm-modal__close {
        position: absolute;
        right: 24px;
        top: 24px;
        display: flex;
        height: 24px;
        width: 24px;
        cursor: pointer;
        align-items: center;
        justify-content: center
}

    @media (max-width: 768px) {

    .dm-modal.gated .dm-modal__close {
                top: 16px
        }
        }

    .dm-modal.gated .dm-modal__wrapper {
        display: flex;
        min-height: 100%;
        align-items: center;
        justify-content: center
}

    .dm-modal.gated .dm-modal__modal {
        position: relative;
        z-index: 2;
        margin: 20px;
        display: flex;
        height: 100%;
        width: 630px;
        max-width: 630px;
        justify-content: center;
        border-radius: 6px;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
        padding-left: 69px;
        padding-right: 69px;
        padding-top: 37px;
        padding-bottom: 37px
}

    @media (max-width: 768px) {

    .dm-modal.gated .dm-modal__modal {
                width: calc(100% - 20px);
                padding: 20px
        }
        }

    .dm-modal.gated .dm-modal__content {
        width: 100%
}

    .dm-modal.gated .dm-modal__content h4 {
        margin-bottom: 0px;
        display: flex;
        gap: 8px;
        font-family: Lato, sans-serif;
        font-size: var(--wp--preset--font-size--font-24-px);
        font-weight: 700
}

    .dm-modal.gated .dm-modal__content h4 svg {
        height: auto;
        width: 100%;
        max-width: 22px
}

    .dm-modal.gated .dm-modal__content p {
        margin-top: 36px;
        font-family: Lato, sans-serif;
        font-size: var(--wp--preset--font-size--font-18-px)
}