/* <editor-fold desc="GLOBAL | Badge"> */
.fop-page .badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 15px;
    color: #fff;
    background: linear-gradient(91.13deg, #00C04C 11.72%, #00A6A7 32.32%, #0E86E8 51.04%, #6E4BFF 80.83%, #8B18FA 99.8%);
    border-radius: 12px;
}
.fop-page .badge .icon-wrapper {
    width: 28px;
    margin-right: 12px;
}

@media (max-width: 992px) {
    .fop-page .badge { padding: 4px 15px; }
    .fop-page .badge .icon-wrapper {
        width: 24px;
        margin-right: 8px;
    }
}
/* </editor-fold> */

/* <editor-fold desc="About block"> */
.fop-page .about-block {
    position: relative;
    padding-top: 100px;
    padding-bottom: 57px;
    background: linear-gradient(93.01deg, #E2FCFF 1.63%, #DCFFEA 98.53%);
    overflow: hidden;
}
.fop-page .about-block .about-container { display: flex; }
.fop-page .about-block .desc-wrapper { width: 100%; }
.fop-page .about-block .badge { width: 304px; }
.fop-page .about-block .title { padding-top: 32px; }
.fop-page .about-block .desc {
    padding-top: 8px;
    color: #4e4c4c;
}
.fop-page .about-block .btn-wrapper { padding-top: 32px; }
.fop-page .btn {
    width: 346px;
    padding: 15px;
    font-size: 18px;
}

.fop-page .about-block .img-wrapper {
    position: relative;
    width: 451px;
    flex-shrink: 0;
    padding-top: 76px;
}

@media (max-width: 1300px) {
    .fop-page .about-block { padding-top: 60px; }
    .fop-page .about-block .title { font-size: 42px; }
    .fop-page .about-block .desc-wrapper { padding-right: 50px; }
    .fop-page .about-block .img-wrapper {
        width: 350px;
        padding-top: 86px;
    }
}
@media (max-width: 992px) {
    .fop-page .about-block { padding-bottom: 30px; }
    .fop-page .about-block .badge { width: 254px; }
    .fop-page .about-block .img-wrapper {
        width: 330px;
        padding-top: 76px;
    }
}
@media (max-width: 768px) {
    .fop-page .about-block .about-container { flex-direction: column; }
    .fop-page .about-block .desc-wrapper {
        max-width: 100%;
        padding-right: 0;
        text-align: center;
    }
    .fop-page .about-block .img-wrapper {
        max-width: 330px;
        width: 100%;
        margin: 0 auto;
        padding-top: 40px;
    }
}
@media (max-width: 576px) {
    .fop-page .about-block { padding-top: 40px; }
    .fop-page .about-block .title { font-size: 30px; }
    .fop-page .about-block .desc { font-size: 16px; }
    .fop-page .btn {
        max-width: 346px;
        width: 100%;
        padding: 15px 5px;
    }
    .fop-page .about-block .btn-wrapper { padding-top: 16px; }
    .fop-page .about-block .img-wrapper { max-width: 280px; }
}
@media (max-width: 340px) {
    .fop-page .btn { font-size: 16px; }
}
/* </editor-fold> */
/* <editor-fold desc="Whats next block"> */
.fop-page .whats-next-block {
    padding-top: 60px;
    padding-bottom: 60px;
}
.fop-page .whats-next-block .subtitle {
    padding-top: 16px;
    color: #221f1f;
}
.fop-page .whats-next-block .questions-container { padding-top: 16px; }

.fop-page .whats-next-block .question {
    display: flex;
    align-items: center;
    max-width: 1018px;
    width: 100%;
    height: 100px;
    margin: 24px auto 0;
    padding-right: 20px;
    background: #fef4ec;
    border-left: 4px solid #f0893b;
}
.fop-page .whats-next-block .question .icon-wrapper {
    flex-shrink: 0;
    width: 42px;
    margin-left: 25px;
}
.fop-page .whats-next-block .question .text {
    margin-left: 29px;
    color: #221f1f;
}

@media (max-width: 992px) {
    .fop-page .whats-next-block {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .fop-page .whats-next-block .questions-container { padding-top: 6px; }
    .fop-page .whats-next-block .question .icon-wrapper { margin-left: 15px; }
    .fop-page .whats-next-block .question .text { margin-left: 19px; }
}
@media (max-width: 576px) {
    .fop-page .whats-next-block .questions-container { padding-top: 4px; }
    .fop-page .whats-next-block .question {
        height: unset;
        margin-top: 16px;
        padding-top: 14px;
        padding-bottom: 14px;
        padding-right: 10px;
    }
    .fop-page .whats-next-block .question .icon-wrapper { margin-left: 6px; }
    .fop-page .whats-next-block .question .text {
        margin-left: 10px;
        font-size: 18px;
    }
}
/* </editor-fold> */
/* <editor-fold desc="Plan block"> */
.fop-page .plan-block {
    padding-top: 60px;
    padding-bottom: 60px;
    background: linear-gradient(93.01deg, #F1F9FA 1.63%, #F2FCF6 98.53%);
}
.fop-page .plan-block .subtitle {
    max-width: 878px;
    padding-top: 16px;
    color: #221f1f;
}
.fop-page .plan-block .badge-container {
    padding-top: 40px;
    text-align: center;
}
.fop-page .plan-block .badge {
    width: 300px;
    padding: 15px;
}
.fop-page .plan-block .plan-container { padding-top: 24px; }

.fop-page .plan-block .item {
    display: flex;
    align-items: center;
    max-width: 1018px;
    width: 100%;
    height: 116px;
    margin: 16px auto 0;
    background: #fff;
    border-left: 4px solid;
}
.fop-page .plan-block .item:nth-child(odd) { border-left-color: #06ba52; }
.fop-page .plan-block .item:nth-child(even) { border-left-color: #595ef6; }
.fop-page .plan-block .item .icon-wrapper {
    flex-shrink: 0;
    width: 68px;
    margin-left: 20px;
    padding: 14px;
    border-radius: 16px;
}
.fop-page .plan-block .item:nth-child(odd) .icon-wrapper { background: #e7f9ee; }
.fop-page .plan-block .item:nth-child(even) .icon-wrapper { background: #efefff; }
.fop-page .plan-block .item .desc-wrapper { margin-left: 24px; }
.fop-page .plan-block .item .name {
    color: #221f1f;
    line-height: 1.385;
}
.fop-page .plan-block .item .desc {
    padding-top: 4px;
    color: #4e4c4c;
    font-weight: 400;
    line-height: 1.2;
}

@media (max-width: 1300px) {
    .fop-page .plan-block .subtitle br { display: none; }
}
@media (max-width: 992px) {
    .fop-page .plan-block {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .fop-page .plan-block .badge-container { padding-top: 20px; }
    .fop-page .plan-block .badge {
        width: 260px;
        padding: 8px 15px;
    }
    .fop-page .plan-block .plan-container { padding-top: 6px; }
    .fop-page .plan-block .item .icon-wrapper { margin-left: 15px; }
    .fop-page .plan-block .item .desc-wrapper { margin-left: 19px; }
}
@media (max-width: 576px) {
    .fop-page .plan-block .plan-container { padding-top: 4px; }
    .fop-page .plan-block .item {
        height: unset;
        margin-top: 16px;
        padding-top: 14px;
        padding-bottom: 14px;
        padding-right: 10px;
    }
    .fop-page .plan-block .item .icon-wrapper {
        width: 42px;
        margin-left: 6px;
        padding: 8px;
    }
    .fop-page .plan-block .item .desc-wrapper {
        margin-left: 10px;
        font-size: 18px;
    }
    .fop-page .plan-block .item .name { font-size: 18px; }
    .fop-page .plan-block .item .desc { font-size: 16px; }
}
/* </editor-fold> */
/* <editor-fold desc="Bonuses block"> */
.fop-page .bonuses-block {
    padding-top: 60px;
    padding-bottom: 60px;
}
.fop-page .bonuses-block .title { max-width: 924px; }
.fop-page .bonuses-block .subtitle {
    max-width: 874px;
    padding-top: 16px;
    color: #221f1f;
}
.fop-page .bonuses-block .bonuses-container {
    display: flex;
    padding-top: 40px;
}

.fop-page .bonuses-block .bonus {
    width: calc((100% - (12px * 4)) / 3);
    margin: 0 12px;
    padding: 40px 24px 24px;
    background: #f6f8fa;
    border-top: 4px solid;
    border-radius: 0 0 16px 16px;
    text-align: center;
}
.fop-page .bonuses-block .bonus:first-child { margin-left: 0; }
.fop-page .bonuses-block .bonus:last-child { margin-right: 0; }
.fop-page .bonuses-block .bonus:nth-child(1) { border-top-color: #06ba52; }
.fop-page .bonuses-block .bonus:nth-child(2) { border-top-color: #595ef6; }
.fop-page .bonuses-block .bonus:nth-child(3) { border-top-color: #9863ff; }
.fop-page .bonuses-block .bonus .icon-wrapper {
    width: 82px;
    height: 82px;
    margin: 0 auto;
    padding: 17px;
    border-radius: 16px;
}
.fop-page .bonuses-block .bonus:nth-child(1) .icon-wrapper { background: #e7f9ee; }
.fop-page .bonuses-block .bonus:nth-child(2) .icon-wrapper { background: #efefff; }
.fop-page .bonuses-block .bonus:nth-child(3) .icon-wrapper { background: #f5f0ff; }
.fop-page .bonuses-block .bonus .desc-wrapper { padding-top: 32px; }
.fop-page .bonuses-block .bonus .name { color: #221f1f; }
.fop-page .bonuses-block .bonus .desc {
    padding-top: 16px;
    color: #4e4c4c;
    font-weight: 400;
    line-height: 1.4;
}

@media (max-width: 1300px) {
    .fop-page .bonuses-block .bonus { padding: 40px 16px 16px; }
}
@media (max-width: 992px) {
    .fop-page .bonuses-block {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .fop-page .container.adaptive { max-width: 100%; }
    .fop-page .bonuses-block .bonuses-container {
        padding-top: 30px;
        overflow-x: auto;
    }
    .fop-page .bonuses-block .bonus {
        width: 304px;
        flex-shrink: 0;
    }
    .fop-page .bonuses-block .bonus:first-child { margin-left: 12px; }
    .fop-page .bonuses-block .bonus:last-child { margin-right: 12px; }
}
@media (max-width: 576px) {
    .fop-page .container.adaptive {
        padding-left: 0;
        padding-right: 0;
    }
    .fop-page .bonuses-block .bonus {
        width: 254px;
        padding-top: 20px;
    }
    .fop-page .bonuses-block .bonus:first-child { margin-left: 15px; }
    .fop-page .bonuses-block .bonus:last-child { margin-right: 15px; }
    .fop-page .bonuses-block .bonus .icon-wrapper {
        width: 68px;
        height: 68px;
        padding: 14px;
    }
    .fop-page .bonuses-block .bonus .desc-wrapper { padding-top: 24px; }
    .fop-page .bonuses-block .bonus .name { font-size: 18px; }
    .fop-page .bonuses-block .bonus .desc { font-size: 16px; }
}
@media (max-width: 360px) {
    .fop-page .bonuses-block .bonus {
        width: 224px;
        margin: 0 8px;
        padding: 20px 8px 8px;
    }
}
/* </editor-fold> */
/* <editor-fold desc="Guide block"> */
.fop-page .guide-block {
    padding-top: 60px;
    padding-bottom: 60px;
    background: linear-gradient(91.13deg, #00C04C 11.72%, #00A6A7 32.32%, #0E86E8 51.04%, #6E4BFF 80.83%, #8B18FA 99.8%);
}
.fop-page .guide-block .title { color: #fff; }
.fop-page .guide-block .subtitle {
    padding-top: 16px;
    color: #fff;
}
.fop-page .guide-block .form-v3 {
    max-width: 572px;
    margin: 40px auto 0;
    padding: 40px;
    background: #ffffff33;
    border-radius: 16px;
}
.fop-page .guide-block .form-v3 .input-block:first-child { padding-top: 0; }
.fop-page .guide-block .form-v3 .input-block:not(:first-child) { padding-top: 4px; }
.fop-page .guide-block .form-v3 .input-block .desc.-small { color: #fff; }
.fop-page .guide-block .form-v3 .input-block input[type=text],
.fop-page .guide-block .form-v3 .input-block input[type=email],
.fop-page .guide-block .form-v3 .input-block input[type=tel],
.fop-page .guide-block .form-v3 .input-wrapper.phone-input .country-code-placeholder {
    background: #ffffff99;
    border-color: transparent;
}
.fop-page .guide-block .form-v3 .input-block input[type=text]::placeholder,
.fop-page .guide-block .form-v3 .input-block input[type=email]::placeholder,
.fop-page .guide-block .form-v3 .input-block input[type=tel]::placeholder {
    color: #4e4c4c;
}
.fop-page .guide-block .form-v3 .btn-wrapper { padding-top: 4px; }
.fop-page .guide-block .form-v3 .submit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    width: 100%;
    padding: 13px;
}
.fop-page .guide-block .form-v3 .submit-btn:after {
    content: "";
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-left: 8px;
    background: url(../images/fop-from-zero-page/block5-icon.svg) center center no-repeat;
    background-size: contain;
}
.fop-page .guide-block .form-v3 .personal-data-agreement { color: #fff; }
.fop-page .guide-block .form-v3 .personal-data-agreement a { text-decoration: none; }

@media (max-width: 992px) {
    .fop-page .guide-block {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .fop-page .guide-block .form-v3 { margin-top: 30px; }
}
@media (max-width: 576px) {
    .fop-page .guide-block .form-v3 {
        margin-top: 20px;
        padding: 30px;
    }
}
@media (max-width: 360px) {
    .fop-page .guide-block .form-v3 { padding: 30px 16px; }
}
/* </editor-fold> */
/* <editor-fold desc="FAQ block"> */
.fop-page .faq-block { background: #fff; }
.fop-page .faq-block .faq-container { padding-top: 40px; }
.fop-page .faq-block .question-item .question-container { background: #f6f8fa; }
/* </editor-fold> */