.newsletter {
    background: transparent linear-gradient(270deg, var(--abc-red) 0%, #58000D 100%) 0 0 no-repeat padding-box;
    color: #fff;
    padding-top: 10rem;
    padding-bottom: 7.5rem;
    margin-top: -2rem;
    clip-path: polygon(0 0, 50% 2rem, 100% 0, 100% 100%, 0 100%);

    @media (min-width: 540px) {
        margin-top: -3rem;
        clip-path: polygon(0 0, 50% 3rem, 100% 0, 100% 100%, 0 100%);
    }

    @media (min-width: 768px) {
        padding-top: 12.5rem;
        margin-top: -5rem;
        clip-path: polygon(0 0, 50% 5rem, 100% 0, 100% 100%, 0 100%);
    }

    @media (min-width: 992px) {
        margin-top: -6rem;
        clip-path: polygon(0 0, 50% 6rem, 100% 0, 100% 100%, 0 100%);
    }
}

.newsletter__row {
    @media (min-width: 768px) {
        display: flex;
        justify-content: space-between;
    }
}

.newsletter__form {
    @media (min-width: 768px) {
        flex: 0 0 70%;
    }

    @media (min-width: 992px) {
        flex: 0 0 40%;
    }

    a {
        color: #fff;
    }

    .form-control {
        border-radius: 2rem;
        border-width: 0;
        padding: calc(0.46rem + (2 * var(--bs-border-width))) calc(1rem + (2 * var(--bs-border-width)));

        &:focus {
            box-shadow: 0 0 0 0.25em rgb(255 255 255 / 25%);
        }

        &:user-invalid {
            box-shadow: 0 0 0 0.25em rgba(255, 61, 61, 0.59);
        }
    }
}

.newsletter__icon {
    display: none;

    @media (min-width: 768px) {
        display: block;
        width: 25%;
    }

    @media (min-width: 992px) {
        width: 40%;
    }

    img {
        display: block;
        width: 100%;
        height: auto;
        max-width: 17.25rem;
        margin: 0 auto;
    }
}

.newsletter__header {
    font-size: 1.75rem;
    line-height: 115%;
    font-family: DaxWeb-Medi;
    margin-bottom: 2rem;
    text-align: center;

    @media (min-width: 768px) {
        text-align: left;
    }

    @media (min-width: 992px) {
        font-size: 2rem;
    }

    @media (min-width: 992px) {
        font-size: 2.25rem;
    }
}