.process-btn {
        text-align: center;
        margin-bottom: 30px;
        position: relative;
        z-index: 10;
        cursor: pointer;
    }

    .postid-36904 .cta-flag {
        border: 1px solid #ededed;
    }

    .partners-section {
        padding: 100px 20px;
        background: #f7f8fa;
        text-align: center;
    }

    h2.title {
        color: #0D152D;
        text-align: center;
        font-family: Inter;
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
    }

    .subtitle {
        font-size: 16px;
        color: #575F70;
        margin-bottom: 25px;
    }

    .process-section {
        padding: 80px 20px;
        color: #fff;
        background: url('https://testv2.zigram.tech/wp-content/uploads/2026/03/Bg-Partners-scaled.png') no-repeat center/cover;
    }

    .process-btn {
        text-align: center;
        margin-bottom: 40px;
    }

    /* DARK OVERLAY */
    .process-section::before {
        content: "";
        position: absolute;
        inset: 0;
        /* dark blue overlay */
    }

    .process-section .container {
        position: relative;
        z-index: 2;
    }

    /* HEADER */
    .process-label {
        font-size: 14px;
        letter-spacing: 2px;
        font-weight: 600;
        color: #1164FF;
    }

    .process-header h2 {
        font-size: 36px;
        margin-top: 10px;
        font-weight: 600;
        color: white !important
    }

    /* GRID */
    .process-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        margin-top: 40px;
        gap: 30px;
    }

    /* ITEMS */
    .process-item {
        padding: 10px 20px;
        position: relative;
    }

    /* ICON */
    .process-icon {
        width: 45px;
        height: 40px;
        margin-bottom: 15px;
    }

    /* TEXT */
    .process-item h3 {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 10px;
        color: #FFFFFF !important;
    }

    .process-item p {
        opacity: 70%;
        font-size: 16px;
        color: #FFFFFF;
        font-weight: 300;
    }

    /* VERTICAL DIVIDER (DESKTOP ONLY) */
    .process-item:not(:last-child)::after {
        content: "";
        position: absolute;
        right: -15px;
        top: 9%;
        height: 76%;
        width: 1px;
        background: rgba(255, 255, 255, 0.2);
    }

    /* BUTTON */
    .btn-primary {
        display: inline-block;
        margin-top: 40px;
        padding: 12px 25px;
        background: linear-gradient(90deg, #3b82f6, #2563eb);
        color: #fff;
        border-radius: 6px;
        text-decoration: none;
        font-size: 14px;
    }

    /* RESPONSIVE */
    @media (max-width: 1024px) {
        .process-grid {
            grid-template-columns: repeat(1, 1fr);

        }

        .process-btn {
            margin-top: 20px;
            margin-bottom: 30px;
        }

        .partnership-section {
            padding: 60px 40px !important;
        }

    }

    @media (max-width: 600px) {

        .process-item h3 {
            font-size: 20px;
            font-weight: 500;
            margin-bottom: 10px;
        }

        .process-item p {
            opacity: 70%;
            font-size: 16px;
            color: #FFFFFF;
            font-weight: 300;
        }

        .process-header h2 {
            font-size: 24px;
            margin-top: 10px;
            font-weight: 600;
        }

        .process-grid {

            grid-template-columns: 1fr;
        }

        .title {
            font-size: 24px;
            font-weight: 600;
            margin-bottom: 10px;
            color: #0D152D;
        }

        .partner-card h3 {
            font-size: 16px;
            margin-bottom: 8px;
            color: #273D72;
            font-weight: 600;
        }

        .partners-section {
            padding: 120px 16px 60px 16px !important;
        }

        .process-section {
            padding: 60px 16px !important;
        }

        .partnership-section {
            padding: 60px 16px ! IMPORTANT;
            background: #F3FAFF;
        }
    }



    .partnership-section {
        padding: 100px 140px;
        /* Fluid vertical padding */
        background-color: #0A1737;
    }

    .partnership-container {
        max-width: 1400px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: 40px;
    }

    /* Left Header Styles */
    .partnership-header {
        grid-column: span 4;
    }

    .main-title {
        color: #ffffff !important;
        font-family: Inter;
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.32px;
    }

    .sub-title {
        color: rgba(255, 255, 255, 0.60);
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    /* Right Grid Styles */
    .partnership-grid {
        grid-column: span 8;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 60px 20px;
    }

    .feature-card {
        display: flex;
        align-items: flex-start;
        gap: 20px;
    }

    .icon-box {
        flex-shrink: 0;
        width: 50px;
    }

    .icon-box img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    .content-box h3 {
        color: #FFF;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
        align-self: stretch;

    }

    .content-box p {
        color: rgba(255, 255, 255, 0.60);
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    /* Responsive Adjustments */
    @media (max-width: 1024px) {


        .main-title {
            font-size: 24px;
        }

        .faq-section {
            padding: 60px 40px !important;
        }

        .faq-header h2 {
            font-weight: 600;
            font-size: 22px;
        }

        .partnership-header,
        .partnership-grid {
            grid-column: span 12;
            gap: 40px 20px;
        }

        .faq-header h2 {
            color: #0E204E !important;
            text-align: left !important;
            font-size: 24px !important;
        }

        .faq-header p {
            color: #2E4374 !important;
            text-align: left !important;
            font-size: 16px !important;
        }

        /* .partnership-header {
            margin-bottom: 30px;
        } */
        .cta-section {
            padding: 0px 40px 0px 40px !important;
        }


    }

    @media (max-width: 768px) {

        .partnership-section {
            padding: 40px 15px;
            background: #0A1737;
        }

        .partnership-container {
            display: block;
        }

        /* HEADER */
        .partnership-header {
            text-align: left;
            margin-bottom: 20px;
        }

        .main-title {
            font-size: 24px;
            font-weight: 600;
            margin-bottom: 10px;
        }

        .sub-title {
            font-size: 16px;
            line-height: 1.5;
            color: #FFFFFF;
            opacity: 70%;
            margin-bottom: 40px;
        }

        /* CARD BOX (MAIN) */
        .partnership-grid {
            display: block;

        }

        /* EACH ITEM */
        .feature-card {
            display: flex;
            align-items: flex-start;
            gap: 16px;
            margin-bottom: 40px;
        }

        .feature-card:last-child {
            margin-bottom: 0;
        }

        /* ICON */
        .icon-box {
            width: 32px;
            margin-top: 10px;
        }

        /* TEXT */
        .content-box h3 {
            font-size: 16px;
            margin-bottom: 5px;
            font-weight: 500;

        }

        .content-box p {
            color: #ffffff;
            opacity: 60%;
        }

        .cta-section {
            padding: 0px 16px 0px 16px !important;
        }

        .cta-content {

            padding: 0px 0px 0px 0px !important;
        }

        .faq-header h2 {
            font-weight: 600 !important;
            font-size: 24px !important;
            color: #0D152D !important;
            margin-bottom: 10px !important;
        }

        .faq-header p {
            color: #000000 !important;
            opacity: 60%;
            font-size: 16px;
            font-weight: 400;
        }

        .faq-section {
            padding: 60px 16px !important;
        }

        .cta-content h2 {
            font-size: 24px !important;
        }
    }



    .faq-section {
        padding: 60px 5%;
        font-family: 'Inter', sans-serif;
    }

    .faq-container {
        max-width: 800px;
        /* Centered narrow column for FAQs */
        margin: 0 auto;
    }

    .faq-header {
        text-align: center;
        margin-bottom: 30px;
    }

    .faq-header h2 {
        color: #0D152D;
        text-align: center;
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        margin-bottom: 10px;
    }

    .faq-header p {
        color: #575F70;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    /* Accordion Styling */
    .accordion-item {
        background-color: #F5F8FA;
        border-radius: 4px;
        border-bottom: 1px solid #E6E6E6;
        margin-bottom: 10px;
        overflow: hidden;
        transition: all 0.3s ease;
    }

    .accordion-header {
        padding: 14px 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        user-select: none;
    }

    .accordion-header span {
        color: #35435E;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
    }

    .toggle-icon {
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .toggle-icon img {
        width: 24px;
        height: 24px;
        object-fit: contain;
    }

    .accordion-content {
        padding: 0 20px 20px 20px;
        display: none;
        /* Hidden by default */
    }

    .accordion-content p {
        margin: 0;
        color: #2E4374;
        line-height: 1.6;
        font-size: 16px;
    }

    .white_btn {
        font-weight: 500 !important;
    }

    .cta-section {
        padding: 0px 0px 0px 0px;
        background-color: #E7F6FF;

    }

    @media (max-width: 1023.98px) {
        .cta-section {
            padding: 0px 16px 50px 16px !important;
        }
    }

    @media screen and (min-width: 1900px) {
        .cta-content {
            padding: 0px !important;
        }

        .cta-card {
            max-width: 1560px !important;
            padding: 100px 50px !important;
        }

        .cta-content p {

            margin-bottom: 40px !important;
            font-size: 24px;
        }

        .cta-list li {
            margin-bottom: 20px !important;
        }

        .partners-section a.white_btn {
            margin-top: 16px !important;
        }

        .cta-content h2 {
            font-size: 36px !important;
            margin-bottom: 8px !important;
            line-height: 140%;
        }

        .faq-container {
            max-width: 1000px !important;
            `
        }

        .cta-section {
            padding: 0px 0px 0px 0px;
            background-color: #E7F6FF;
        }


        .cta-image img {
            width: 75% !important;

        }

    }

    .cta-card {
        margin: auto;
        position: relative;
        /* IMPORTANT */
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #E7F6FF;
        border-radius: 20px;
        padding: 95px 0px 0px 140px;
        overflow: hidden;
    }

    /* LEFT CONTENT */
    .cta-content {
        width: 55%;
        z-index: 2;
        padding: 0px 0px 95px 0px;
    }

    .cta-content h2 {
        font-size: 32px;
        font-weight: 600;
        color: #0D152D;
        margin-bottom: 15px;
    }


    .cta-content h2 span {
        color: #2b6cff;
    }

    .cta-content p {
        font-size: 16px;
        color: #575F70;
        font-weight: 400;
        margin-bottom: 20px;
        line-height: 1.6;
        width: 380px;
    }

    /* LIST */
    .cta-list {
        list-style: none;
        padding: 0;
        margin-bottom: 25px;
    }

    .cta-list li {
        margin-bottom: 10px;
        font-size: 16px;
        position: relative;
        font-weight: 500;
        color: #000000;
    }

    .cta-btn {
        display: inline-block;
        background: linear-gradient(135deg, #2b6cff, #4a8cff);
        color: #fff;
        padding: 12px 22px;
        border-radius: 8px;
        text-decoration: none;
        font-size: 15px;
    }

    .cta-image {
        position: absolute;
        bottom: 0;
        right: 0px;
        width: 58%;
        left: 45%;
    }

    .cta-image img {
        width: 75%;
        height: auto;
        display: block;
    }

    @media (max-width: 768px) {

        .toggle-icon {
            margin-top: 0px;
        }

        .accordion-header {
            align-items: flex-start;
            gap: 10px;
        }

        .cta-card {
            flex-direction: column;
            padding: 50px 0px 0px 0px !important;
        }

        .cta-content {
            width: 100%;
        }

        .cta-image {
            position: relative !important;
            width: 100% !important;
            right: 0px !important;
            margin-top: 34px !important;
            left: -40px !important;
        }

        .cta-image img {
            width: 100% !important;
        }
    }

    @media (max-width: 768px) {
        .process-item:not(:last-child)::after {
            right: auto;
            left: 0;
            top: auto;
            bottom: -15px;
            /* space below content */
            width: 100%;
            height: 1px;
        }
    }

    .process-item {
        position: relative;
    }

    /* 💻 Desktop (only large screens) */
    @media (min-width: 1025px) {
        .process-item:not(:last-child)::before {
            content: "";
            position: absolute;
            right: -17px;
            top: 5%;
            height: 80%;
            width: 0px;
            background: rgba(255, 255, 255, 0.2);
        }
    }

    /* iPad Mini 768x1024 */
    @media only screen and (min-width: 768px) and (max-width: 991px) {

        .cta-card {
            flex-direction: inherit;
        }

        .cta-image {
            position: absolute;
            width: 100% !important;
            right: -1px !important;
            margin-top: 0px !important;
            top: 0 !important;
        }

        .icon-box-industries {
            width: 100%;
            height: 300px;
        }

    }



    /* 📱 Mobile + 📲 iPad (same style like your image) */
    @media (max-width: 1024px) {
        .cta-content {
            padding: 0px 0px 0px 0px;
        }

        .cta-card {
            padding: 40px 40px 50px 40px;
        }

        .cta-content h2 {
            font-weight: 600;
            line-height: 140%;
            margin-bottom: 18px !important;
        }

        .cta-content p {
            line-height: 140%;
        }

        .cta-image {
            position: absolute;
            bottom: 0;
            right: 0%;
            width: 83%;
            left: 50%;
            top: 30px;
        }

        .faq-container {
            max-width: 100%;
        }

        .faq-header {
            text-align: left;
            margin-bottom: 24px;
        }

        .partnership-grid {

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

        .process-grid {
            gap: 20px;
        }

        .process-section .container {
            margin: 0px;
        }

        .process-item {
            padding: 10px 0px;
        }

        .process-section {
            padding: 60px 40px;
        }

        .process-item:not(:last-child)::after {
            display: none;
        }

        .process-item:not(:last-child)::before {
            content: "";
            position: absolute;
            bottom: -15px;
            width: 100%;
            height: 1px;
            background: rgba(255, 255, 255, 0.2);
        }

        .process-item {
            margin-bottom: 30px;
        }


        .cta-image img {
            width: 60%;
        }
    }