.subscribe-flex-column{
        background:url('/site/templates/img/subscribe--light.png') 50% 0/cover no-repeat;
        border-radius:16px;
        padding:clamp(1.5rem,5vw,3rem);
        display:flex;
        justify-content:space-between;
        align-items:flex-start;
        gap: clamp(1.5rem, 2vw,2rem);
        flex-direction: column;
    }
    .blog--section-flex{
        display: flex;
        gap: clamp(1rem, 2vw, 1.5rem);
    }

    .blog--section-right{
        padding: clamp(1.5rem, 5vw, 2.5rem);
        flex: 0 0 376px;
        --accent: var(--green);
        background: color-mix(in oklab,var(--accent) 12%,transparent);
        border-radius: 16px;
        display: flex;
        flex-direction: column;
        text-align: center;
        align-items: center;
        justify-content: space-between;
        gap: clamp(1.5rem, 5vw, 2rem);
    }

    .subscribe-flex-column .subscribe__text{
        font-size: clamp(.9375rem, 2vw, 1rem);
        line-height: clamp(1.5rem, 2vw, 1.625rem);
    }

    .blog--section-right-icon{
        width: 74px;
        height: 60px;
    }

    .blog--section-right-title{
        margin-bottom: 6px;
    }

    .blog--section-right-text{
        margin-bottom: 18px;
        font-size: clamp(.9375rem, 2vw, 1rem);
        line-height: clamp(1.5rem, 2vw, 1.625rem);
    }

    .subscribe-flex-column .subscribe--form{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 0.5rem
    }

    button.mobile--subscribe{
        display: none;
    }

    @media (max-width: 1024px){
        .blog--section-right{
            flex: 0 0 50%;
            justify-content: start;
        }
        .blog--section-sub-right-footer{
            display: flex;
            flex-direction: column;
            height: 100%;
            justify-content: space-between;
        }

        .blog--section-right-text{
            margin-bottom: 0;
        }
    }

    @media (max-width: 768px){
        .blog--section-flex{
            flex-direction: column;

            .blog--section-right-text{
                margin-bottom: 8px;
            }
        }
    }

    @media (max-width: 575px){
        .subscribe-flex-column .subscribe--form{
            flex-direction: column;
        }

        .desktop--subscribe{
            display: none !important;
        }

        button.mobile--subscribe{
            display: inline-flex;
            padding: 0.75rem 0;
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
        }
    }