body .mail-list {
    align-items: center;
    align-self: stretch;
    /* background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url('/wp-content/themes/w64-base/assets/img/subscribe.webp') lightgray 50% / cover no-repeat;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 200px var(--space-md);
    /*background-size: cover;
    background-position: center;
    background-repeat: no-repeat;*/
    /*background-attachment: fixed;*/
    overflow: hidden;
    position: relative;
    z-index: 0;
}
    body .mail-list::after {
        background: rgba(0, 0, 0, 0.2);
        content: '';
        height: 100%;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
        z-index:0;
    }
    @media(max-width: 767px) {body .mail-list {
        padding: var(--space-fixed-80) var(--space-md)
}
    }
    body .mail-list .parallax-bg {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 160%; 
        left: 0;
        position: absolute;
        top: -30%; 
        transform: translate3d(0, calc(var(--scroll-offset, 0) * 1px), 0);
        width: 100%;
        will-change: transform;
        z-index: -1;
    }
    body .mail-list .block__inner {
        max-width: 800px;
        width: 100%;
        position: relative;
        z-index: 2;
    }
    body .mail-list__container {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }
    body .mail-list__title {
        color: #FFF;
        font-size: clamp(80px, calc(80px + (180 - 80) * ((100vw - 390px) / (1400 - 390))), 180px);
        letter-spacing: -9.6px;
        
    }
    @media(max-width: 1024px) {
    body .mail-list__title { letter-spacing: -7.6px
        
    } }
    @media(max-width: 768px) {
    body .mail-list__title { letter-spacing: -4px
        
    } }
    body .mail-list__form, body .mail-list form {
        align-items: center;
        /* background: var(--surface-surface-secondary, #FFF);
        border: 1px solid var(--border-stroke-border-none, rgba(255, 255, 255, 0.00));
        border-radius: var(--radius-radius-full, 360px); */
        display: flex;
        gap: 8px;
        height:64px;
        overflow: hidden;
        /* padding: 0 8px 0 32px; */
        padding:0;
        position: relative;
        width:100%;
        max-width: 1000px;
    }
    body .mail-list .gform-body {
        width: 100%;
        height: 100%;

    }
    body .mail-list .gform_wrapper.gravity-theme {
        position: relative;
    }
    body .mail-list .gform_validation_errors {
        background: none !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        text-align: left !important;
        margin-bottom: 16px !important;
        outline: none !important;
        position: absolute !important;
        right: 140px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
        width: auto;
        display: none !important;
        margin: 0 !important;
             max-width: 220px;
        
    }
    body .mail-list .gform_validation_errors h2 {
            margin: 0 !important;
            overflow: hidden;
            color: #B61818;
            text-overflow: ellipsis;
            font-family: "Neue Haas Grotesk Display Pro";
            font-size: 18px;
            font-style: normal;
            font-weight: 450;
            line-height: 120%;
            letter-spacing: -0.28px;
            text-align: left !important;
            display: flex;
            align-items: center;
            gap: 8px;
            position: relative;
            overflow: visible;
            text-wrap-style: auto !important;

           
        }
    body .mail-list .gform_validation_errors h2 span {
                font-size: 18px !important;
                display: block;
                position: relative !important;
                inset: none !important;
            }
    body .mail-list .gform_confirmation_wrapper.gravity-theme {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    body .mail-list .gform_confirmation_wrapper.gravity-theme .gform_confirmation_message {
            color: white;
            font-family: "Neue Haas Grotesk Display Pro";
            font-size: 24px;
            font-style: normal;
            font-weight: 500;
            line-height: 120%;
        }
    body .mail-list .gform_wrapper.gravity-theme .gform_fields {
        width: 100%;
        display: flex !important;
        height: 100%;
    }
    body .mail-list .gform_wrapper.gravity-theme .gform_fields #gform_fields_1 {
            position: relative;
        }
    body .mail-list .gform_wrapper.gravity-theme .gform_fields #field_1_1.gfield.gfield--type-email {
            grid-column: span 12 !important;
            width: 100%;
            position: relative;
            z-index: 1;

        }
    body .mail-list .gform_wrapper.gravity-theme .gform_fields #field_1_1.gfield.gfield--type-email .ginput_container.ginput_container_email {
                width: 100%;
                height: 100%;
                position: relative;
                background: var(--surface-surface-secondary, #FFF);
                border: 1px solid var(--border-stroke-border-none, rgba(255, 255, 255, 0.00));
                border-radius: var(--radius-radius-full, 360px);
                overflow: hidden;
            }
    body .mail-list .gform_wrapper.gravity-theme .gform_fields #field_1_1.gfield.gfield--type-email input[type="email"] {
                width: 100%;
                height: 100%;
                padding: 0 32px;
                outline: none;
                border: none;
                background: transparent;
                color: var(--text-text-primary, #041A2A);
                font-family: "Neue Haas Grotesk Display Pro";
                font-size: 18px;
                font-style: normal;
                font-weight: 450;
                line-height: 120%;
                max-width: calc(100% - 100px);
            }
    @media(max-width: 767px) {
    body .mail-list .gform_wrapper.gravity-theme .gform_fields #field_1_1.gfield.gfield--type-email input[type="email"] {
                    font-size: 16px;
                    max-width: calc(100% - 120px);
                    padding:0 16px
            }
                }
    body .mail-list .gform_wrapper.gravity-theme .gform_fields #field_1_1.gfield.gfield--type-email input[type="email"]::-moz-placeholder {
                    color: var(--text-text-secondary, #858585);
                }
    body .mail-list .gform_wrapper.gravity-theme .gform_fields #field_1_1.gfield.gfield--type-email input[type="email"]::placeholder {
                    color: var(--text-text-secondary, #858585);
                }
    body .mail-list .gform_wrapper.gravity-theme .gform_fields #field_1_1.gfield.gfield--type-email .gfield_description.validation_message.gfield_validation_message {
                position: absolute !important;
                right: 140px;
                top: 50%;
                transform: translateY(-50%);
                z-index: 10;
                width: auto;
                margin: 0 !important;
                max-width: 220px;
                padding: 0 !important;
                color: #B61818 !important;
                font-family: "Neue Haas Grotesk Display Pro" !important;
                font-size: 18px !important;
                font-style: normal !important;
                font-weight: 450 !important;
                line-height: 120% !important;
                letter-spacing: -0.28px !important;
                border: none !important;
                position: relative;
            }
    body .mail-list .gform_wrapper.gravity-theme .gform_fields #field_1_1.gfield.gfield--type-email .gfield_description.validation_message.gfield_validation_message::after {
                    position: absolute;
                    left: -24px;
                    top: 50%;
                    transform: translateY(-50%);
                    width: 16px;
                    height: 16px;
                    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.00065 1.3335C4.32065 1.3335 1.33398 4.32016 1.33398 8.00016C1.33398 11.6802 4.32065 14.6668 8.00065 14.6668C11.6807 14.6668 14.6673 11.6802 14.6673 8.00016C14.6673 4.32016 11.6807 1.3335 8.00065 1.3335ZM8.66732 11.3335H7.33398V10.0002H8.66732V11.3335ZM8.66732 8.66683H7.33398V4.66683H8.66732V8.66683Z' fill='%23B61818'/%3E%3C/svg%3E");
                    background-repeat: no-repeat;
                    background-size: contain;
                    border-radius: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    content: '';
                }
    body .mail-list .gform_wrapper.gravity-theme .gform_fields .gfield.gfield--type-submit {
            position: absolute;
            /* right: 24px; */
            right: 16px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 10;
            width: 100px;
        }
    body .mail-list .gform_wrapper.gravity-theme .gform_fields .gfield.gfield--type-submit input[type="submit"] {
                background: none !important;
                border: none !important;
                cursor: pointer !important;
                padding: 0 !important;
                margin: 0 !important;
                content: 'Subscribe' !important;
                position: relative;
                opacity: 0;
                z-index: 1;
                width: 100px;
            }
    body .mail-list .gform_wrapper.gravity-theme .gform_fields .gfield.gfield--type-submit::after {
                content: 'Subscribe';
                position: absolute;
                right:0;
                top: 50%;
                transform: translateY(-50%);
                height: 48px;
                align-items: center;
                color: var(--text-text-invert, #FFF);
                background: var(--surface-surface-invert, #041A2A);
                border:0;
                border-radius: var(--radius-radius-full, 360px);
                display: flex;
                font-family: "Neue Haas Grotesk Display Pro";
                font-size: 16px;
                font-style: normal;
                font-weight: 450;
                gap: 8px;
                height: 48px;
                line-height: 16px; /* 100% */
                padding: 0 24px;
                text-align: center;
                white-space: nowrap;
                cursor: pointer;
                z-index: 0;
            }
    body .mail-list__input {
        background:transparent;
        border:0;
        font-family: "Neue Haas Grotesk Display Pro";
        font-size: 18px;
        font-style: normal;
        font-weight: 450;
        height:48px;
        line-height: 120%;
        padding:0;
        width:100%;
        outline: none;
        color: var(--text-text-primary, #041A2A);
    }
    body .mail-list__input::-moz-placeholder {
            color: var(--text-text-secondary, #858585);
        }
    body .mail-list__input::placeholder {
            color: var(--text-text-secondary, #858585);
        }
    body .mail-list__button {
        align-items: center;
        color: var(--text-text-invert, #FFF);
        background: var(--surface-surface-invert, #041A2A);
        border:0;
        border-radius: var(--radius-radius-full, 360px);
        display: flex;
        font-family: "Neue Haas Grotesk Display Pro";
        font-size: 16px;
        font-style: normal;
        font-weight: 450;
        gap: 8px;
        height: 48px;
        line-height: 16px; /* 100% */
        padding: 0 24px;
        text-align: center;
        white-space: nowrap;
    }