/* <editor-fold desc="About block"> */
body.page-template-template_payment-installments header { background: #f6f8fa; }

.payment-installments .about-block {
    padding-top: 60px;
    background: #f6f8fa;
}
.payment-installments .about-block .desc-wrapper {
    position: relative;
    z-index: 2;
}
.payment-installments .about-block .title { max-width: 973px; }
.payment-installments .about-block .subtitle {
    max-width: 832px;
    padding-top: 16px;
    color: #221f1f;
}
.payment-installments .about-block .btn-wrapper {
    display: flex;
    justify-content: center;
    gap: 16px;
    padding-top: 32px;
}
.payment-installments .about-block .btn-link-icon { width: 217px; }
.payment-installments .about-block .btn-white { width: 260px; }

.payment-installments .about-block .img-container {
    position: relative;
    margin-top: -110px;
    z-index: 1;
}
.payment-installments .about-block .screen-wrapper {
    max-width: 1002px;
    margin-left: 116px;
}
.payment-installments .about-block .banks-wrapper {
    position: absolute;
    bottom: 19px;
    right: 146px;
    max-width: 639px;
}

@media (max-width: 1300px) {
    .payment-installments .about-block .screen-wrapper { margin-left: 0; }
    .payment-installments .about-block .banks-wrapper {
        right: 0;
        max-width: 612px;
    }
}
@media (max-width: 992px) {
    .payment-installments .about-block .img-container { margin-top: -70px; }
    .payment-installments .about-block .banks-wrapper {
        bottom: 13px;
        right: 0;
        max-width: 459px;
    }
}
@media (max-width: 768px) {
    .payment-installments .about-block .img-container { margin-top: -40px; }
    .payment-installments .about-block .banks-wrapper {
        bottom: 9px;
        max-width: 344px;
    }
}
@media (max-width: 576px) {
    .payment-installments .about-block {
        padding-top: 40px;
        overflow: hidden;
    }
    .payment-installments .about-block .btn-wrapper {
        flex-direction: column;
        max-width: 260px;
        margin: 0 auto;
        padding-top: 16px;
    }
    .payment-installments .about-block .btn-link-icon,
    .payment-installments .about-block .btn-white {
        width: 100%;
    }

    .payment-installments .about-block .img-container {
        min-width: 500px;
        left: 50%;
        transform: translateX(-50%);
    }
    .payment-installments .about-block .banks-wrapper {
        bottom: 20px;
        right: 45px;
        max-width: 270px;
    }
}
@media (max-width: 400px) {
    .payment-installments .about-block .img-container { min-width: 440px; }
    .payment-installments .about-block .banks-wrapper {
        bottom: 15px;
        right: 59px;
        max-width: 250px;
    }
}
/* </editor-fold> */
/* <editor-fold desc="Benefits block"> */
.payment-installments .benefits-table-block .benefit .icon-wrapper img {
    width: 228px;
    transform: translate(-35%, -35%);
}
/* </editor-fold> */
/* <editor-fold desc="Fullscreen plate block"> */
.payment-installments .fs-plate-block {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
    background: #221f1f;
}
.payment-installments .fs-plate-block:before,
.payment-installments .fs-plate-block:after {
    content: "";
    position: absolute;
}
.payment-installments .fs-plate-block:before {
    width: 191px;
    height: 148px;
    top: 0;
    left: 0;
    background: url(../images/front-page_v3/block3-left.svg) center center no-repeat;
}
.payment-installments .fs-plate-block:after {
    width: 164px;
    height: 148px;
    bottom: 0;
    right: 0;
    background: url(../images/front-page_v3/block3-right.svg) center center no-repeat;
}
.payment-installments .fs-plate-block .fs-plate-container {
    position: relative;
    z-index: 1;
}
.payment-installments .fs-plate-block .title,
.payment-installments .fs-plate-block .desc {
    color: #fff;
}
.payment-installments .fs-plate-block .title { max-width: 948px; }
.payment-installments .fs-plate-block .desc {
    max-width: 1117px;
    padding-top: 16px;
}

@media (max-width: 992px) {
    .payment-installments .fs-plate-block {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
/* </editor-fold> */
/* <editor-fold desc="Opportunities block"> */
.payment-installments .opportunities-block-rti { background: #fff; }
.payment-installments .opportunities-block-rti .title { max-width: 814px; }
.payment-installments .opportunities-block-rti .opportunity:nth-child(even) { flex-direction: row; }
.payment-installments .opportunities-block-rti .opportunity:nth-child(odd) { flex-direction: row-reverse; }
.payment-installments .opportunities-block-rti .opportunity .desc-wrapper { padding: 0; }
/* </editor-fold> */
/* <editor-fold desc="Conditions block"> */
.payment-installments .conditions-block {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #f6f8fa;
}
.payment-installments .conditions-block .subtitle {
    padding-top: 16px;
    color: #221f1f;
}
.payment-installments .conditions-block .conditions-container {
    max-width: 1064px;
    margin: 0 auto;
    padding-top: 16px;
}

.payment-installments .conditions-block .condition {
    display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
    height: 116px;
    margin-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
    background: #fff;
    border-left: 4px solid;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}
.payment-installments .conditions-block .condition .icon-wrapper {
    flex-shrink: 0;
    width: 68px;
    border-radius: 16px;
    overflow: hidden;
}
.payment-installments .conditions-block .condition .desc {
    color: #221f1f;
    font-weight: 400;
}
.payment-installments .conditions-block .condition .desc a { text-decoration: underline; }

.payment-installments .conditions-block .btn-wrapper {
    padding-top: 40px;
    text-align: center;
}
.payment-installments .conditions-block .btn-wrapper .btn {
    max-width: 318px;
    width: 100%;
}

@media (max-width: 992px) {
    .payment-installments .conditions-block {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .payment-installments .conditions-block .conditions-container { padding-top: 8px; }
    .payment-installments .conditions-block .condition {
        gap: 16px;
        margin-top: 16px;
        padding-left: 16px;
        padding-right: 16px;
    }
    .payment-installments .conditions-block .btn-wrapper { padding-top: 24px; }
}
@media (max-width: 576px) {
    .payment-installments .conditions-block .condition {
        height: unset;
        padding-top: 14px;
        padding-bottom: 14px;
    }
    .payment-installments .conditions-block .condition .icon-wrapper { width: 42px; }
    .payment-installments .conditions-block .condition .desc { font-size: 16px; }
}
/* </editor-fold> */
/* <editor-fold desc="FAQ block"> */
.payment-installments .faq-block { background: #fff; }
.payment-installments .faq-block .question-item.expanded .answer li::marker { color: #221f1f; }
.payment-installments .faq-block .question-item.expanded .answer strong,
.payment-installments .faq-block .question-item.expanded .answer b {
    color: #221f1f;
}
/* </editor-fold> */

/*todo: прибрати це діло, коли стилі попапу переїдуть до style.css*/
.popup {
    width: 469px;
    padding: 32px;
    border-radius: 8px;
}
.popup .popup-close {
    padding: 0;
    background: none;
    border-radius: 0;
}
.popup .popup-close:hover { background: #eaeaea; }
.popup .popup-close:hover svg path { stroke: #221f1f; }
.popup .form-title { padding-bottom: 24px; }
.popup .popup-container { padding-top: 24px; }
.popup .form-v3 .input-block { padding-top: 0; }
.popup .form-v3 .btn-wrapper { padding-top: 8px; }
.popup .personal-data-agreement {
    max-width: 400px;
    padding-top: 16px;
    color: #585757;
}

@media (max-width: 576px) {
    .popup {
        width: 95%;
        padding: 20px;
    }
}