.elementor-1734 .elementor-element.elementor-element-9e38717{--display:flex;}.elementor-1734 .elementor-element.elementor-element-3207de4{--display:flex;}.elementor-1734 .elementor-element.elementor-element-6cd5e4a{--display:flex;}.elementor-1734 .elementor-element.elementor-element-858cfe6{--display:flex;}.elementor-1734 .elementor-element.elementor-element-072b973{--display:flex;}.elementor-1734 .elementor-element.elementor-element-3f05a70{--display:flex;}.elementor-1734 .elementor-element.elementor-element-ca88a50{--display:flex;}.elementor-1734 .elementor-element.elementor-element-b323a57{--display:flex;}.elementor-1734 .elementor-element.elementor-element-16253c6{--display:flex;}.elementor-1734 .elementor-element.elementor-element-08b0740{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-eea1cc1 *//* =========================================================
   VERESTLY — SIMPLE BANKING SYSTEM PLANNER
   BLOCK 1: HERO
========================================================= */

.ver-bankplanner-hero {
    width: 100%;
    padding: 72px 24px;
    background: #f4f8f7;
}

.ver-bankplanner-hero__container {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 56px;
    background: #103f37;
    border-radius: 28px;

    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(380px, 0.95fr);
    gap: 64px;
    align-items: center;

    box-shadow:
        0 18px 50px rgba(15, 63, 55, 0.10);
}


/* =========================================================
   CONTENT
========================================================= */

.ver-bankplanner-hero__content {
    min-width: 0;
}

.ver-bankplanner-hero__eyebrow {
    margin: 0 0 16px;

    font-size: 13px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.09em;

    color: #9dded3;
}

.ver-bankplanner-hero__title {
    margin: 0;

    max-width: 760px;

    font-size: clamp(38px, 4vw, 58px);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -0.035em;

    color: #ffffff;
}

.ver-bankplanner-hero__description {
    margin: 24px 0 0;

    max-width: 700px;

    font-size: 18px;
    line-height: 1.75;
    font-weight: 400;

    color: #e8f4f1;
}


/* =========================================================
   BENEFITS
========================================================= */

.ver-bankplanner-hero__benefits {
    display: grid;
    gap: 15px;

    margin-top: 30px;
}

.ver-bankplanner-hero__benefit {
    display: flex;
    align-items: flex-start;
    gap: 12px;

    font-size: 16px;
    line-height: 1.55;
    font-weight: 600;

    color: #ffffff;
}

.ver-bankplanner-hero__check {
    width: 24px;
    height: 24px;
    min-width: 24px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-top: 1px;

    border-radius: 999px;

    background: #d9f1eb;
    color: #0f766e;

    font-size: 15px;
    font-weight: 900;
}


/* =========================================================
   ACTIONS
========================================================= */

.ver-bankplanner-hero__actions {
    margin-top: 32px;
}

.ver-bankplanner-hero__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 54px;
    padding: 14px 26px;

    background: #0f8b83;
    color: #ffffff;

    border-radius: 10px;

    font-size: 16px;
    line-height: 1.25;
    font-weight: 800;

    text-decoration: none;

    transition:
        transform 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}

.ver-bankplanner-hero__button:hover {
    background: #0f766e;
    color: #ffffff;

    transform: translateY(-1px);

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.13);
}

.ver-bankplanner-hero__button:focus-visible {
    outline: 3px solid #b8ebe2;
    outline-offset: 4px;
}

.ver-bankplanner-hero__microcopy {
    margin: 12px 0 0;

    font-size: 13px;
    line-height: 1.5;
    font-weight: 500;

    color: #c8e0db;
}


/* =========================================================
   PREVIEW WRAPPER
========================================================= */

.ver-bankplanner-hero__preview {
    min-width: 0;
}


/* =========================================================
   PREVIEW CARD
========================================================= */

.ver-bankplanner-preview {
    width: 100%;

    padding: 30px;

    background: #ffffff;

    border-radius: 22px;

    box-shadow:
        0 18px 45px rgba(4, 38, 32, 0.18);
}

.ver-bankplanner-preview__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;

    padding-bottom: 22px;

    border-bottom: 1px solid #e0ebe8;
}

.ver-bankplanner-preview__eyebrow {
    margin: 0 0 6px;

    font-size: 11px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.08em;

    color: #0f766e;
}

.ver-bankplanner-preview__title {
    margin: 0;

    font-size: 24px;
    line-height: 1.2;
    font-weight: 800;

    color: #163f38;
}

.ver-bankplanner-preview__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 30px;
    padding: 5px 10px;

    background: #e6f3ef;
    color: #0f766e;

    border-radius: 999px;

    font-size: 11px;
    line-height: 1;
    font-weight: 800;
}


/* =========================================================
   ACCOUNT FLOW
========================================================= */

.ver-bankplanner-preview__flow {
    padding: 24px 0;
}

.ver-bankplanner-preview__account {
    padding: 18px;

    background: #f4f8f7;

    border: 1px solid #dce9e6;
    border-radius: 14px;

    text-align: center;
}

.ver-bankplanner-preview__account-label {
    display: block;

    margin-bottom: 5px;

    font-size: 10px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.07em;

    color: #62807a;
}

.ver-bankplanner-preview__account strong {
    font-size: 17px;
    line-height: 1.35;
    font-weight: 800;

    color: #153f38;
}

.ver-bankplanner-preview__arrow {
    padding: 8px 0;

    text-align: center;

    font-size: 20px;
    line-height: 1;

    color: #0f766e;
}


/* =========================================================
   ROLE LIST
========================================================= */

.ver-bankplanner-preview__roles {
    display: grid;
    gap: 0;

    border-top: 1px solid #e1ebe8;
}

.ver-bankplanner-preview__role {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;

    padding: 14px 0;

    border-bottom: 1px solid #e1ebe8;
}

.ver-bankplanner-preview__role span {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 500;

    color: #526a66;
}

.ver-bankplanner-preview__role strong {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 800;

    color: #153f38;
}


/* =========================================================
   STATUS
========================================================= */

.ver-bankplanner-preview__status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    margin-top: 20px;
    padding: 18px;

    background: #dcefeb;

    border-radius: 14px;
}

.ver-bankplanner-preview__status span {
    font-size: 10px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.07em;

    color: #0f766e;
}

.ver-bankplanner-preview__status strong {
    font-size: 18px;
    line-height: 1.25;
    font-weight: 800;

    color: #0f766e;
}


/* =========================================================
   PROGRESS
========================================================= */

.ver-bankplanner-preview__progress {
    width: 100%;
    height: 8px;

    margin-top: 20px;

    overflow: hidden;

    background: #e5eeec;

    border-radius: 999px;
}

.ver-bankplanner-preview__progress-bar {
    display: block;

    width: 84%;
    height: 100%;

    background: #0f766e;

    border-radius: inherit;
}

