.faq.dark {
    --item-bg: #4FA1FF33;
    --item-border: 1px solid #fff;
}

.faq.bg-image {
    padding: 60px;
}

.faq .block-title {
    color: #fff;
}

.faq .faq__img {
    object-position: center;
}

.faq .faq__snow {
    position: absolute;
    height: 95px;
    width: auto;
    top: -35px;
    right: 60px;
}

.faq {
    overflow: visible;
}

.faq .faq__picture {
    border-radius: 60px;
    overflow: hidden;
}

.faq .faq__snowflake {
    position: absolute;
    width: auto;
    z-index: -2;
}

.faq .faq__snowflake.top {
    top: -54px;
    left: -315px;
    height: 405px;
    transform: rotate(-124deg);
}

.faq .faq__snowflake.bottom {
    bottom: -139px;
    left: 44px;
    height: 168px;
    transform: rotate(-124deg);
}

.faq .faq__snowflake.bottom-right {
    bottom: -70px;
    left: 248px;
    height: 58px;
    transform: rotate(124deg);
}

@media screen and (max-width: 980px) {
    .faq.bg-image {
        padding: 40px;
    }

    .faq .faq__picture {
        border-radius: 40px;
    }

    .faq .faq__snow {
        height: 52px;
        top: -15px;
        right: 55px;
    }
}

@media screen and (max-width: 680px) {
    .faq.bg-image {
        padding: 20px;
    }

    .faq .faq__picture {
        border-radius: 20px;
    }

    .faq .faq__snow {
        height: 74px;
        top: -16px;
        right: 2px;
        max-width: unset;
    }

    .faq__outer {
        padding-left: 0;
        padding-right: 0;
    }

    .faq.bg-image {
        padding-top: 40px;
    }

    .faq .accordion__item {
        padding: 20px 16px;
    }
}