.cta-with-socials.dark {
    --right-bg: rgba(3, 116, 246, 0.4);
    --title-font: 28px;
    --outer-padding: 0;
    --text-font: 18px;
    --text-font-m: 14px;
    --title-font-m: 20px;
}

.cta-with-socials .cta-with-socials__title {
    text-transform: uppercase;
}

.cta-with-socials .cta-with-socials__social {
    --radius: 24px;
    font-size: 14px;
}

.cta-with-socials__outer {
    padding-top: var(--block-margin);
    padding-bottom: var(--block-margin);
}

.cta-with-socials .cta-with-socials__right {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.cta-with-socials {
    overflow: visible;
}

.cta-with-socials__bg-picture {
    border-radius: 60px;
    overflow: hidden;
}

.cta-with-socials__snow {
    position: absolute;
    z-index: 1;
    width: auto;
}

.cta-with-socials__snow.top {
    top: -51px;
    right: -42px;
    height: 161px;
}

.cta-with-socials__snow.bottom {
    bottom: -48px;
    left: -29px;
    height: 120px;
}

.cta-with-socials__snowflake {
    position: absolute;
    z-index: -3;
    width: auto;
}

.cta-with-socials__snowflake.top {
    height: 405px;
    transform: rotate(124deg);
    top: -96px;
    left: -332px;
}

.cta-with-socials__snowflake.bottom {
    height: 168px;
    transform: rotate(145deg);
    bottom: 33px;
    right: -143px;
}

@media screen and (max-width: 1200px) {
    .cta-with-socials .form-block {
        width: 400px;
    }

    .cta-with-socials__bg-picture {
        border-radius: 40px;
    }

    .cta-with-socials.bg-image {
        padding-top: 40px;
    }
}

@media screen and (max-width: 850px) {
    .cta-with-socials .cta-with-socials__block {
        flex-direction: column;
    }

    .cta-with-socials .form-block {
        width: 100%;
    }

    .cta-with-socials__bg-picture {
        border-radius: 20px;
    }

    .cta-with-socials__snow.top {
        top: -37px;
        right: -41px;
        height: 100px;
    }

    .cta-with-socials__snow.bottom {
        bottom: -37px;
        left: -29px;
        height: 84px;
    }
}

@media screen and (max-width: 750px) {
    .cta-with-socials__bg-picture {
        border-radius: 23px;
    }

    .cta-with-socials.bg-image .cta-with-socials__block {
        flex-direction: column-reverse;
    }
}