.ver-bankplanner-preview__caption {
    margin: 8px 0 0;

    text-align: right;

    font-size: 10px;
    line-height: 1.4;
    font-weight: 500;

    color: #81938f;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .ver-bankplanner-hero {
        padding: 56px 20px;
    }

    .ver-bankplanner-hero__container {
        grid-template-columns: 1fr;

        gap: 44px;

        padding: 44px;
    }

    .ver-bankplanner-hero__title {
        max-width: 820px;
    }

    .ver-bankplanner-hero__description {
        max-width: 800px;
    }

    .ver-bankplanner-hero__preview {
        max-width: 620px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ver-bankplanner-hero {
        padding: 36px 16px;
    }

    .ver-bankplanner-hero__container {
        padding: 30px 22px;

        gap: 34px;

        border-radius: 22px;
    }

    .ver-bankplanner-hero__eyebrow {
        margin-bottom: 12px;

        font-size: 11px;
    }

    .ver-bankplanner-hero__title {
        font-size: clamp(32px, 10vw, 42px);
        line-height: 1.1;
    }

    .ver-bankplanner-hero__description {
        margin-top: 18px;

        font-size: 16px;
        line-height: 1.7;
    }

    .ver-bankplanner-hero__benefits {
        margin-top: 24px;
    }

    .ver-bankplanner-hero__benefit {
        font-size: 15px;
    }

    .ver-bankplanner-hero__actions {
        margin-top: 26px;
    }

    .ver-bankplanner-hero__button {
        width: 100%;
    }

    .ver-bankplanner-preview {
        padding: 22px 18px;

        border-radius: 18px;
    }

    .ver-bankplanner-preview__header {
        align-items: flex-start;
    }

    .ver-bankplanner-preview__title {
        font-size: 20px;
    }

    .ver-bankplanner-preview__role {
        gap: 12px;
    }

    .ver-bankplanner-preview__role span {
        font-size: 13px;
    }

    .ver-bankplanner-preview__role strong {
        font-size: 13px;
    }

    .ver-bankplanner-preview__status {
        align-items: flex-start;
        flex-direction: column;

        gap: 5px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-62354f6 *//* =========================================================
   VERESTLY — SIMPLE BANKING SYSTEM PLANNER
   BLOCK 2: HOW IT WORKS
========================================================= */

.ver-bankplanner-how {
    width: 100%;
    padding: 76px 24px;

    background: #ffffff;
}

.ver-bankplanner-how__container {
    width: 100%;
    max-width: 1320px;

    margin: 0 auto;
}


/* =========================================================
   INTRO
========================================================= */

.ver-bankplanner-how__intro {
    max-width: 820px;

    margin-bottom: 44px;
}

.ver-bankplanner-how__eyebrow {
    margin: 0 0 12px;

    font-size: 12px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.09em;

    color: #0f766e;
}

.ver-bankplanner-how__title {
    margin: 0;

    font-size: clamp(34px, 4vw, 50px);
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -0.03em;

    color: #173f38;
}

.ver-bankplanner-how__description {
    margin: 20px 0 0;

    max-width: 760px;

    font-size: 17px;
    line-height: 1.75;
    font-weight: 400;

    color: #536d67;
}


/* =========================================================
   STEP GRID
========================================================= */

.ver-bankplanner-how__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 22px;
}


/* =========================================================
   STEP CARD
========================================================= */

.ver-bankplanner-how__card {
    display: flex;
    align-items: flex-start;

    gap: 20px;

    padding: 28px;

    background: #f7faf9;

    border: 1px solid #dce8e5;
    border-radius: 18px;
}

.ver-bankplanner-how__card--featured {
    grid-column: 1 / -1;

    background: #eef7f4;

    border-color: #c9e2dc;
}


/* =========================================================
   NUMBER
========================================================= */

.ver-bankplanner-how__number {
    width: 48px;
    height: 48px;
    min-width: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 14px;

    background: #0f766e;
    color: #ffffff;

    font-size: 17px;
    line-height: 1;
    font-weight: 800;
}


/* =========================================================
   CARD CONTENT
========================================================= */

.ver-bankplanner-how__card-content {
    min-width: 0;
}

.ver-bankplanner-how__step {
    margin: 0 0 6px;

    font-size: 10px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.08em;

    color: #0f766e;
}

.ver-bankplanner-how__card h3 {
    margin: 0;

    font-size: 21px;
    line-height: 1.3;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-how__card p:not(.ver-bankplanner-how__step) {
    margin: 10px 0 0;

    font-size: 15px;
    line-height: 1.7;
    font-weight: 400;

    color: #5a706b;
}


/* =========================================================
   FLOW
========================================================= */

.ver-bankplanner-how__flow {
    margin-top: 34px;
    padding: 26px 28px;

    background: #103f37;

    border-radius: 18px;
}

.ver-bankplanner-how__flow-label {
    margin: 0 0 16px;

    font-size: 10px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.08em;

    color: #9dded3;
}

.ver-bankplanner-how__flow-track {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 10px;
}

.ver-bankplanner-how__flow-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 38px;
    padding: 8px 14px;

    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;

    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;

    font-size: 13px;
    line-height: 1.2;
    font-weight: 700;
}

.ver-bankplanner-how__flow-item--final {
    background: #d9f1eb;
    color: #0f766e;

    border-color: #d9f1eb;
}

.ver-bankplanner-how__flow-arrow {
    color: #8fd5c8;

    font-size: 17px;
    line-height: 1;
    font-weight: 800;
}


/* =========================================================
   NOTE
========================================================= */

.ver-bankplanner-how__note {
    display: flex;
    align-items: flex-start;

    gap: 16px;

    margin-top: 24px;
    padding: 22px 24px;

    background: #f4f8f7;

    border-left: 4px solid #0f766e;
    border-radius: 0 14px 14px 0;
}

.ver-bankplanner-how__note-icon {
    width: 28px;
    height: 28px;
    min-width: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 999px;

    background: #d9f1eb;
    color: #0f766e;

    font-size: 14px;
    line-height: 1;
    font-weight: 800;
}

.ver-bankplanner-how__note strong {
    display: block;

    font-size: 15px;
    line-height: 1.4;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-how__note p {
    margin: 6px 0 0;

    font-size: 14px;
    line-height: 1.65;
    font-weight: 400;

    color: #5b706b;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .ver-bankplanner-how {
        padding: 64px 20px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ver-bankplanner-how {
        padding: 52px 16px;
    }

    .ver-bankplanner-how__intro {
        margin-bottom: 32px;
    }

    .ver-bankplanner-how__title {
        font-size: clamp(30px, 9vw, 40px);
    }

    .ver-bankplanner-how__description {
        font-size: 16px;
        line-height: 1.7;
    }

    .ver-bankplanner-how__grid {
        grid-template-columns: 1fr;

        gap: 16px;
    }

    .ver-bankplanner-how__card,
    .ver-bankplanner-how__card--featured {
        grid-column: auto;

        gap: 16px;
        padding: 22px 20px;
    }

    .ver-bankplanner-how__number {
        width: 42px;
        height: 42px;
        min-width: 42px;

        border-radius: 12px;

        font-size: 15px;
    }

    .ver-bankplanner-how__card h3 {
        font-size: 19px;
    }

    .ver-bankplanner-how__flow {
        margin-top: 26px;
        padding: 22px 20px;
    }

    .ver-bankplanner-how__flow-track {
        align-items: stretch;
        flex-direction: column;

        gap: 8px;
    }

    .ver-bankplanner-how__flow-item {
        width: 100%;
    }

    .ver-bankplanner-how__flow-arrow {
        width: 100%;

        text-align: center;

        transform: rotate(90deg);
    }

    .ver-bankplanner-how__note {
        padding: 20px;

        gap: 14px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9d3ab36 *//* =========================================================
   VERESTLY — SIMPLE BANKING SYSTEM PLANNER
   BLOCK 3: YOUR BANKING ACCOUNTS
========================================================= */

.ver-bankplanner-accounts {
    width: 100%;

    padding: 78px 24px;

    background: #f4f8f7;
}

.ver-bankplanner-accounts__container {
    width: 100%;
    max-width: 1320px;

    margin: 0 auto;
}


/* =========================================================
   INTRO
========================================================= */

.ver-bankplanner-accounts__intro {
    max-width: 820px;

    margin-bottom: 42px;
}

.ver-bankplanner-accounts__eyebrow {
    margin: 0 0 12px;

    font-size: 12px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.09em;

    color: #0f766e;
}

.ver-bankplanner-accounts__title {
    margin: 0;

    font-size: clamp(34px, 4vw, 50px);
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -0.03em;

    color: #173f38;
}

.ver-bankplanner-accounts__description {
    margin: 20px 0 0;

    max-width: 760px;

    font-size: 17px;
    line-height: 1.75;

    color: #586f69;
}


/* =========================================================
   WORKSPACE
========================================================= */

.ver-bankplanner-accounts__workspace {
    display: grid;

    grid-template-columns:
        minmax(0, 0.9fr)
        minmax(0, 1.1fr);

    gap: 26px;

    align-items: start;
}


/* =========================================================
   FORM CARD
========================================================= */

.ver-bankplanner-accounts__form-card,
.ver-bankplanner-accounts__list-card {
    background: #ffffff;

    border: 1px solid #dce8e5;
    border-radius: 20px;

    box-shadow:
        0 12px 32px rgba(18, 67, 58, 0.06);
}

.ver-bankplanner-accounts__form-card {
    padding: 30px;
}


/* =========================================================
   FORM HEADER
========================================================= */

.ver-bankplanner-accounts__form-header,
.ver-bankplanner-accounts__list-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 20px;

    padding-bottom: 22px;

    border-bottom: 1px solid #e1ebe8;
}

.ver-bankplanner-accounts__form-eyebrow,
.ver-bankplanner-accounts__list-eyebrow {
    margin: 0 0 6px;

    font-size: 10px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.08em;

    color: #0f766e;
}

.ver-bankplanner-accounts__form-header h3,
.ver-bankplanner-accounts__list-header h3 {
    margin: 0;

    font-size: 22px;
    line-height: 1.3;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-accounts__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 5px;

    min-height: 34px;

    padding: 6px 10px;

    background: #e8f4f1;
    color: #0f766e;

    border-radius: 999px;

    font-size: 11px;
    line-height: 1;
    font-weight: 800;
}


/* =========================================================
   FORM
========================================================= */

.ver-bankplanner-accounts__form {
    display: grid;

    gap: 22px;

    margin-top: 26px;
}

.ver-bankplanner-accounts__field {
    display: grid;

    gap: 8px;
}

.ver-bankplanner-accounts__field label {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-accounts__field input,
.ver-bankplanner-accounts__field select {
    width: 100%;
    min-height: 52px;

    padding: 12px 14px;

    background: #ffffff;

    border: 1px solid #cfded9;
    border-radius: 10px;

    color: #173f38;

    font-size: 15px;
    line-height: 1.4;

    outline: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.ver-bankplanner-accounts__field input::placeholder {
    color: #97a9a4;
}

.ver-bankplanner-accounts__field input:focus,
.ver-bankplanner-accounts__field select:focus {
    border-color: #0f766e;

    box-shadow:
        0 0 0 3px rgba(15, 118, 110, 0.12);
}

.ver-bankplanner-accounts__field small {
    font-size: 12px;
    line-height: 1.5;

    color: #758984;
}


/* =========================================================
   FORM ACTIONS
========================================================= */

.ver-bankplanner-accounts__form-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 12px;

    margin-top: 2px;
}

.ver-bankplanner-accounts__add-button {
    min-height: 50px;

    padding: 13px 22px;

    border: 0;

    cursor: pointer;
}

.ver-bankplanner-accounts__clear-button {
    min-height: 50px;

    padding: 12px 16px;

    background: transparent;
    color: #627873;

    border: 0;
    border-radius: 10px;

    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;

    cursor: pointer;
}

.ver-bankplanner-accounts__clear-button:hover {
    background: #f1f6f4;

    color: #173f38;
}


/* =========================================================
   ERROR
========================================================= */

.ver-bankplanner-accounts__error {
    margin-top: 18px;

    padding: 12px 14px;

    background: #fff4f2;
    color: #9c352b;

    border: 1px solid #f2cec8;
    border-radius: 10px;

    font-size: 13px;
    line-height: 1.5;
    font-weight: 600;
}


/* =========================================================
   ACCOUNT LIST CARD
========================================================= */

.ver-bankplanner-accounts__list-card {
    overflow: hidden;
}

.ver-bankplanner-accounts__list-header {
    padding: 30px;
}


/* =========================================================
   EMPTY STATE
========================================================= */

.ver-bankplanner-accounts__empty {
    padding: 58px 30px;

    text-align: center;
}

.ver-bankplanner-accounts__empty-icon {
    width: 54px;
    height: 54px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto 15px;

    background: #e3f1ed;
    color: #0f766e;

    border-radius: 16px;

    font-size: 27px;
    line-height: 1;
    font-weight: 400;
}

.ver-bankplanner-accounts__empty strong {
    display: block;

    font-size: 17px;
    line-height: 1.4;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-accounts__empty p {
    max-width: 380px;

    margin: 8px auto 0;

    font-size: 14px;
    line-height: 1.65;

    color: #71847f;
}


/* =========================================================
   ACCOUNT LIST
========================================================= */

.ver-bankplanner-accounts__list {
    display: grid;
}

.ver-bankplanner-accounts__item {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding: 20px 30px;

    border-bottom: 1px solid #e2ece9;
}

.ver-bankplanner-accounts__item-main {
    display: flex;
    align-items: center;

    gap: 14px;

    min-width: 0;
}

.ver-bankplanner-accounts__item-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #dff1ec;
    color: #0f766e;

    border-radius: 12px;

    font-size: 15px;
    font-weight: 800;
}

.ver-bankplanner-accounts__item-name {
    display: block;

    overflow-wrap: anywhere;

    font-size: 15px;
    line-height: 1.4;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-accounts__item-type {
    display: block;

    margin-top: 3px;

    font-size: 12px;
    line-height: 1.4;

    color: #71857f;
}

.ver-bankplanner-accounts__remove {
    flex-shrink: 0;

    padding: 8px 10px;

    background: transparent;
    color: #8c5a54;

    border: 0;
    border-radius: 8px;

    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;

    cursor: pointer;
}

.ver-bankplanner-accounts__remove:hover {
    background: #fff3f1;

    color: #9c352b;
}


/* =========================================================
   SUMMARY
========================================================= */

.ver-bankplanner-accounts__summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 1px;

    padding: 1px 0 0;

    background: #dfeae7;
}

.ver-bankplanner-accounts__summary > div {
    padding: 18px;

    background: #f7faf9;

    text-align: center;
}

.ver-bankplanner-accounts__summary span {
    display: block;

    margin-bottom: 5px;

    font-size: 9px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.07em;

    color: #6e827d;
}

.ver-bankplanner-accounts__summary strong {
    display: block;

    font-size: 22px;
    line-height: 1.2;
    font-weight: 800;

    color: #0f766e;
}


/* =========================================================
   GUIDANCE
========================================================= */

.ver-bankplanner-accounts__guidance {
    display: flex;
    align-items: flex-start;

    gap: 16px;

    margin-top: 24px;
    padding: 22px 24px;

    background: #ffffff;

    border: 1px solid #dce8e5;
    border-radius: 14px;
}

.ver-bankplanner-accounts__guidance-icon {
    width: 30px;
    height: 30px;
    min-width: 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #d9f1eb;
    color: #0f766e;

    border-radius: 999px;

    font-size: 14px;
    font-weight: 800;
}

.ver-bankplanner-accounts__guidance strong {
    display: block;

    font-size: 15px;
    line-height: 1.4;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-accounts__guidance p {
    margin: 5px 0 0;

    font-size: 14px;
    line-height: 1.65;

    color: #60756f;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .ver-bankplanner-accounts {
        padding: 64px 20px;
    }

    .ver-bankplanner-accounts__workspace {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ver-bankplanner-accounts {
        padding: 52px 16px;
    }

    .ver-bankplanner-accounts__intro {
        margin-bottom: 30px;
    }

    .ver-bankplanner-accounts__title {
        font-size: clamp(30px, 9vw, 40px);
    }

    .ver-bankplanner-accounts__description {
        font-size: 16px;
        line-height: 1.7;
    }

    .ver-bankplanner-accounts__form-card {
        padding: 22px 20px;
    }

    .ver-bankplanner-accounts__form-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .ver-bankplanner-accounts__list-header {
        padding: 22px 20px;
    }

    .ver-bankplanner-accounts__item {
        padding: 18px 20px;
    }

    .ver-bankplanner-accounts__summary {
        grid-template-columns: 1fr;
    }

    .ver-bankplanner-accounts__summary > div {
        text-align: left;
    }

    .ver-bankplanner-accounts__form-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .ver-bankplanner-accounts__add-button,
    .ver-bankplanner-accounts__clear-button {
        width: 100%;
    }

    .ver-bankplanner-accounts__guidance {
        padding: 20px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-104fce9 *//* =========================================================
   VERESTLY — SIMPLE BANKING SYSTEM PLANNER
   BLOCK 4: ASSIGN EACH ACCOUNT A JOB
========================================================= */

.ver-bankplanner-jobs {
    width: 100%;
    padding: 78px 24px;

    background: #ffffff;
}

.ver-bankplanner-jobs__container {
    width: 100%;
    max-width: 1320px;

    margin: 0 auto;
}


/* =========================================================
   INTRO
========================================================= */

.ver-bankplanner-jobs__intro {
    max-width: 820px;

    margin-bottom: 42px;
}

.ver-bankplanner-jobs__eyebrow {
    margin: 0 0 12px;

    font-size: 12px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.09em;

    color: #0f766e;
}

.ver-bankplanner-jobs__title {
    margin: 0;

    font-size: clamp(34px, 4vw, 50px);
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -0.03em;

    color: #173f38;
}

.ver-bankplanner-jobs__description {
    max-width: 760px;

    margin: 20px 0 0;

    font-size: 17px;
    line-height: 1.75;

    color: #586f69;
}


/* =========================================================
   ROLE GUIDE
========================================================= */

.ver-bankplanner-jobs__guide {
    overflow: hidden;

    margin-bottom: 26px;

    background: #f5f9f8;

    border: 1px solid #dce8e5;
    border-radius: 20px;
}

.ver-bankplanner-jobs__guide-header {
    padding: 28px 30px 22px;

    border-bottom: 1px solid #dfeae7;
}

.ver-bankplanner-jobs__guide-eyebrow,
.ver-bankplanner-jobs__workspace-eyebrow,
.ver-bankplanner-jobs__system-eyebrow {
    margin: 0 0 6px;

    font-size: 10px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.08em;

    color: #0f766e;
}

.ver-bankplanner-jobs__guide-header h3,
.ver-bankplanner-jobs__workspace-header h3 {
    margin: 0;

    font-size: 22px;
    line-height: 1.3;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-jobs__guide-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));
}

.ver-bankplanner-jobs__guide-item {
    display: flex;
    align-items: flex-start;

    gap: 14px;

    min-width: 0;

    padding: 22px 24px;

    border-right: 1px solid #dfeae7;
    border-bottom: 1px solid #dfeae7;
}

.ver-bankplanner-jobs__guide-item:nth-child(3n) {
    border-right: 0;
}

.ver-bankplanner-jobs__guide-item:nth-last-child(-n + 3) {
    border-bottom: 0;
}

.ver-bankplanner-jobs__guide-code {
    width: 38px;
    height: 38px;
    min-width: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #dcefeb;
    color: #0f766e;

    border-radius: 10px;

    font-size: 10px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: 0.04em;
}

.ver-bankplanner-jobs__guide-item strong {
    display: block;

    font-size: 14px;
    line-height: 1.4;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-jobs__guide-item p {
    margin: 5px 0 0;

    font-size: 12px;
    line-height: 1.6;

    color: #657a75;
}


/* =========================================================
   WORKSPACE
========================================================= */

.ver-bankplanner-jobs__workspace {
    overflow: hidden;

    background: #ffffff;

    border: 1px solid #d8e6e2;
    border-radius: 20px;

    box-shadow:
        0 12px 32px rgba(18, 67, 58, 0.06);
}

.ver-bankplanner-jobs__workspace-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 30px;

    padding: 30px;

    border-bottom: 1px solid #e1ebe8;
}

.ver-bankplanner-jobs__workspace-header > div:first-child {
    max-width: 720px;
}

.ver-bankplanner-jobs__workspace-header p:not(
    .ver-bankplanner-jobs__workspace-eyebrow
) {
    margin: 8px 0 0;

    font-size: 14px;
    line-height: 1.6;

    color: #687c77;
}


/* =========================================================
   PROGRESS
========================================================= */

.ver-bankplanner-jobs__progress {
    min-width: 120px;

    padding: 13px 16px;

    background: #e8f4f1;

    border-radius: 12px;

    text-align: center;
}

.ver-bankplanner-jobs__progress > span {
    display: block;

    margin-bottom: 4px;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 800;
    letter-spacing: 0.07em;

    color: #66827b;
}

.ver-bankplanner-jobs__progress strong {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 800;

    color: #0f766e;
}


/* =========================================================
   EMPTY STATE
========================================================= */

.ver-bankplanner-jobs__empty {
    padding: 54px 30px;

    text-align: center;
}

.ver-bankplanner-jobs__empty-icon {
    width: 52px;
    height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto 15px;

    background: #e3f1ed;
    color: #0f766e;

    border-radius: 15px;

    font-size: 18px;
    font-weight: 800;
}

.ver-bankplanner-jobs__empty strong {
    display: block;

    font-size: 17px;
    line-height: 1.4;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-jobs__empty p {
    max-width: 470px;

    margin: 8px auto 18px;

    font-size: 14px;
    line-height: 1.65;

    color: #6d817c;
}

.ver-bankplanner-jobs__back-link {
    display: inline-flex;

    color: #0f766e;

    font-size: 13px;
    line-height: 1.4;
    font-weight: 800;

    text-decoration: none;
}

.ver-bankplanner-jobs__back-link:hover {
    text-decoration: underline;
}


/* =========================================================
   ACCOUNT ROW
========================================================= */

.ver-bankplanner-jobs__list {
    display: grid;
}

.ver-bankplanner-jobs__account {
    display: grid;

    grid-template-columns:
        46px
        minmax(160px, 0.8fr)
        minmax(230px, 1.2fr)
        minmax(140px, 0.65fr);

    gap: 20px;

    align-items: center;

    padding: 22px 30px;

    border-bottom: 1px solid #e3ecea;

    transition:
        background-color 0.2s ease;
}

.ver-bankplanner-jobs__account:last-child {
    border-bottom: 0;
}

.ver-bankplanner-jobs__account--assigned {
    background: #fbfdfc;
}


/* =========================================================
   ACCOUNT NUMBER
========================================================= */

.ver-bankplanner-jobs__account-number {
    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f0f6f4;
    color: #0f766e;

    border-radius: 11px;

    font-size: 13px;
    line-height: 1;
    font-weight: 800;
}


/* =========================================================
   ACCOUNT INFO
========================================================= */

.ver-bankplanner-jobs__account-info {
    min-width: 0;
}

.ver-bankplanner-jobs__account-type {
    display: block;

    margin-bottom: 3px;

    font-size: 10px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;

    color: #71857f;
}

.ver-bankplanner-jobs__account-info strong {
    display: block;

    overflow-wrap: anywhere;

    font-size: 15px;
    line-height: 1.4;
    font-weight: 800;

    color: #173f38;
}


/* =========================================================
   SELECTOR
========================================================= */

.ver-bankplanner-jobs__.elementor-1734 .elementor-element.elementor-element-104fce9 {
    min-width: 0;
}

.ver-bankplanner-jobs__.elementor-1734 .elementor-element.elementor-element-104fce9 label {
    display: block;

    margin-bottom: 6px;

    font-size: 11px;
    line-height: 1.3;
    font-weight: 800;

    color: #58716b;
}

.ver-bankplanner-jobs__select {
    width: 100%;
    min-height: 48px;

    padding: 11px 42px 11px 13px;

    background: #ffffff;

    border: 1px solid #ccddd8;
    border-radius: 10px;

    color: #173f38;

    font-size: 14px;
    line-height: 1.4;

    outline: none;

    cursor: pointer;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.ver-bankplanner-jobs__select:focus {
    border-color: #0f766e;

    box-shadow:
        0 0 0 3px rgba(15, 118, 110, 0.12);
}


/* =========================================================
   ROLE RESULT
========================================================= */

.ver-bankplanner-jobs__role-result {
    display: flex;
    align-items: center;

    gap: 10px;

    min-width: 0;
}

.ver-bankplanner-jobs__role-code {
    width: 36px;
    height: 36px;
    min-width: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #dff1ec;
    color: #0f766e;

    border-radius: 10px;

    font-size: 9px;
    line-height: 1;
    font-weight: 900;
}

.ver-bankplanner-jobs__role-name {
    overflow-wrap: anywhere;

    font-size: 12px;
    line-height: 1.4;
    font-weight: 800;

    color: #526b65;
}


/* =========================================================
   COMPLETE STATE
========================================================= */

.ver-bankplanner-jobs__complete {
    display: flex;
    align-items: flex-start;

    gap: 15px;

    padding: 22px 30px;

    background: #e8f5f1;

    border-top: 1px solid #cee5df;
}

.ver-bankplanner-jobs__complete[hidden] {
    display: none;
}

.ver-bankplanner-jobs__complete-icon {
    width: 30px;
    height: 30px;
    min-width: 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #0f766e;
    color: #ffffff;

    border-radius: 999px;

    font-size: 13px;
    font-weight: 800;
}

.ver-bankplanner-jobs__complete strong {
    display: block;

    font-size: 14px;
    line-height: 1.4;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-jobs__complete p {
    margin: 4px 0 0;

    font-size: 13px;
    line-height: 1.55;

    color: #5b716b;
}


/* =========================================================
   SYSTEM CHECK
========================================================= */

.ver-bankplanner-jobs__system-check {
    margin-top: 24px;
    padding: 24px 26px;

    background: #103f37;

    border-radius: 18px;
}

.ver-bankplanner-jobs__system-check strong {
    display: block;

    font-size: 19px;
    line-height: 1.35;
    font-weight: 800;

    color: #ffffff;
}

.ver-bankplanner-jobs__system-check p:not(
    .ver-bankplanner-jobs__system-eyebrow
) {
    margin: 5px 0 0;

    font-size: 13px;
    line-height: 1.6;

    color: #d2e8e3;
}

.ver-bankplanner-jobs__system-eyebrow {
    color: #9dded3;
}


/* =========================================================
   METER
========================================================= */

.ver-bankplanner-jobs__meter {
    width: 100%;
    height: 8px;

    overflow: hidden;

    margin-top: 18px;

    background: rgba(255, 255, 255, 0.12);

    border-radius: 999px;
}

.ver-bankplanner-jobs__meter-fill {
    display: block;

    width: 0;
    height: 100%;

    background: #9dded3;

    border-radius: inherit;

    transition: width 0.35s ease;
}


/* =========================================================
   NOTE
========================================================= */

.ver-bankplanner-jobs__note {
    display: flex;
    align-items: flex-start;

    gap: 16px;

    margin-top: 24px;
    padding: 22px 24px;

    background: #f5f9f8;

    border-left: 4px solid #0f766e;
    border-radius: 0 14px 14px 0;
}

.ver-bankplanner-jobs__note-icon {
    width: 28px;
    height: 28px;
    min-width: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #d9f1eb;
    color: #0f766e;

    border-radius: 999px;

    font-size: 13px;
    font-weight: 800;
}

.ver-bankplanner-jobs__note strong {
    display: block;

    font-size: 14px;
    line-height: 1.45;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-jobs__note p {
    margin: 5px 0 0;

    font-size: 13px;
    line-height: 1.65;

    color: #60756f;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .ver-bankplanner-jobs {
        padding: 64px 20px;
    }

    .ver-bankplanner-jobs__guide-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .ver-bankplanner-jobs__guide-item {
        border-right: 1px solid #dfeae7;
        border-bottom: 1px solid #dfeae7;
    }

    .ver-bankplanner-jobs__guide-item:nth-child(3n) {
        border-right: 1px solid #dfeae7;
    }

    .ver-bankplanner-jobs__guide-item:nth-child(2n) {
        border-right: 0;
    }

    .ver-bankplanner-jobs__guide-item:nth-last-child(-n + 3) {
        border-bottom: 1px solid #dfeae7;
    }

    .ver-bankplanner-jobs__guide-item:nth-last-child(-n + 2) {
        border-bottom: 0;
    }

    .ver-bankplanner-jobs__account {
        grid-template-columns:
            42px
            minmax(140px, 0.7fr)
            minmax(200px, 1fr);

        gap: 16px;
    }

    .ver-bankplanner-jobs__role-result {
        grid-column: 2 / -1;

        padding-left: 0;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ver-bankplanner-jobs {
        padding: 52px 16px;
    }

    .ver-bankplanner-jobs__intro {
        margin-bottom: 30px;
    }

    .ver-bankplanner-jobs__title {
        font-size: clamp(30px, 9vw, 40px);
    }

    .ver-bankplanner-jobs__description {
        font-size: 16px;
        line-height: 1.7;
    }

    .ver-bankplanner-jobs__guide-header {
        padding: 22px 20px 18px;
    }

    .ver-bankplanner-jobs__guide-grid {
        grid-template-columns: 1fr;
    }

    .ver-bankplanner-jobs__guide-item,
    .ver-bankplanner-jobs__guide-item:nth-child(3n),
    .ver-bankplanner-jobs__guide-item:nth-child(2n),
    .ver-bankplanner-jobs__guide-item:nth-last-child(-n + 3),
    .ver-bankplanner-jobs__guide-item:nth-last-child(-n + 2) {
        border-right: 0;
        border-bottom: 1px solid #dfeae7;
    }

    .ver-bankplanner-jobs__guide-item:last-child {
        border-bottom: 0;
    }

    .ver-bankplanner-jobs__workspace-header {
        flex-direction: column;

        padding: 22px 20px;
    }

    .ver-bankplanner-jobs__progress {
        width: 100%;

        text-align: left;
    }

    .ver-bankplanner-jobs__account {
        grid-template-columns:
            42px
            minmax(0, 1fr);

        gap: 14px;

        padding: 20px;
    }

    .ver-bankplanner-jobs__.elementor-1734 .elementor-element.elementor-element-104fce9 {
        grid-column: 1 / -1;
    }

    .ver-bankplanner-jobs__role-result {
        grid-column: 1 / -1;
    }

    .ver-bankplanner-jobs__empty {
        padding: 42px 20px;
    }

    .ver-bankplanner-jobs__complete {
        padding: 20px;
    }

    .ver-bankplanner-jobs__system-check {
        padding: 22px 20px;
    }

    .ver-bankplanner-jobs__note {
        padding: 20px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-03ac55c *//* =========================================================
   VERESTLY — SIMPLE BANKING SYSTEM PLANNER
   BLOCK 5: MAP YOUR INCOME
========================================================= */

.ver-bankplanner-income {
    width: 100%;
    padding: 78px 24px;

    background: #f4f8f7;
}

.ver-bankplanner-income__container {
    width: 100%;
    max-width: 1320px;

    margin: 0 auto;
}


/* =========================================================
   INTRO
========================================================= */

.ver-bankplanner-income__intro {
    max-width: 820px;

    margin-bottom: 42px;
}

.ver-bankplanner-income__eyebrow {
    margin: 0 0 12px;

    font-size: 12px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.09em;

    color: #0f766e;
}

.ver-bankplanner-income__title {
    margin: 0;

    font-size: clamp(34px, 4vw, 50px);
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -0.03em;

    color: #173f38;
}

.ver-bankplanner-income__description {
    max-width: 760px;

    margin: 20px 0 0;

    font-size: 17px;
    line-height: 1.75;

    color: #586f69;
}


/* =========================================================
   WORKSPACE
========================================================= */

.ver-bankplanner-income__workspace {
    display: grid;

    grid-template-columns:
        minmax(0, 0.9fr)
        minmax(0, 1.1fr);

    gap: 26px;

    align-items: start;
}


/* =========================================================
   CARDS
========================================================= */

.ver-bankplanner-income__form-card,
.ver-bankplanner-income__map-card {
    background: #ffffff;

    border: 1px solid #dce8e5;
    border-radius: 20px;

    box-shadow:
        0 12px 32px rgba(18, 67, 58, 0.06);
}

.ver-bankplanner-income__form-card {
    padding: 30px;
}

.ver-bankplanner-income__map-card {
    overflow: hidden;
}


/* =========================================================
   HEADERS
========================================================= */

.ver-bankplanner-income__form-header,
.ver-bankplanner-income__map-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 20px;

    padding-bottom: 22px;

    border-bottom: 1px solid #e1ebe8;
}

.ver-bankplanner-income__map-header {
    padding: 30px;
}

.ver-bankplanner-income__form-eyebrow,
.ver-bankplanner-income__map-eyebrow,
.ver-bankplanner-income__status-eyebrow {
    margin: 0 0 6px;

    font-size: 10px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.08em;

    color: #0f766e;
}

.ver-bankplanner-income__form-header h3,
.ver-bankplanner-income__map-header h3 {
    margin: 0;

    font-size: 22px;
    line-height: 1.3;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-income__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 5px;

    min-height: 34px;

    padding: 6px 10px;

    background: #e8f4f1;
    color: #0f766e;

    border-radius: 999px;

    font-size: 11px;
    line-height: 1;
    font-weight: 800;
}


/* =========================================================
   FORM
========================================================= */

.ver-bankplanner-income__form {
    display: grid;
    gap: 22px;

    margin-top: 26px;
}

.ver-bankplanner-income__field {
    display: grid;
    gap: 8px;
}

.ver-bankplanner-income__field label {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-income__field input,
.ver-bankplanner-income__field select {
    width: 100%;
    min-height: 52px;

    padding: 12px 14px;

    background: #ffffff;

    border: 1px solid #cfded9;
    border-radius: 10px;

    color: #173f38;

    font-size: 15px;
    line-height: 1.4;

    outline: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.ver-bankplanner-income__field input::placeholder {
    color: #97a9a4;
}

.ver-bankplanner-income__field input:focus,
.ver-bankplanner-income__field select:focus {
    border-color: #0f766e;

    box-shadow:
        0 0 0 3px rgba(15, 118, 110, 0.12);
}

.ver-bankplanner-income__field small {
    font-size: 12px;
    line-height: 1.5;

    color: #758984;
}


/* =========================================================
   ACTIONS
========================================================= */

.ver-bankplanner-income__form-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 12px;
}

.ver-bankplanner-income__add-button {
    min-height: 50px;

    padding: 13px 22px;

    border: 0;

    cursor: pointer;
}

.ver-bankplanner-income__clear-button {
    min-height: 50px;

    padding: 12px 16px;

    background: transparent;
    color: #627873;

    border: 0;
    border-radius: 10px;

    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;

    cursor: pointer;
}

.ver-bankplanner-income__clear-button:hover {
    background: #f1f6f4;

    color: #173f38;
}


/* =========================================================
   ERROR
========================================================= */

.ver-bankplanner-income__error {
    margin-top: 18px;

    padding: 12px 14px;

    background: #fff4f2;
    color: #9c352b;

    border: 1px solid #f2cec8;
    border-radius: 10px;

    font-size: 13px;
    line-height: 1.5;
    font-weight: 600;
}


/* =========================================================
   EMPTY STATE
========================================================= */

.ver-bankplanner-income__empty {
    padding: 58px 30px;

    text-align: center;
}

.ver-bankplanner-income__empty-icon {
    width: 54px;
    height: 54px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto 15px;

    background: #e3f1ed;
    color: #0f766e;

    border-radius: 16px;

    font-size: 20px;
    font-weight: 800;
}

.ver-bankplanner-income__empty strong {
    display: block;

    font-size: 17px;
    line-height: 1.4;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-income__empty p {
    max-width: 420px;

    margin: 8px auto 0;

    font-size: 14px;
    line-height: 1.65;

    color: #71847f;
}


/* =========================================================
   INCOME FLOW ITEM
========================================================= */

.ver-bankplanner-income__list {
    display: grid;
}

.ver-bankplanner-income__item {
    display: grid;

    grid-template-columns:
        minmax(150px, 1fr)
        40px
        minmax(150px, 1fr)
        auto;

    gap: 16px;

    align-items: center;

    padding: 22px 30px;

    border-bottom: 1px solid #e2ece9;
}

.ver-bankplanner-income__source,
.ver-bankplanner-income__destination {
    min-width: 0;
}

.ver-bankplanner-income__source-type,
.ver-bankplanner-income__destination span {
    display: block;

    margin-bottom: 4px;

    font-size: 9px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.07em;

    color: #70847f;
}

.ver-bankplanner-income__source strong,
.ver-bankplanner-income__destination strong {
    display: block;

    overflow-wrap: anywhere;

    font-size: 14px;
    line-height: 1.4;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-income__source small,
.ver-bankplanner-income__destination small {
    display: block;

    margin-top: 3px;

    font-size: 11px;
    line-height: 1.4;

    color: #7b8e89;
}

.ver-bankplanner-income__arrow {
    display: flex;
    align-items: center;
    justify-content: center;

    color: #0f766e;

    font-size: 20px;
    font-weight: 800;
}

.ver-bankplanner-income__remove {
    padding: 8px 10px;

    background: transparent;
    color: #8c5a54;

    border: 0;
    border-radius: 8px;

    font-size: 12px;
    font-weight: 700;

    cursor: pointer;
}

.ver-bankplanner-income__remove:hover {
    background: #fff3f1;

    color: #9c352b;
}


/* =========================================================
   SUMMARY
========================================================= */

.ver-bankplanner-income__summary {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 1px;

    padding-top: 1px;

    background: #dfeae7;
}

.ver-bankplanner-income__summary > div {
    padding: 18px;

    background: #f7faf9;

    text-align: center;
}

.ver-bankplanner-income__summary span {
    display: block;

    margin-bottom: 5px;

    font-size: 9px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.07em;

    color: #6e827d;
}

.ver-bankplanner-income__summary strong {
    display: block;

    font-size: 22px;
    line-height: 1.2;
    font-weight: 800;

    color: #0f766e;
}


/* =========================================================
   STATUS
========================================================= */

.ver-bankplanner-income__status {
    margin-top: 24px;

    padding: 24px 26px;

    background: #103f37;

    border-radius: 18px;
}

.ver-bankplanner-income__status-eyebrow {
    color: #9dded3;
}

.ver-bankplanner-income__status strong {
    display: block;

    font-size: 19px;
    line-height: 1.35;
    font-weight: 800;

    color: #ffffff;
}

.ver-bankplanner-income__status p:not(
    .ver-bankplanner-income__status-eyebrow
) {
    margin: 5px 0 0;

    font-size: 13px;
    line-height: 1.6;

    color: #d2e8e3;
}


/* =========================================================
   METER
========================================================= */

.ver-bankplanner-income__meter {
    width: 100%;
    height: 8px;

    overflow: hidden;

    margin-top: 18px;

    background: rgba(255,255,255,0.12);

    border-radius: 999px;
}

.ver-bankplanner-income__meter-fill {
    display: block;

    width: 0;
    height: 100%;

    background: #9dded3;

    border-radius: inherit;

    transition: width 0.35s ease;
}


/* =========================================================
   NOTE
========================================================= */

.ver-bankplanner-income__note {
    display: flex;
    align-items: flex-start;

    gap: 16px;

    margin-top: 24px;
    padding: 22px 24px;

    background: #ffffff;

    border: 1px solid #dce8e5;
    border-radius: 14px;
}

.ver-bankplanner-income__note-icon {
    width: 28px;
    height: 28px;
    min-width: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #d9f1eb;
    color: #0f766e;

    border-radius: 999px;

    font-size: 13px;
    font-weight: 800;
}

.ver-bankplanner-income__note strong {
    display: block;

    font-size: 14px;
    line-height: 1.45;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-income__note p {
    margin: 5px 0 0;

    font-size: 13px;
    line-height: 1.65;

    color: #60756f;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .ver-bankplanner-income {
        padding: 64px 20px;
    }

    .ver-bankplanner-income__workspace {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ver-bankplanner-income {
        padding: 52px 16px;
    }

    .ver-bankplanner-income__intro {
        margin-bottom: 30px;
    }

    .ver-bankplanner-income__title {
        font-size: clamp(30px, 9vw, 40px);
    }

    .ver-bankplanner-income__description {
        font-size: 16px;
        line-height: 1.7;
    }

    .ver-bankplanner-income__form-card {
        padding: 22px 20px;
    }

    .ver-bankplanner-income__form-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .ver-bankplanner-income__map-header {
        padding: 22px 20px;
    }

    .ver-bankplanner-income__item {
        grid-template-columns:
            1fr;

        gap: 12px;

        padding: 20px;
    }

    .ver-bankplanner-income__arrow {
        justify-content: flex-start;

        transform: rotate(90deg);

        width: 24px;
    }

    .ver-bankplanner-income__remove {
        justify-self: start;
    }

    .ver-bankplanner-income__summary {
        grid-template-columns: 1fr;
    }

    .ver-bankplanner-income__summary > div {
        text-align: left;
    }

    .ver-bankplanner-income__form-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .ver-bankplanner-income__add-button,
    .ver-bankplanner-income__clear-button {
        width: 100%;
    }

    .ver-bankplanner-income__status,
    .ver-bankplanner-income__note {
        padding: 20px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16cff6c *//* =========================================================
   VERESTLY — SIMPLE BANKING SYSTEM PLANNER
   BLOCK 6: MAP YOUR TRANSFERS
========================================================= */

.ver-bankplanner-transfers {
    width: 100%;

    padding: 78px 24px;

    background: #ffffff;
}

.ver-bankplanner-transfers__container {
    width: 100%;
    max-width: 1320px;

    margin: 0 auto;
}


/* =========================================================
   INTRO
========================================================= */

.ver-bankplanner-transfers__intro {
    max-width: 820px;

    margin-bottom: 42px;
}

.ver-bankplanner-transfers__eyebrow {
    margin: 0 0 12px;

    font-size: 12px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.09em;

    color: #0f766e;
}

.ver-bankplanner-transfers__title {
    margin: 0;

    font-size: clamp(34px, 4vw, 50px);
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -0.03em;

    color: #173f38;
}

.ver-bankplanner-transfers__description {
    max-width: 760px;

    margin: 20px 0 0;

    font-size: 17px;
    line-height: 1.75;

    color: #586f69;
}


/* =========================================================
   WORKSPACE
========================================================= */

.ver-bankplanner-transfers__workspace {
    display: grid;

    grid-template-columns:
        minmax(0, 0.9fr)
        minmax(0, 1.1fr);

    gap: 26px;

    align-items: start;
}


/* =========================================================
   CARDS
========================================================= */

.ver-bankplanner-transfers__form-card,
.ver-bankplanner-transfers__map-card {
    background: #ffffff;

    border: 1px solid #dce8e5;
    border-radius: 20px;

    box-shadow:
        0 12px 32px rgba(18, 67, 58, 0.06);
}

.ver-bankplanner-transfers__form-card {
    padding: 30px;
}

.ver-bankplanner-transfers__map-card {
    overflow: hidden;
}


/* =========================================================
   HEADERS
========================================================= */

.ver-bankplanner-transfers__form-header,
.ver-bankplanner-transfers__map-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 20px;

    padding-bottom: 22px;

    border-bottom: 1px solid #e1ebe8;
}

.ver-bankplanner-transfers__map-header {
    padding: 30px;
}

.ver-bankplanner-transfers__form-eyebrow,
.ver-bankplanner-transfers__map-eyebrow,
.ver-bankplanner-transfers__status-eyebrow {
    margin: 0 0 6px;

    font-size: 10px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.08em;

    color: #0f766e;
}

.ver-bankplanner-transfers__form-header h3,
.ver-bankplanner-transfers__map-header h3 {
    margin: 0;

    font-size: 22px;
    line-height: 1.3;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-transfers__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 5px;

    min-height: 34px;
    padding: 6px 10px;

    background: #e8f4f1;
    color: #0f766e;

    border-radius: 999px;

    font-size: 11px;
    line-height: 1;
    font-weight: 800;
}


/* =========================================================
   FORM
========================================================= */

.ver-bankplanner-transfers__form {
    display: grid;

    gap: 22px;

    margin-top: 26px;
}

.ver-bankplanner-transfers__field {
    display: grid;

    gap: 8px;
}

.ver-bankplanner-transfers__field label {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-transfers__field select {
    width: 100%;
    min-height: 52px;

    padding: 12px 42px 12px 14px;

    background: #ffffff;

    border: 1px solid #cfded9;
    border-radius: 10px;

    color: #173f38;

    font-size: 15px;
    line-height: 1.4;

    outline: none;

    cursor: pointer;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.ver-bankplanner-transfers__field select:focus {
    border-color: #0f766e;

    box-shadow:
        0 0 0 3px rgba(15, 118, 110, 0.12);
}

.ver-bankplanner-transfers__field small {
    font-size: 12px;
    line-height: 1.5;

    color: #758984;
}


/* =========================================================
   FORM ACTIONS
========================================================= */

.ver-bankplanner-transfers__form-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 12px;
}

.ver-bankplanner-transfers__add-button {
    min-height: 50px;

    padding: 13px 22px;

    border: 0;

    cursor: pointer;
}

.ver-bankplanner-transfers__clear-button {
    min-height: 50px;

    padding: 12px 16px;

    background: transparent;
    color: #627873;

    border: 0;
    border-radius: 10px;

    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;

    cursor: pointer;
}

.ver-bankplanner-transfers__clear-button:hover {
    background: #f1f6f4;

    color: #173f38;
}


/* =========================================================
   ERROR
========================================================= */

.ver-bankplanner-transfers__error {
    margin-top: 18px;

    padding: 12px 14px;

    background: #fff4f2;
    color: #9c352b;

    border: 1px solid #f2cec8;
    border-radius: 10px;

    font-size: 13px;
    line-height: 1.5;
    font-weight: 600;
}


/* =========================================================
   EMPTY STATE
========================================================= */

.ver-bankplanner-transfers__empty {
    padding: 58px 30px;

    text-align: center;
}

.ver-bankplanner-transfers__empty-icon {
    width: 54px;
    height: 54px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto 15px;

    background: #e3f1ed;
    color: #0f766e;

    border-radius: 16px;

    font-size: 22px;
    font-weight: 800;
}

.ver-bankplanner-transfers__empty strong {
    display: block;

    font-size: 17px;
    line-height: 1.4;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-transfers__empty p {
    max-width: 420px;

    margin: 8px auto 0;

    font-size: 14px;
    line-height: 1.65;

    color: #71847f;
}


/* =========================================================
   TRANSFER LIST
========================================================= */

.ver-bankplanner-transfers__list {
    display: grid;
}

.ver-bankplanner-transfers__item {
    display: grid;

    grid-template-columns:
        minmax(130px, 1fr)
        minmax(150px, 0.9fr)
        minmax(130px, 1fr)
        auto;

    gap: 18px;

    align-items: center;

    padding: 22px 30px;

    border-bottom: 1px solid #e2ece9;
}

.ver-bankplanner-transfers__account {
    min-width: 0;
}

.ver-bankplanner-transfers__account > span {
    display: block;

    margin-bottom: 4px;

    font-size: 9px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.07em;

    color: #70847f;
}

.ver-bankplanner-transfers__account strong {
    display: block;

    overflow-wrap: anywhere;

    font-size: 14px;
    line-height: 1.4;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-transfers__account small {
    display: block;

    margin-top: 3px;

    font-size: 11px;
    line-height: 1.4;

    color: #7b8e89;
}


/* =========================================================
   CONNECTION
========================================================= */

.ver-bankplanner-transfers__connection {
    min-width: 0;

    text-align: center;
}

.ver-bankplanner-transfers__purpose {
    display: block;

    margin-bottom: 7px;

    font-size: 10px;
    line-height: 1.4;
    font-weight: 800;

    color: #0f766e;
}

.ver-bankplanner-transfers__connection-line {
    display: flex;
    align-items: center;

    gap: 7px;
}

.ver-bankplanner-transfers__connection-line span {
    width: 100%;
    height: 2px;

    background: #b8d9d2;

    border-radius: 999px;
}

.ver-bankplanner-transfers__connection-line strong {
    color: #0f766e;

    font-size: 18px;
    line-height: 1;
    font-weight: 800;
}

.ver-bankplanner-transfers__connection small {
    display: block;

    margin-top: 6px;

    font-size: 10px;
    line-height: 1.4;

    color: #7b8e89;
}


/* =========================================================
   REMOVE
========================================================= */

.ver-bankplanner-transfers__remove {
    padding: 8px 10px;

    background: transparent;
    color: #8c5a54;

    border: 0;
    border-radius: 8px;

    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;

    cursor: pointer;
}

.ver-bankplanner-transfers__remove:hover {
    background: #fff3f1;

    color: #9c352b;
}


/* =========================================================
   SUMMARY
========================================================= */

.ver-bankplanner-transfers__summary {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 1px;

    padding-top: 1px;

    background: #dfeae7;
}

.ver-bankplanner-transfers__summary > div {
    padding: 18px;

    background: #f7faf9;

    text-align: center;
}

.ver-bankplanner-transfers__summary span {
    display: block;

    margin-bottom: 5px;

    font-size: 9px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.07em;

    color: #6e827d;
}

.ver-bankplanner-transfers__summary strong {
    display: block;

    font-size: 22px;
    line-height: 1.2;
    font-weight: 800;

    color: #0f766e;
}


/* =========================================================
   STATUS
========================================================= */

.ver-bankplanner-transfers__status {
    margin-top: 24px;

    padding: 24px 26px;

    background: #103f37;

    border-radius: 18px;
}

.ver-bankplanner-transfers__status-eyebrow {
    color: #9dded3;
}

.ver-bankplanner-transfers__status strong {
    display: block;

    font-size: 19px;
    line-height: 1.35;
    font-weight: 800;

    color: #ffffff;
}

.ver-bankplanner-transfers__status p:not(
    .ver-bankplanner-transfers__status-eyebrow
) {
    margin: 5px 0 0;

    font-size: 13px;
    line-height: 1.6;

    color: #d2e8e3;
}


/* =========================================================
   METER
========================================================= */

.ver-bankplanner-transfers__meter {
    width: 100%;
    height: 8px;

    overflow: hidden;

    margin-top: 18px;

    background: rgba(255, 255, 255, 0.12);

    border-radius: 999px;
}

.ver-bankplanner-transfers__meter-fill {
    display: block;

    width: 0;
    height: 100%;

    background: #9dded3;

    border-radius: inherit;

    transition: width 0.35s ease;
}


/* =========================================================
   NOTE
========================================================= */

.ver-bankplanner-transfers__note {
    display: flex;
    align-items: flex-start;

    gap: 16px;

    margin-top: 24px;
    padding: 22px 24px;

    background: #f5f9f8;

    border-left: 4px solid #0f766e;
    border-radius: 0 14px 14px 0;
}

.ver-bankplanner-transfers__note-icon {
    width: 28px;
    height: 28px;
    min-width: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #d9f1eb;
    color: #0f766e;

    border-radius: 999px;

    font-size: 13px;
    font-weight: 800;
}

.ver-bankplanner-transfers__note strong {
    display: block;

    font-size: 14px;
    line-height: 1.45;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-transfers__note p {
    margin: 5px 0 0;

    font-size: 13px;
    line-height: 1.65;

    color: #60756f;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .ver-bankplanner-transfers {
        padding: 64px 20px;
    }

    .ver-bankplanner-transfers__workspace {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ver-bankplanner-transfers {
        padding: 52px 16px;
    }

    .ver-bankplanner-transfers__intro {
        margin-bottom: 30px;
    }

    .ver-bankplanner-transfers__title {
        font-size: clamp(30px, 9vw, 40px);
    }

    .ver-bankplanner-transfers__description {
        font-size: 16px;
        line-height: 1.7;
    }

    .ver-bankplanner-transfers__form-card {
        padding: 22px 20px;
    }

    .ver-bankplanner-transfers__form-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .ver-bankplanner-transfers__map-header {
        padding: 22px 20px;
    }

    .ver-bankplanner-transfers__item {
        grid-template-columns: 1fr;

        gap: 14px;

        padding: 20px;
    }

    .ver-bankplanner-transfers__connection {
        text-align: left;
    }

    .ver-bankplanner-transfers__connection-line {
        max-width: 180px;
    }

    .ver-bankplanner-transfers__remove {
        justify-self: start;
    }

    .ver-bankplanner-transfers__summary {
        grid-template-columns: 1fr;
    }

    .ver-bankplanner-transfers__summary > div {
        text-align: left;
    }

    .ver-bankplanner-transfers__form-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .ver-bankplanner-transfers__add-button,
    .ver-bankplanner-transfers__clear-button {
        width: 100%;
    }

    .ver-bankplanner-transfers__status,
    .ver-bankplanner-transfers__note {
        padding: 20px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-854bfff *//* =========================================================
   VERESTLY — SIMPLE BANKING SYSTEM PLANNER
   BLOCK 7: YOUR BANKING SYSTEM
========================================================= */

.ver-bankplanner-system {
    width: 100%;

    padding: 80px 24px;

    background: #f4f8f7;
}

.ver-bankplanner-system__container {
    width: 100%;
    max-width: 1320px;

    margin: 0 auto;
}


/* =========================================================
   INTRO
========================================================= */

.ver-bankplanner-system__intro {
    max-width: 840px;

    margin-bottom: 42px;
}

.ver-bankplanner-system__eyebrow {
    margin: 0 0 12px;

    font-size: 12px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.09em;

    color: #0f766e;
}

.ver-bankplanner-system__title {
    margin: 0;

    font-size: clamp(34px, 4vw, 50px);
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -0.03em;

    color: #173f38;
}

.ver-bankplanner-system__description {
    max-width: 780px;

    margin: 20px 0 0;

    font-size: 17px;
    line-height: 1.75;

    color: #586f69;
}


/* =========================================================
   EMPTY STATE
========================================================= */

.ver-bankplanner-system__empty {
    padding: 64px 30px;

    background: #ffffff;

    border: 1px solid #dce8e5;
    border-radius: 22px;

    text-align: center;

    box-shadow:
        0 12px 32px rgba(18, 67, 58, 0.06);
}

.ver-bankplanner-system__empty-icon {
    width: 60px;
    height: 60px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto 18px;

    background: #dff1ec;
    color: #0f766e;

    border-radius: 18px;

    font-size: 25px;
    font-weight: 800;
}

.ver-bankplanner-system__empty strong {
    display: block;

    font-size: 20px;
    line-height: 1.4;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-system__empty p {
    max-width: 560px;

    margin: 10px auto 22px;

    font-size: 14px;
    line-height: 1.7;

    color: #687d77;
}

.ver-bankplanner-system__empty-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 50px;

    padding: 13px 22px;
}


/* =========================================================
   RESULTS
========================================================= */

.ver-bankplanner-system__results[hidden] {
    display: none;
}


/* =========================================================
   OVERVIEW
========================================================= */

.ver-bankplanner-system__overview {
    overflow: hidden;

    background: #103f37;

    border-radius: 22px;

    box-shadow:
        0 16px 38px rgba(17, 59, 51, 0.13);
}

.ver-bankplanner-system__overview-main {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 32px;

    padding: 34px;
}

.ver-bankplanner-system__overview-eyebrow,
.ver-bankplanner-system__map-eyebrow,
.ver-bankplanner-system__roles-eyebrow,
.ver-bankplanner-system__status-eyebrow {
    margin: 0 0 7px;

    font-size: 10px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.ver-bankplanner-system__overview-eyebrow {
    color: #9dded3;
}

.ver-bankplanner-system__overview-main h3 {
    margin: 0;

    font-size: 28px;
    line-height: 1.25;
    font-weight: 800;

    color: #ffffff;
}

.ver-bankplanner-system__overview-main p:not(
    .ver-bankplanner-system__overview-eyebrow
) {
    max-width: 620px;

    margin: 8px 0 0;

    font-size: 14px;
    line-height: 1.65;

    color: #cfe5e0;
}


/* =========================================================
   BADGE
========================================================= */

.ver-bankplanner-system__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 36px;

    padding: 8px 13px;

    background: rgba(255,255,255,0.10);
    color: #d9ede8;

    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 999px;

    font-size: 11px;
    line-height: 1;
    font-weight: 800;
}

.ver-bankplanner-system__badge--good {
    background: #dcefeb;
    color: #0f766e;

    border-color: #dcefeb;
}

.ver-bankplanner-system__badge--strong {
    background: #ffffff;
    color: #0f766e;

    border-color: #ffffff;
}


/* =========================================================
   STATS
========================================================= */

.ver-bankplanner-system__stats {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 1px;

    background: rgba(255,255,255,0.12);
}

.ver-bankplanner-system__stat {
    padding: 22px 26px;

    background: rgba(255,255,255,0.04);
}

.ver-bankplanner-system__stat span {
    display: block;

    margin-bottom: 5px;

    font-size: 9px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.07em;

    color: #a7d6cd;
}

.ver-bankplanner-system__stat strong {
    display: block;

    font-size: 25px;
    line-height: 1.2;
    font-weight: 800;

    color: #ffffff;
}


/* =========================================================
   MAP CARD
========================================================= */

.ver-bankplanner-system__map-card,
.ver-bankplanner-system__roles-card,
.ver-bankplanner-system__status-card {
    margin-top: 26px;

    background: #ffffff;

    border: 1px solid #dce8e5;
    border-radius: 20px;

    box-shadow:
        0 12px 32px rgba(18, 67, 58, 0.06);
}

.ver-bankplanner-system__map-card {
    padding: 30px;
}

.ver-bankplanner-system__map-header,
.ver-bankplanner-system__roles-header {
    padding-bottom: 22px;

    border-bottom: 1px solid #e1ebe8;
}

.ver-bankplanner-system__map-eyebrow,
.ver-bankplanner-system__roles-eyebrow,
.ver-bankplanner-system__status-eyebrow {
    color: #0f766e;
}

.ver-bankplanner-system__map-header h3,
.ver-bankplanner-system__roles-header h3 {
    margin: 0;

    font-size: 22px;
    line-height: 1.3;
    font-weight: 800;

    color: #173f38;
}


/* =========================================================
   STAGES
========================================================= */

.ver-bankplanner-system__stage {
    padding: 26px 0;
}

.ver-bankplanner-system__stage-heading {
    display: flex;
    align-items: center;

    gap: 13px;

    margin-bottom: 18px;
}

.ver-bankplanner-system__stage-number {
    width: 38px;
    height: 38px;
    min-width: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #dff1ec;
    color: #0f766e;

    border-radius: 11px;

    font-size: 13px;
    font-weight: 800;
}

.ver-bankplanner-system__stage-heading div > span {
    display: block;

    margin-bottom: 2px;

    font-size: 9px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.07em;

    color: #758984;
}

.ver-bankplanner-system__stage-heading strong {
    display: block;

    font-size: 16px;
    line-height: 1.4;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-system__stage-arrow {
    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: -4px auto;

    background: #103f37;
    color: #ffffff;

    border-radius: 999px;

    font-size: 17px;
    font-weight: 800;
}


/* =========================================================
   NODES
========================================================= */

.ver-bankplanner-system__nodes {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 14px;
}

.ver-bankplanner-system__income-node,
.ver-bankplanner-system__account-node {
    min-width: 0;

    padding: 18px;

    background: #f6faf9;

    border: 1px solid #dce8e5;
    border-radius: 14px;
}

.ver-bankplanner-system__income-node > span,
.ver-bankplanner-system__account-node > div > span {
    display: block;

    margin-bottom: 4px;

    font-size: 9px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.06em;

    color: #71857f;
}

.ver-bankplanner-system__income-node strong,
.ver-bankplanner-system__account-node > div > strong {
    display: block;

    overflow-wrap: anywhere;

    font-size: 14px;
    line-height: 1.4;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-system__income-node small,
.ver-bankplanner-system__account-node > div > small {
    display: block;

    margin-top: 5px;

    font-size: 11px;
    line-height: 1.5;

    color: #6e837d;
}


/* =========================================================
   ACCOUNT NODE
========================================================= */

.ver-bankplanner-system__account-node {
    display: flex;
    align-items: center;

    gap: 12px;
}

.ver-bankplanner-system__account-code {
    width: 38px;
    height: 38px;
    min-width: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #dcefeb;
    color: #0f766e;

    border-radius: 10px;

    font-size: 10px;
    line-height: 1;
    font-weight: 900;
}


/* =========================================================
   TRANSFER FLOWS
========================================================= */

.ver-bankplanner-system__flows {
    display: grid;

    gap: 12px;
}

.ver-bankplanner-system__flow {
    display: grid;

    grid-template-columns:
        minmax(120px, 1fr)
        minmax(100px, 0.6fr)
        minmax(120px, 1fr);

    gap: 14px;

    align-items: center;

    padding: 15px 18px;

    background: #f6faf9;

    border: 1px solid #dce8e5;
    border-radius: 12px;
}

.ver-bankplanner-system__flow > strong {
    overflow-wrap: anywhere;

    font-size: 13px;
    line-height: 1.4;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-system__flow > strong:last-child {
    text-align: right;
}

.ver-bankplanner-system__flow-arrow {
    display: flex;
    align-items: center;

    gap: 6px;
}

.ver-bankplanner-system__flow-arrow span {
    width: 100%;
    height: 2px;

    background: #b8d9d2;

    border-radius: 999px;
}

.ver-bankplanner-system__flow-arrow b {
    color: #0f766e;

    font-size: 17px;
}


/* =========================================================
   PLACEHOLDER
========================================================= */

.ver-bankplanner-system__placeholder {
    grid-column: 1 / -1;

    padding: 18px;

    background: #f8faf9;
    color: #71847f;

    border: 1px dashed #cddcd8;
    border-radius: 12px;

    font-size: 13px;
    line-height: 1.55;

    text-align: center;
}


/* =========================================================
   ROLE CARD
========================================================= */

.ver-bankplanner-system__roles-card {
    overflow: hidden;
}

.ver-bankplanner-system__roles-header {
    padding: 28px 30px 22px;
}

.ver-bankplanner-system__role-list {
    display: grid;
}

.ver-bankplanner-system__role-item {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        50px
        minmax(0, 1fr);

    gap: 16px;

    align-items: center;

    padding: 20px 30px;

    border-bottom: 1px solid #e2ece9;
}

.ver-bankplanner-system__role-item:last-child {
    border-bottom: 0;
}

.ver-bankplanner-system__role-account span,
.ver-bankplanner-system__role-job span {
    display: block;

    margin-bottom: 3px;

    font-size: 9px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.07em;

    color: #758984;
}

.ver-bankplanner-system__role-account strong,
.ver-bankplanner-system__role-job strong {
    display: block;

    overflow-wrap: anywhere;

    font-size: 14px;
    line-height: 1.4;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-system__role-job {
    text-align: right;
}

.ver-bankplanner-system__role-divider {
    display: flex;
    align-items: center;
    justify-content: center;

    color: #0f766e;

    font-size: 18px;
    font-weight: 800;
}


/* =========================================================
   STATUS CARD
========================================================= */

.ver-bankplanner-system__status-card {
    padding: 30px;

    background: #103f37;

    border-color: #103f37;
}

.ver-bankplanner-system__status-main {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;
}

.ver-bankplanner-system__status-main > div:first-child {
    max-width: 760px;
}

.ver-bankplanner-system__status-eyebrow {
    color: #9dded3;
}

.ver-bankplanner-system__status-main strong {
    display: block;

    font-size: 21px;
    line-height: 1.35;
    font-weight: 800;

    color: #ffffff;
}

.ver-bankplanner-system__status-main p:not(
    .ver-bankplanner-system__status-eyebrow
) {
    margin: 6px 0 0;

    font-size: 13px;
    line-height: 1.65;

    color: #d1e6e1;
}


/* =========================================================
   SCORE
========================================================= */

.ver-bankplanner-system__score {
    min-width: 120px;

    text-align: right;
}

.ver-bankplanner-system__score > span {
    font-size: 42px;
    line-height: 1;
    font-weight: 800;

    color: #ffffff;
}

.ver-bankplanner-system__score small {
    font-size: 13px;
    font-weight: 700;

    color: #9dded3;
}


/* =========================================================
   METER
========================================================= */

.ver-bankplanner-system__meter {
    width: 100%;
    height: 9px;

    overflow: hidden;

    margin-top: 22px;

    background: rgba(255,255,255,0.12);

    border-radius: 999px;
}

.ver-bankplanner-system__meter-fill {
    display: block;

    width: 0;
    height: 100%;

    background: #9dded3;

    border-radius: inherit;

    transition: width 0.4s ease;
}


/* =========================================================
   CHECKS
========================================================= */

.ver-bankplanner-system__checks {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 12px;

    margin-top: 22px;
}

.ver-bankplanner-system__check {
    display: flex;
    align-items: flex-start;

    gap: 12px;

    padding: 15px;

    background: rgba(255,255,255,0.06);

    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 12px;
}

.ver-bankplanner-system__check--complete {
    background: rgba(157, 222, 211, 0.10);

    border-color: rgba(157, 222, 211, 0.20);
}

.ver-bankplanner-system__check-icon {
    width: 25px;
    height: 25px;
    min-width: 25px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(255,255,255,0.10);
    color: #cfe5e0;

    border-radius: 999px;

    font-size: 12px;
    font-weight: 800;
}

.ver-bankplanner-system__check--complete
.ver-bankplanner-system__check-icon {
    background: #9dded3;
    color: #103f37;
}

.ver-bankplanner-system__check strong {
    display: block;

    font-size: 12px;
    line-height: 1.4;
    font-weight: 800;

    color: #ffffff;
}

.ver-bankplanner-system__check p {
    margin: 3px 0 0;

    font-size: 11px;
    line-height: 1.5;

    color: #c1dad5;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .ver-bankplanner-system {
        padding: 64px 20px;
    }

    .ver-bankplanner-system__nodes {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ver-bankplanner-system {
        padding: 52px 16px;
    }

    .ver-bankplanner-system__intro {
        margin-bottom: 30px;
    }

    .ver-bankplanner-system__title {
        font-size: clamp(30px, 9vw, 40px);
    }

    .ver-bankplanner-system__description {
        font-size: 16px;
        line-height: 1.7;
    }

    .ver-bankplanner-system__overview-main {
        flex-direction: column;

        padding: 26px 22px;
    }

    .ver-bankplanner-system__stats {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .ver-bankplanner-system__stat {
        padding: 18px 20px;
    }

    .ver-bankplanner-system__map-card {
        padding: 22px 20px;
    }

    .ver-bankplanner-system__nodes {
        grid-template-columns: 1fr;
    }

    .ver-bankplanner-system__flow {
        grid-template-columns: 1fr;

        gap: 8px;
    }

    .ver-bankplanner-system__flow-arrow {
        max-width: 120px;

        transform: rotate(90deg);

        margin: 4px 0 4px 16px;
    }

    .ver-bankplanner-system__flow > strong:last-child {
        text-align: left;
    }

    .ver-bankplanner-system__roles-header {
        padding: 22px 20px;
    }

    .ver-bankplanner-system__role-item {
        grid-template-columns: 1fr;

        gap: 8px;

        padding: 18px 20px;
    }

    .ver-bankplanner-system__role-divider {
        justify-content: flex-start;

        transform: rotate(90deg);

        width: 20px;
    }

    .ver-bankplanner-system__role-job {
        text-align: left;
    }

    .ver-bankplanner-system__status-card {
        padding: 24px 20px;
    }

    .ver-bankplanner-system__status-main {
        align-items: flex-start;
        flex-direction: column;
    }

    .ver-bankplanner-system__score {
        text-align: left;
    }

    .ver-bankplanner-system__checks {
        grid-template-columns: 1fr;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8cf1635 *//* =========================================================
   VERESTLY — SIMPLE BANKING SYSTEM PLANNER
   BLOCK 8: SIMPLIFY YOUR SETUP
========================================================= */

.ver-bankplanner-simplify {
    width: 100%;

    padding: 80px 24px;

    background: #ffffff;
}

.ver-bankplanner-simplify__container {
    width: 100%;
    max-width: 1320px;

    margin: 0 auto;
}


/* =========================================================
   INTRO
========================================================= */

.ver-bankplanner-simplify__intro {
    max-width: 840px;

    margin-bottom: 42px;
}

.ver-bankplanner-simplify__eyebrow {
    margin: 0 0 12px;

    font-size: 12px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.09em;

    color: #0f766e;
}

.ver-bankplanner-simplify__title {
    margin: 0;

    font-size: clamp(34px, 4vw, 50px);
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -0.03em;

    color: #173f38;
}

.ver-bankplanner-simplify__description {
    max-width: 780px;

    margin: 20px 0 0;

    font-size: 17px;
    line-height: 1.75;

    color: #586f69;
}


/* =========================================================
   DIAGNOSTIC
========================================================= */

.ver-bankplanner-simplify__diagnostic {
    padding: 30px;

    background: #103f37;

    border-radius: 20px;

    box-shadow:
        0 16px 38px rgba(17, 59, 51, 0.12);
}

.ver-bankplanner-simplify__diagnostic-main {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 32px;
}

.ver-bankplanner-simplify__diagnostic-main > div:first-child {
    max-width: 760px;
}

.ver-bankplanner-simplify__diagnostic-eyebrow,
.ver-bankplanner-simplify__findings-eyebrow,
.ver-bankplanner-simplify__questions-eyebrow {
    margin: 0 0 7px;

    font-size: 10px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.ver-bankplanner-simplify__diagnostic-eyebrow {
    color: #9dded3;
}

.ver-bankplanner-simplify__diagnostic h3 {
    margin: 0;

    font-size: 24px;
    line-height: 1.3;
    font-weight: 800;

    color: #ffffff;
}

.ver-bankplanner-simplify__diagnostic p:not(
    .ver-bankplanner-simplify__diagnostic-eyebrow
) {
    margin: 7px 0 0;

    font-size: 14px;
    line-height: 1.65;

    color: #d0e5e0;
}


/* =========================================================
   SCORE
========================================================= */

.ver-bankplanner-simplify__score {
    min-width: 120px;

    text-align: right;
}

.ver-bankplanner-simplify__score span {
    font-size: 42px;
    line-height: 1;
    font-weight: 800;

    color: #ffffff;
}

.ver-bankplanner-simplify__score small {
    font-size: 13px;
    font-weight: 700;

    color: #9dded3;
}


/* =========================================================
   METER
========================================================= */

.ver-bankplanner-simplify__meter {
    width: 100%;
    height: 9px;

    overflow: hidden;

    margin-top: 22px;

    background: rgba(255,255,255,0.12);

    border-radius: 999px;
}

.ver-bankplanner-simplify__meter-fill {
    display: block;

    width: 0;
    height: 100%;

    background: #9dded3;

    border-radius: inherit;

    transition: width 0.4s ease;
}


/* =========================================================
   FINDINGS CARD
========================================================= */

.ver-bankplanner-simplify__findings-card {
    overflow: hidden;

    margin-top: 26px;

    background: #ffffff;

    border: 1px solid #dce8e5;
    border-radius: 20px;

    box-shadow:
        0 12px 32px rgba(18, 67, 58, 0.06);
}

.ver-bankplanner-simplify__findings-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 22px;

    padding: 28px 30px 22px;

    border-bottom: 1px solid #e1ebe8;
}

.ver-bankplanner-simplify__findings-eyebrow,
.ver-bankplanner-simplify__questions-eyebrow {
    color: #0f766e;
}

.ver-bankplanner-simplify__findings-header h3,
.ver-bankplanner-simplify__questions-header h3 {
    margin: 0;

    font-size: 22px;
    line-height: 1.3;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-simplify__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 34px;

    padding: 6px 11px;

    background: #e8f4f1;
    color: #0f766e;

    border-radius: 999px;

    font-size: 11px;
    line-height: 1;
    font-weight: 800;
}


/* =========================================================
   EMPTY
========================================================= */

.ver-bankplanner-simplify__empty {
    padding: 52px 30px;

    text-align: center;
}

.ver-bankplanner-simplify__empty-icon {
    width: 52px;
    height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto 15px;

    background: #dff1ec;
    color: #0f766e;

    border-radius: 15px;

    font-size: 17px;
    font-weight: 800;
}

.ver-bankplanner-simplify__empty strong {
    display: block;

    font-size: 17px;
    line-height: 1.4;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-simplify__empty p {
    max-width: 500px;

    margin: 8px auto 0;

    font-size: 14px;
    line-height: 1.65;

    color: #71847f;
}


/* =========================================================
   FINDINGS
========================================================= */

.ver-bankplanner-simplify__list {
    display: grid;
}

.ver-bankplanner-simplify__finding {
    display: flex;
    align-items: flex-start;

    gap: 16px;

    padding: 22px 30px;

    border-bottom: 1px solid #e2ece9;
}

.ver-bankplanner-simplify__finding:last-child {
    border-bottom: 0;
}

.ver-bankplanner-simplify__finding--attention {
    background: #fffaf2;
}

.ver-bankplanner-simplify__finding--review {
    background: #ffffff;
}

.ver-bankplanner-simplify__finding-icon {
    width: 34px;
    height: 34px;
    min-width: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #e7f2ef;
    color: #0f766e;

    border-radius: 10px;

    font-size: 13px;
    font-weight: 900;
}

.ver-bankplanner-simplify__finding--attention
.ver-bankplanner-simplify__finding-icon {
    background: #f8ead4;
    color: #986418;
}

.ver-bankplanner-simplify__finding-content strong {
    display: block;

    font-size: 15px;
    line-height: 1.45;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-simplify__finding-content p {
    margin: 5px 0 0;

    font-size: 13px;
    line-height: 1.6;

    color: #617670;
}

.ver-bankplanner-simplify__finding-content span {
    display: block;

    margin-top: 8px;

    font-size: 12px;
    line-height: 1.55;
    font-weight: 700;

    color: #0f766e;
}


/* =========================================================
   QUESTIONS
========================================================= */

.ver-bankplanner-simplify__questions {
    margin-top: 26px;

    padding: 30px;

    background: #f5f9f8;

    border: 1px solid #dce8e5;
    border-radius: 20px;
}

.ver-bankplanner-simplify__questions-header {
    max-width: 760px;

    margin-bottom: 22px;
}

.ver-bankplanner-simplify__questions-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 14px;
}

.ver-bankplanner-simplify__question {
    display: flex;
    align-items: flex-start;

    gap: 14px;

    padding: 18px;

    background: #ffffff;

    border: 1px solid #dce8e5;
    border-radius: 14px;
}

.ver-bankplanner-simplify__question > span {
    width: 34px;
    height: 34px;
    min-width: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #dff1ec;
    color: #0f766e;

    border-radius: 10px;

    font-size: 10px;
    line-height: 1;
    font-weight: 900;
}

.ver-bankplanner-simplify__question strong {
    font-size: 13px;
    line-height: 1.55;
    font-weight: 700;

    color: #173f38;
}


/* =========================================================
   PRINCIPLE
========================================================= */

.ver-bankplanner-simplify__principle {
    display: flex;
    align-items: flex-start;

    gap: 16px;

    margin-top: 24px;
    padding: 22px 24px;

    background: #f5f9f8;

    border-left: 4px solid #0f766e;
    border-radius: 0 14px 14px 0;
}

.ver-bankplanner-simplify__principle-icon {
    width: 28px;
    height: 28px;
    min-width: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #d9f1eb;
    color: #0f766e;

    border-radius: 999px;

    font-size: 13px;
    font-weight: 800;
}

.ver-bankplanner-simplify__principle strong {
    display: block;

    font-size: 14px;
    line-height: 1.45;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-simplify__principle p {
    margin: 5px 0 0;

    font-size: 13px;
    line-height: 1.65;

    color: #60756f;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .ver-bankplanner-simplify {
        padding: 64px 20px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ver-bankplanner-simplify {
        padding: 52px 16px;
    }

    .ver-bankplanner-simplify__intro {
        margin-bottom: 30px;
    }

    .ver-bankplanner-simplify__title {
        font-size: clamp(30px, 9vw, 40px);
    }

    .ver-bankplanner-simplify__description {
        font-size: 16px;
        line-height: 1.7;
    }

    .ver-bankplanner-simplify__diagnostic {
        padding: 24px 20px;
    }

    .ver-bankplanner-simplify__diagnostic-main {
        align-items: flex-start;
        flex-direction: column;
    }

    .ver-bankplanner-simplify__score {
        text-align: left;
    }

    .ver-bankplanner-simplify__findings-header {
        align-items: flex-start;
        flex-direction: column;

        padding: 22px 20px;
    }

    .ver-bankplanner-simplify__finding {
        padding: 20px;
    }

    .ver-bankplanner-simplify__questions {
        padding: 22px 20px;
    }

    .ver-bankplanner-simplify__questions-grid {
        grid-template-columns: 1fr;
    }

    .ver-bankplanner-simplify__principle {
        padding: 20px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6bae524 *//* =========================================================
   VERESTLY — SIMPLE BANKING SYSTEM PLANNER
   BLOCK 9: FAQ
========================================================= */

.ver-bankplanner-faq {
    width: 100%;

    padding: 80px 24px;

    background: #f4f8f7;
}

.ver-bankplanner-faq__container {
    width: 100%;
    max-width: 1120px;

    margin: 0 auto;
}


/* =========================================================
   INTRO
========================================================= */

.ver-bankplanner-faq__intro {
    max-width: 820px;

    margin-bottom: 40px;
}

.ver-bankplanner-faq__eyebrow {
    margin: 0 0 12px;

    font-size: 12px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.09em;

    color: #0f766e;
}

.ver-bankplanner-faq__title {
    margin: 0;

    font-size: clamp(34px, 4vw, 50px);
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -0.03em;

    color: #173f38;
}

.ver-bankplanner-faq__description {
    max-width: 760px;

    margin: 20px 0 0;

    font-size: 17px;
    line-height: 1.75;

    color: #586f69;
}


/* =========================================================
   FAQ LIST
========================================================= */

.ver-bankplanner-faq__list {
    display: grid;

    gap: 12px;
}


/* =========================================================
   FAQ ITEM
========================================================= */

.ver-bankplanner-faq__item {
    overflow: hidden;

    background: #ffffff;

    border: 1px solid #dce8e5;
    border-radius: 14px;

    box-shadow:
        0 7px 22px rgba(18, 67, 58, 0.04);
}

.ver-bankplanner-faq__item[open] {
    border-color: #c9dfda;
}


/* =========================================================
   QUESTION
========================================================= */

.ver-bankplanner-faq__question {
    display: grid;

    grid-template-columns:
        42px
        minmax(0, 1fr)
        34px;

    gap: 16px;

    align-items: center;

    min-height: 78px;

    padding: 18px 22px;

    list-style: none;

    cursor: pointer;

    transition:
        background-color 0.2s ease;
}

.ver-bankplanner-faq__question::-webkit-details-marker {
    display: none;
}

.ver-bankplanner-faq__question::marker {
    display: none;
}

.ver-bankplanner-faq__question:hover {
    background: #f8fbfa;
}


/* =========================================================
   NUMBER
========================================================= */

.ver-bankplanner-faq__number {
    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #e4f1ee;
    color: #0f766e;

    border-radius: 10px;

    font-size: 10px;
    line-height: 1;
    font-weight: 900;
}


/* =========================================================
   QUESTION TEXT
========================================================= */

.ver-bankplanner-faq__question-text {
    font-size: 16px;
    line-height: 1.45;
    font-weight: 800;

    color: #173f38;
}


/* =========================================================
   ICON
========================================================= */

.ver-bankplanner-faq__icon {
    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    justify-self: end;

    background: #103f37;
    color: #ffffff;

    border-radius: 999px;

    font-size: 19px;
    line-height: 1;
    font-weight: 500;

    transition:
        transform 0.2s ease,
        background-color 0.2s ease;
}

.ver-bankplanner-faq__item[open]
.ver-bankplanner-faq__icon {
    transform: rotate(45deg);

    background: #0f766e;
}


/* =========================================================
   ANSWER
========================================================= */

.ver-bankplanner-faq__answer {
    padding:
        0 22px 24px
        80px;

    border-top: 1px solid #edf2f0;
}

.ver-bankplanner-faq__answer p {
    margin: 16px 0 0;

    font-size: 14px;
    line-height: 1.75;

    color: #5e746e;
}

.ver-bankplanner-faq__answer p:first-child {
    margin-top: 20px;
}


/* =========================================================
   NOTE
========================================================= */

.ver-bankplanner-faq__note {
    display: flex;
    align-items: flex-start;

    gap: 16px;

    margin-top: 26px;
    padding: 22px 24px;

    background: #ffffff;

    border-left: 4px solid #0f766e;
    border-radius: 0 14px 14px 0;

    box-shadow:
        0 7px 22px rgba(18, 67, 58, 0.04);
}

.ver-bankplanner-faq__note-icon {
    width: 28px;
    height: 28px;
    min-width: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #d9f1eb;
    color: #0f766e;

    border-radius: 999px;

    font-size: 13px;
    font-weight: 800;
}

.ver-bankplanner-faq__note strong {
    display: block;

    font-size: 14px;
    line-height: 1.45;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-faq__note p {
    margin: 5px 0 0;

    font-size: 13px;
    line-height: 1.65;

    color: #60756f;
}


/* =========================================================
   ACCESSIBILITY
========================================================= */

.ver-bankplanner-faq__question:focus-visible {
    outline: 3px solid rgba(15, 118, 110, 0.28);
    outline-offset: -3px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .ver-bankplanner-faq {
        padding: 64px 20px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ver-bankplanner-faq {
        padding: 52px 16px;
    }

    .ver-bankplanner-faq__intro {
        margin-bottom: 30px;
    }

    .ver-bankplanner-faq__title {
        font-size: clamp(30px, 9vw, 40px);
    }

    .ver-bankplanner-faq__description {
        font-size: 16px;
        line-height: 1.7;
    }

    .ver-bankplanner-faq__question {
        grid-template-columns:
            34px
            minmax(0, 1fr)
            30px;

        gap: 11px;

        min-height: 72px;

        padding: 16px;
    }

    .ver-bankplanner-faq__number {
        width: 32px;
        height: 32px;

        font-size: 9px;
    }

    .ver-bankplanner-faq__question-text {
        font-size: 14px;
        line-height: 1.45;
    }

    .ver-bankplanner-faq__icon {
        width: 28px;
        height: 28px;

        font-size: 17px;
    }

    .ver-bankplanner-faq__answer {
        padding:
            0 16px 20px
            61px;
    }

    .ver-bankplanner-faq__answer p {
        font-size: 13px;
        line-height: 1.7;
    }

    .ver-bankplanner-faq__note {
        padding: 20px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-28b4b84 *//* =========================================================
   VERESTLY — SIMPLE BANKING SYSTEM PLANNER
   BLOCK 10: KEEP BUILDING YOUR BANKING SYSTEM
========================================================= */

.ver-bankplanner-next {
    width: 100%;
    padding: 80px 24px;
    background: #ffffff;
}

.ver-bankplanner-next__container {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
}


/* =========================================================
   INTRO
========================================================= */

.ver-bankplanner-next__intro {
    max-width: 840px;
    margin-bottom: 42px;
}

.ver-bankplanner-next__eyebrow {
    margin: 0 0 12px;

    font-size: 12px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.09em;

    color: #0f766e;
}

.ver-bankplanner-next__title {
    margin: 0;

    font-size: clamp(34px, 4vw, 50px);
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -0.03em;

    color: #173f38;
}

.ver-bankplanner-next__description {
    max-width: 780px;
    margin: 20px 0 0;

    font-size: 17px;
    line-height: 1.75;
    font-weight: 400;

    color: #586f69;
}


/* =========================================================
   PRIMARY CTA
========================================================= */

.ver-bankplanner-next__primary {
    display: grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(320px, 0.85fr);

    gap: 44px;

    align-items: center;

    padding: 38px;

    background: #103f37;

    border-radius: 22px;

    box-shadow:
        0 16px 38px rgba(17, 59, 51, 0.12);
}

.ver-bankplanner-next__primary-content {
    min-width: 0;
}

.ver-bankplanner-next__primary-eyebrow,
.ver-bankplanner-next__maintenance-eyebrow,
.ver-bankplanner-next__final-eyebrow {
    margin: 0 0 8px;

    font-size: 10px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.ver-bankplanner-next__primary-eyebrow {
    color: #9dded3;
}

.ver-bankplanner-next__primary h3 {
    margin: 0;

    max-width: 700px;

    font-size: clamp(25px, 3vw, 34px);
    line-height: 1.2;
    font-weight: 800;

    color: #ffffff;
}

.ver-bankplanner-next__primary p:not(
    .ver-bankplanner-next__primary-eyebrow
) {
    max-width: 650px;

    margin: 14px 0 0;

    font-size: 15px;
    line-height: 1.7;
    font-weight: 400;

    color: #d1e6e1;
}


/* =========================================================
   PRIMARY BUTTON — CORRECTED
========================================================= */

.ver-bankplanner-next__primary-button,
.ver-bankplanner-next__primary-button:link,
.ver-bankplanner-next__primary-button:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 52px;

    margin-top: 24px;
    padding: 13px 22px;

    background: #0f766e !important;
    color: #ffffff !important;

    border: 0;
    border-radius: 10px;

    font-size: 15px;
    line-height: 1.3;
    font-weight: 800;

    text-decoration: none !important;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.ver-bankplanner-next__primary-button:hover {
    background: #0c655f !important;
    color: #ffffff !important;

    text-decoration: none !important;

    transform: translateY(-1px);

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.12);
}

.ver-bankplanner-next__primary-button:active {
    background: #0a5a55 !important;
    color: #ffffff !important;

    transform: translateY(0);
}

.ver-bankplanner-next__primary-button:focus-visible {
    outline: 3px solid rgba(157, 222, 211, 0.6);
    outline-offset: 4px;

    color: #ffffff !important;
    text-decoration: none !important;
}


/* =========================================================
   PRIMARY VISUAL
========================================================= */

.ver-bankplanner-next__primary-visual {
    min-width: 0;

    padding: 28px;

    background: #ffffff;

    border-radius: 18px;
}

.ver-bankplanner-next__flow {
    display: grid;

    grid-template-columns:
        minmax(100px, 1fr)
        42px
        minmax(110px, 1fr);

    gap: 14px;

    align-items: center;
}

.ver-bankplanner-next__flow-node {
    padding: 18px;

    background: #f2f7f5;

    border: 1px solid #dce8e5;
    border-radius: 14px;
}

.ver-bankplanner-next__flow-node span {
    display: block;

    margin-bottom: 4px;

    font-size: 9px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.07em;

    color: #738781;
}

.ver-bankplanner-next__flow-node strong {
    display: block;

    font-size: 15px;
    line-height: 1.4;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-next__flow-arrow {
    text-align: center;

    color: #0f766e;

    font-size: 22px;
    line-height: 1;
    font-weight: 800;
}

.ver-bankplanner-next__flow-stack {
    display: grid;
    gap: 8px;
}

.ver-bankplanner-next__flow-stack div {
    padding: 11px 12px;

    background: #dff1ec;
    color: #0f766e;

    border-radius: 10px;

    font-size: 12px;
    line-height: 1.3;
    font-weight: 800;

    text-align: center;
}


/* =========================================================
   RESOURCES
========================================================= */

.ver-bankplanner-next__resources {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 20px;

    margin-top: 26px;
}

.ver-bankplanner-next__card {
    display: flex;
    flex-direction: column;

    min-height: 100%;

    padding: 26px;

    background: #f6faf9;

    border: 1px solid #dce8e5;
    border-radius: 18px;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease;
}

.ver-bankplanner-next__card:hover {
    transform: translateY(-2px);

    border-color: #c5ddd7;

    box-shadow:
        0 12px 26px rgba(18, 67, 58, 0.07);
}

.ver-bankplanner-next__card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 14px;

    margin-bottom: 20px;
}

.ver-bankplanner-next__tag {
    display: inline-flex;
    align-items: center;

    min-height: 28px;

    padding: 5px 9px;

    background: #dff1ec;
    color: #0f766e;

    border-radius: 999px;

    font-size: 9px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: 0.06em;
}

.ver-bankplanner-next__card-number {
    font-size: 11px;
    line-height: 1;
    font-weight: 800;

    color: #9aaba7;
}

.ver-bankplanner-next__card h3 {
    margin: 0;

    font-size: 20px;
    line-height: 1.35;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-next__card p {
    margin: 12px 0 20px;

    font-size: 14px;
    line-height: 1.7;
    font-weight: 400;

    color: #647974;
}


/* =========================================================
   RESOURCE LINKS
========================================================= */

.ver-bankplanner-next__link,
.ver-bankplanner-next__link:link,
.ver-bankplanner-next__link:visited {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    margin-top: auto;

    color: #0f766e !important;

    font-size: 13px;
    line-height: 1.4;
    font-weight: 800;

    text-decoration: none !important;
}

.ver-bankplanner-next__link:hover {
    color: #0c655f !important;

    text-decoration: underline !important;
}

.ver-bankplanner-next__link:focus-visible {
    outline: 3px solid rgba(15, 118, 110, 0.20);
    outline-offset: 4px;

    border-radius: 4px;
}

.ver-bankplanner-next__link span {
    transition: transform 0.2s ease;
}

.ver-bankplanner-next__link:hover span {
    transform: translateX(3px);
}


/* =========================================================
   MAINTENANCE
========================================================= */

.ver-bankplanner-next__maintenance {
    display: grid;

    grid-template-columns:
        minmax(0, 0.9fr)
        minmax(0, 1.1fr);

    gap: 34px;

    align-items: center;

    margin-top: 26px;
    padding: 30px;

    background: #f4f8f7;

    border: 1px solid #dce8e5;
    border-radius: 20px;
}

.ver-bankplanner-next__maintenance-content {
    min-width: 0;
}

.ver-bankplanner-next__maintenance-eyebrow {
    color: #0f766e;
}

.ver-bankplanner-next__maintenance h3 {
    margin: 0;

    font-size: 23px;
    line-height: 1.3;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-next__maintenance-content > p:not(
    .ver-bankplanner-next__maintenance-eyebrow
) {
    margin: 10px 0 0;

    font-size: 14px;
    line-height: 1.7;
    font-weight: 400;

    color: #627873;
}

.ver-bankplanner-next__maintenance-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 12px;
}

.ver-bankplanner-next__maintenance-item {
    display: flex;
    align-items: center;

    gap: 12px;

    min-width: 0;

    padding: 15px;

    background: #ffffff;

    border: 1px solid #dce8e5;
    border-radius: 12px;
}

.ver-bankplanner-next__maintenance-item span {
    width: 32px;
    height: 32px;
    min-width: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #dff1ec;
    color: #0f766e;

    border-radius: 9px;

    font-size: 9px;
    line-height: 1;
    font-weight: 900;
}

.ver-bankplanner-next__maintenance-item strong {
    font-size: 12px;
    line-height: 1.45;
    font-weight: 800;

    color: #173f38;
}


/* =========================================================
   FINAL CTA
========================================================= */

.ver-bankplanner-next__final {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 38px;

    margin-top: 26px;
    padding: 30px;

    background: #e5f2ef;

    border-radius: 18px;
}

.ver-bankplanner-next__final > div {
    max-width: 760px;
}

.ver-bankplanner-next__final-eyebrow {
    color: #0f766e;
}

.ver-bankplanner-next__final h3 {
    margin: 0;

    font-size: 22px;
    line-height: 1.35;
    font-weight: 800;

    color: #173f38;
}

.ver-bankplanner-next__final p:not(
    .ver-bankplanner-next__final-eyebrow
) {
    margin: 8px 0 0;

    font-size: 14px;
    line-height: 1.65;
    font-weight: 400;

    color: #5d736d;
}


/* =========================================================
   FINAL BUTTON — CORRECTED
========================================================= */

.ver-bankplanner-next__final-button,
.ver-bankplanner-next__final-button:link,
.ver-bankplanner-next__final-button:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    min-height: 50px;

    padding: 13px 22px;

    background: #0f766e !important;
    color: #ffffff !important;

    border: 0;
    border-radius: 10px;

    font-size: 15px;
    line-height: 1.3;
    font-weight: 800;

    text-decoration: none !important;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.ver-bankplanner-next__final-button:hover {
    background: #0c655f !important;
    color: #ffffff !important;

    text-decoration: none !important;

    transform: translateY(-1px);

    box-shadow:
        0 8px 20px rgba(15, 118, 110, 0.16);
}

.ver-bankplanner-next__final-button:active {
    background: #0a5a55 !important;
    color: #ffffff !important;

    transform: translateY(0);
}

.ver-bankplanner-next__final-button:focus-visible {
    outline: 3px solid rgba(15, 118, 110, 0.28);
    outline-offset: 4px;

    color: #ffffff !important;
    text-decoration: none !important;
}


/* =========================================================
   PROTECTION AGAINST ELEMENTOR LINK OVERRIDES
========================================================= */

.ver-bankplanner-next
a.ver-bankplanner-next__primary-button,
.ver-bankplanner-next
a.ver-bankplanner-next__final-button {
    color: #ffffff !important;
    text-decoration: none !important;
}

.ver-bankplanner-next
a.ver-bankplanner-next__primary-button:hover,
.ver-bankplanner-next
a.ver-bankplanner-next__primary-button:focus,
.ver-bankplanner-next
a.ver-bankplanner-next__primary-button:visited,
.ver-bankplanner-next
a.ver-bankplanner-next__final-button:hover,
.ver-bankplanner-next
a.ver-bankplanner-next__final-button:focus,
.ver-bankplanner-next
a.ver-bankplanner-next__final-button:visited {
    color: #ffffff !important;
    text-decoration: none !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .ver-bankplanner-next {
        padding: 64px 20px;
    }

    .ver-bankplanner-next__primary {
        grid-template-columns: 1fr;
    }

    .ver-bankplanner-next__resources {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .ver-bankplanner-next__card:last-child {
        grid-column: 1 / -1;
    }

    .ver-bankplanner-next__maintenance {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ver-bankplanner-next {
        padding: 52px 16px;
    }

    .ver-bankplanner-next__intro {
        margin-bottom: 30px;
    }

    .ver-bankplanner-next__title {
        font-size: clamp(30px, 9vw, 40px);
    }

    .ver-bankplanner-next__description {
        font-size: 16px;
        line-height: 1.7;
    }

    .ver-bankplanner-next__primary {
        padding: 26px 20px;

        gap: 28px;
    }

    .ver-bankplanner-next__primary h3 {
        font-size: 26px;
        line-height: 1.2;
    }

    .ver-bankplanner-next__primary-button {
        width: 100%;
    }

    .ver-bankplanner-next__primary-visual {
        padding: 20px;
    }

    .ver-bankplanner-next__flow {
        grid-template-columns: 1fr;

        gap: 10px;
    }

    .ver-bankplanner-next__flow-arrow {
        transform: rotate(90deg);
    }

    .ver-bankplanner-next__resources {
        grid-template-columns: 1fr;
    }

    .ver-bankplanner-next__card:last-child {
        grid-column: auto;
    }

    .ver-bankplanner-next__card {
        padding: 22px 20px;
    }

    .ver-bankplanner-next__maintenance {
        padding: 22px 20px;
    }

    .ver-bankplanner-next__maintenance-grid {
        grid-template-columns: 1fr;
    }

    .ver-bankplanner-next__final {
        align-items: stretch;
        flex-direction: column;

        padding: 24px 20px;
    }

    .ver-bankplanner-next__final-button {
        width: 100%;
    }

}/* End custom CSS */