.review_h1 {
    text-align: center;
}
.review_rating {
    border-radius: 100px;
    background: rgba(111, 82, 226, 0.40);
    padding: 8px 18px;
    width: fit-content;
    margin: 0 auto 16px;
    color: #FFF;
    font-size: 12px;
    line-height: normal;
    display: flex;
    align-items: center;
}

.review_rating svg {
    margin-right: 4px;
}
.hero_review_inner {
    padding-top: 100px;
    max-width: 860px;
    margin: 0 auto;
    padding-bottom: 120px;
    position: relative;
    z-index: 2;
}
.hero_review_inner:after {
    content: '';
    position: absolute;
    background-image: url("../img_review/design-element_review_right.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 220px;
    height: 215px;
    top: 65px;
    right: -220px;
}
.hero_review {
    position: relative;
}
.hero_review:after {
    content: '';
    position: absolute;
    background-image: url("../img/faq_decor.svg");
    background-repeat: no-repeat;
    width: 200px;
    height: 57px;
    transform: rotate(-16deg);
    background-size: contain;
    bottom: 37px;
    right: 57px;
}
.hero_review_inner:before {
    content: '';
    position: absolute;
    background-image: url("../img_review/design-element_review_left.webp");
    background-repeat: no-repeat;
    background-size: contain;
    width: 240px;
    height: 235px;
    top: 85px;
    left: -240px;
}
.review_banner {
    padding: 60px  0 120px;
}
.review_banner_inner {
    padding: 40px 190px;
    border-radius: 32px;
    border: 1px dashed rgba(71, 71, 71, 0.70);
    text-align: center;

    position: relative;
}
.review_banner_text {
    color: #000;
}
.review_banner_inner:after {
    position: absolute;
    content: '';
    background-image: url('../img_review/review_decor_stars_right.svg');
    background-repeat: no-repeat;
    width: 120px;
    height: 115px;
    background-size: contain;
    top: 21px;
    right: 42px;
}
.review_banner_inner:before {
    position: absolute;
    content: '';
    background-image: url('../img_review/review_decor_stars_left.svg');
    background-repeat: no-repeat;
    width: 134px;
    height: 110px;
    background-size: contain;
    top: 20px;
    left: 37px;
}
.subhero {
    padding-bottom: 120px;
}
.subhero_title {
    margin-bottom: 24px;
}
.subhero_text {
    margin-bottom: 24px;
}
.subhero_text:last-child {
    margin-bottom: 0;
}
.subhero_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.subhero_info {
    width: 44%;
}
.subhero_img {
    width: 49%;
}
.discount {
    padding-bottom: 120px;
}
.discount_inner {
    border-radius: 32px;
    background: #0A0033;
    display: flex;
}
.discount_title {
    margin-top: 80px;
    margin-bottom: 24px;
    color: #F6F4FF;
}
.discount_text {
    color: #F6F4FF;
    margin-bottom: 32px;
}
.discount_btn {
    width: 180px;
}
.discount_img {
    margin: -35px 30px 10px 50px;
}
.discount_info {
    max-width: 500px;
}

.spacer {
    padding-bottom: 120px;
}
.spacer_title {
    text-align: center;
    margin-bottom: 24px;
}
.spacer_text {
    margin-bottom: 16px;
}
.spacer_top {
    margin-bottom: 72px;
}
.spacer_bottom {
    margin-top: 72px;
}
.colorful_card {
    padding: 40px;
    width: 650px;
    border-radius: 32px;
}
.colorful_card.white {
    background-color: #fff;
}
.colorful_card.orange {
    background-color: #FFB732;
}
.colorful_card.purple {
    background-color: #5235C8;
}
.colorful_card.dark {
    background-color: #0A0033;
}
.colorful_card.purple .colorful_title,
.colorful_card.dark .colorful_title{
    color: #F6F4FF;
}
.colorful_card.purple .colorful_text,
.colorful_card.dark .colorful_text{
    color: #DCDCDC;
}
.colorful_subtitle {
    margin-bottom: 16px;
}
.colorful_subtitle:last-child {
    margin-bottom: 0;
}

.colorful {
    padding-bottom: 120px;
}
.colorful_inner {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.colorful_num {
    width: 64px;
    height: 64px;
    font-size: 24px;
    font-weight: 600;
    border-radius: 50%;
    background-color: #F6F4FF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}
.colorful_title {
    margin-bottom: 20px;
}
.matter {
    padding-bottom: 120px;
}
.matter_title {
    text-align: center;
    margin-bottom: 24px;
}
.matter_text {
    margin-bottom: 16px;
}
.matter_text:last-child {
    margin-bottom: 0;
}
.inside {
    padding-bottom: 120px;
}
.inside_inner {
    border-radius: 32px;
    background: #FFF;
    padding: 8px;
    display: flex;
}
.inside_white {
    padding: 32px;
}
.inside_dark {
    border-radius: 32px;
    background: #0A0033;
    padding: 40px;
    max-width: 650px;
}
.inside_white .h2 {
    margin-bottom: 24px;
}
.inside_white .main_text {
    margin-bottom: 16px;
}
.inside_white .main_text:last-child {
    margin-bottom: 0;
}
.inside_title {
    max-width: 370px;
    color: #F6F4FF;
    margin-bottom: 24px;
}
.inside_text {
    color: #EDEAF9;
}
.text_line {
    padding-bottom: 60px;
}
.text_line_info {
    margin-bottom: 60px;
}
.testimonial_inner {
    border-radius: 16px;
    padding: 40px 30px;
    text-align: center;
    margin-right: 20px;
}
.testimonial_text {
    color: #151520;
    margin-bottom: 40px;
}
.testimonial_inner img {
    margin: 0 auto 40px;
}
.testimonial_inner.white {
    background: #FFF;
}
.testimonial_inner.orange {
    background: #FFB732;
}
.testimonial_inner.purple {
    background: #5235C8;
}
.testimonial_name {
    color: #0A0033;
    font-size: 16px;
    line-height: normal;
}
.testimonial_inner.purple .testimonial_text,
.testimonial_inner.purple .testimonial_name {
    color: #F6F4FF;
}
.sum_btn {
    width: 235px;
}

.subhero.wow {
    padding: 120px 0;
}
.subhero_img {
    text-align: center;
}
.promo {
    padding-bottom: 120px;
}
.promo_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.promo_text {
    margin-bottom: 18px;
    max-width: 580px;
}
.promo_title {
    margin-bottom: 24px;
    max-width: 500px;
}



@media (max-width: 991px) {
    .sum_btn {
        margin: 0 auto 16px;
    }
    .promo_text {
        max-width: 100%;
    }
    .promo_title {
        max-width: 100%;
        text-align: center;
    }
    .promo_inner {
        flex-direction: column;
    }
    .promo_img_wrap {
        order: 2;
    }
    .subhero.wow {
        padding: 60px 0;
    }
    .promo {
        padding-bottom: 60px;
    }
    .hero_review:after {
        display: none;
    }
    .hero_review_inner {
        padding-top: 40px;
        padding-bottom: 60px;
    }
    .hero_review_inner:after {
        width: 165px;
        height: 161px;
        top: 120px;
        right: -70px;
    }
    .hero_review_inner:before {
        width: 200px;
        height: 195px;
        top: 120px;
        left: -90px;
    }
    .review_banner_inner:after {
        width: 55px;
        height: 120px;
        background-image: url('../img_review/review_decor_stars_right_mob.svg');
        top: 15px;
        right: 10px;
    }
    .review_banner_inner:before {
        background-image: url('../img_review/review_decor_stars_left_mob.svg');
        width: 65px;
        height: 122px;
        top: 10px;
        left: 10px;
    }
    .review_banner_inner {
        padding: 30px 80px;
    }
    .review_banner {
        padding: 60px  0;
    }
    .subhero_inner {
        flex-direction: column;
    }
    .subhero_info {
        width: 100%;
    }
    .subhero_img {
        width: 100%;
        max-width: 540px;
    }
    .subhero_text:last-child {
        margin-bottom: 24px;
    }
    .subhero {
        padding-bottom: 60px;
    }
    .subhero_title {
        text-align: center;
    }
    .discount_title {
        margin-top: 0;
        margin-bottom: 24px;
    }
    .discount_inner {
        padding: 40px 40px 40px 20px;
    }
    .discount_img {
        margin: 0;
        width: 46%;
    }
    .discount_info {
        width: 50%;
    }
    .discount {
        padding-bottom: 60px;
    }
    .spacer_top {
        margin-bottom: 40px;
    }
    .spacer_bottom {
        margin-top: 40px;
    }
    .colorful_num {
        width: 52px;
        height: 52px;
        margin-bottom: 20px;
    }
    .colorful_card {
        padding: 20px;
        width: 49%;
        margin-bottom: 20px;
    }
    .colorful_inner {
        gap: 0;
        justify-content: space-between;
    }
    .colorful .focus_info {
        margin-bottom: 0;
    }
    .matter {
        padding-bottom: 60px;
    }
    .inside_inner {
        flex-direction: column;
    }
    .inside_white {
        padding: 22px 20px 20px 20px;
    }
    .inside_dark {
        padding: 30px 20px;
        max-width: 100%;
    }
    .inside_title {
        max-width: 100%;
    }
    .inside {
        padding-bottom: 60px;
    }
    .testimonial_title {
        text-align: center;
    }
    .testimonial_subtext {
        margin-bottom: 0;
    }
    .testimonial_info {
        margin-bottom: 30px;
    }
}











@media (max-width: 767px) {
    .subhero.wow {
        padding: 40px 0;
    }
    .promo {
        padding-bottom: 40px;
    }
    .hero_review_inner:after {
        width: 130px;
        height: 126px;
        top: -25px;
        right: -55px;
    }
    .hero_review_inner:before {
        width: 155px;
        height: 152px;
        top: auto;
        bottom: 170px;
        left: -90px;
    }
    .hero_review_inner {
        padding-bottom: 40px;
    }
    .review_banner_inner:after {
        display: none;
    }
    .review_banner_inner:before {
        display: none;
    }
    .review_banner_inner {
        padding: 16px;
    }
    .review_banner {
        padding: 40px  0;
    }
    .subhero {
        padding-bottom: 46px;
    }
    .discount_inner {
        flex-direction: column-reverse;
        padding: 30px 20px;
    }
    .discount_btn {
        margin: 0 auto 10px;
    }
    .discount_img {
        width: 100%;
        text-align: center;
    }
    .discount_info {
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }
    .discount {
        padding-bottom: 40px;
    }
    .spacer {
        padding-bottom: 40px;
    }
    .colorful_card {
        width: 100%;
    }
    .colorful_num {
        font-size: 18px;
        margin-bottom: 16px;
    }
    .matter {
        padding-bottom: 40px;
    }
    .inside_inner {
        padding: 4px;
    }
    .inside_white {
        padding: 26px 16px 16px 16px;
    }
    .inside_dark {
        padding: 24px 16px;
    }
    .inside_white .h2,
    .inside_title{
        margin-bottom: 20px;
    }
    .inside {
        padding-bottom: 40px;
    }
    .testimonial_inner {
        margin-right: 5px;
    }
}