.framework_sec {
    background-color: var(--sectionBG);
    position: relative;
    z-index: 0;
}

/* .framework_sec::before { */
/* position: absolute; */
/* content: ''; */
/* width: 100%; */
/* aspect-ratio: 16 / 9; */
/* top: 0; */
/* right: 0; */
/* background-image: url(https://images.esparkinfo.com/wp-media-folder-esparkbiz/wp-content/uploads/2026/07/shape_deco-w.png); */
/* z-index: -1; */
/* filter: brightness(0) opacity(0.4); */
/* background-repeat: repeat-x; */
/* } */

.framework_sec .section-title .btn {
    margin-top: 30px;
}

.framework_sec .grid {
    display: grid;
    grid-template-columns: 850px 795px;
    justify-content: space-between;
    gap: 40px;
}

.framework_sec .grid .desc li {
    font-size: 18px;
}

.framework_sec .card_index_grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}

.framework_sec .card_index_grid .card_index {
    border: 1px solid var(--border);
    border-bottom: 0px;
    background: var(--white);
    padding: 25px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    line-height: 1.16;
    font-weight: 600;
    color: var(--orange);
    margin-bottom: -1px;
    box-shadow: -1px 0 6px -4px #1119270D, 0px 10px 15px -22px #1119270D;
    border-radius: 16px 16px 0 0;
}

.framework_sec .card_body {
    background-color: var(--white);
    border: 1px solid var(--border);
    padding: 50px 30px 30px;
    box-shadow: 0px 4px 6px -4px #1119270D, 0px 10px 15px -3px #1119270D;
    border-radius: 16px;
}

.framework_sec .card:first-child .card_body {
    border-radius: 0 16px 16px;
}

.framework_sec .card:last-child .card_body {
    border-radius: 16px 0px 16px 16px;
}

.framework_sec .card_wrapper {
    display: flex;
    flex-direction: column;
    gap: 80px;
}

.framework_sec .card {
    position: sticky;
    top: 200px;
}

.framework_sec .grid .desc ul li {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnPgogICAgICAgIDxwYXRoIGQ9Ik03Ljk5OTY3IDE0LjY2NTRDMTEuNjgxNiAxNC42NjU0IDE0LjY2NjMgMTEuNjgwNiAxNC42NjYzIDcuOTk4N0MxNC42NjYzIDQuMzE2OCAxMS42ODE2IDEuMzMyMDMgNy45OTk2NyAxLjMzMjAzQzQuMzE3NzggMS4zMzIwMyAxLjMzMzAxIDQuMzE2OCAxLjMzMzAxIDcuOTk4N0MxLjMzMzAxIDExLjY4MDYgNC4zMTc3OCAxNC42NjU0IDcuOTk5NjcgMTQuNjY1NFoiIHN0cm9rZT0iIzBDN0VFOCIgc3Ryb2tlLXdpZHRoPSIxLjMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KICAgICAgICA8cGF0aCBkPSJNNiA4LjAwMTNMNy4zMzMzMyA5LjMzNDY0TDEwIDYuNjY3OTciIHN0cm9rZT0iIzBDN0VFOCIgc3Ryb2tlLXdpZHRoPSIxLjMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KICAgIDwvZz4KPC9zdmc+Cg==);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 0;
    padding-left: 30px;
}

.framework_sec .section-title {
    position: sticky;
    top: 200px;
    height: max-content;
}

.framework_sec .card .icon_title {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 12px;
}

.framework_sec .card_body h3 {
    font-weight: 600;
    color: var(--inkNavy);
    /* margin-bottom: 12px; */
}

.framework_sec .card_body .desc {
    /* color: #475569; */
    /* margin-bottom: 36px; */
    position: relative;
}

.framework_sec .card_body .desc::before {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(0, 88, 191, 0) -1.32%, rgba(0, 88, 191, 0.16) 27.05%, #0058BF 52.8%, rgba(0, 88, 191, 0.16) 79.6%, rgba(0, 88, 191, 0) 99.57%);
    background: var(--orange);
}

.framework_sec .card_body .key_div {
    background-color: var(--sectionBG);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 12px;
    margin-top: 60px;
}

.framework_sec .card_body .key_div .h4 {
    font-weight: 600;
}

.framework_sec .card_body .key_div ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 32px;
}

.framework_sec .card_body .key_div ul li {
    display: flex;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnPgogICAgICAgIDxwYXRoIGQ9Ik03Ljk5OTY3IDE0LjY2NTRDMTEuNjgxNiAxNC42NjU0IDE0LjY2NjMgMTEuNjgwNiAxNC42NjYzIDcuOTk4N0MxNC42NjYzIDQuMzE2OCAxMS42ODE2IDEuMzMyMDMgNy45OTk2NyAxLjMzMjAzQzQuMzE3NzggMS4zMzIwMyAxLjMzMzAxIDQuMzE2OCAxLjMzMzAxIDcuOTk4N0MxLjMzMzAxIDExLjY4MDYgNC4zMTc3OCAxNC42NjU0IDcuOTk5NjcgMTQuNjY1NFoiIHN0cm9rZT0iIzBDN0VFOCIgc3Ryb2tlLXdpZHRoPSIxLjMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KICAgICAgICA8cGF0aCBkPSJNNiA4LjAwMTNMNy4zMzMzMyA5LjMzNDY0TDEwIDYuNjY3OTciIHN0cm9rZT0iIzBDN0VFOCIgc3Ryb2tlLXdpZHRoPSIxLjMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KICAgIDwvZz4KPC9zdmc+Cg==);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 0;
    padding-left: 30px;
    font-size: 18px;
}

.framework_sec .card_body .key_div ul li::before {
    /* content: ''; */
    /* background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='24' height='24' fill='url(%23pattern0_426_3007)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_426_3007' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_426_3007' transform='scale(0.0192308)'/%3E%3C/pattern%3E%3Cimage id='image0_426_3007' width='52' height='52' preserveAspectRatio='none' xlink:href='data:image/png;base64,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'/%3E%3C/defs%3E%3C/svg%3E%0A"); */
    /* width: 24px; */
    /* height: 24px; */
    /* background-size: 24px; */
    /* margin-top: -1px; */
}

.framework_sec .card:nth-child(2) .card_index {
    grid-column-start: 2
}

.framework_sec .card:nth-child(3) .card_index {
    grid-column-start: 3
}

.framework_sec .card:nth-child(4) .card_index {
    grid-column-start: 4
}

.framework_sec .card:nth-child(5) .card_index {
    grid-column-start: 5
}

.framework_sec .card:nth-child(6) .card_index {
    grid-column-start: 6
}


@media (max-width: 1920px) {
    .framework_sec .grid {
        grid-template-columns: 1fr 1fr;

    }
}

@media (max-width: 1280px) {
    .framework_sec .grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .framework_sec .section-title {
        position: relative;
        top: unset;
    }

    .framework_sec .card {
        top: 120px;
    }
}

@media (max-width: 767px) {
    .framework_sec .card {
        position: relative;
        top: unset;
    }

    .framework_sec .card_body {
        padding: 30px 20px 20px;
    }

    .framework_sec .card_wrapper {
        gap: 20px
    }

    .framework_sec .card_index_grid .card_index {
        display: none;
    }

    .framework_sec .card:last-child .card_body,
    .framework_sec .card:first-child .card_body {
        border-radius: 16px;
    }

    .framework_sec .card_body .key_div ul {
        grid-template-columns: repeat(1, 1fr);
        gap: 12px;
    }

    .framework_sec .card_body .key_div ul li {
        background-position: left 1px;
    }
}