
        .how-it-works-cards {
            padding: 50px 0 50px;
            position: relative;
        }
        html:is([lang^="ar"], [lang^="he"]) .how-it-works-cards {
            direction: rtl;
        }
        .how-it-works-cards__inner {
            max-width: 1330px;
            margin: 0 auto;
        }
        .how-it-works-cards__header {
            /*max-width: 760px;*/
            margin-bottom: 40px;
        }
        .how-it-works-cards__title {
            margin: 0 0 10px;
            font-size: var(--pix-title-size);
            line-height: 1;
        }
        .how-it-works-cards__title:after {
            display: none;
        }
        .how-it-works-cards__subtitle {
            margin: 0;
            color: #6f7682;
            font-size: 17px;
            font-style: normal;
            line-height: 1.625;
        }
        .how-it-works-cards__grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            background: #fff;
            border: 1px solid rgb(243 244 246 / 1);
            border-radius: 22px;
            overflow: hidden;
            --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
        .how-it-works-cards__item {
            padding: 2.5rem;
            display: flex;
            flex-direction: column;
        }
        .how-it-works-cards__item:last-child {
            border-right: 0;
        }
        .how-it-works-cards__step-label {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 28px;
            color: var(--pix-orange);
            font-size: 0.75rem;
            line-height: 1rem;
            font-weight: 700;
            letter-spacing: 0.14em;
            text-transform: uppercase;
        }
        .how-it-works-cards__step-label::after {
            content: "";
            flex: 1 1 auto;
            height: 1px;
            background: #d9dce2;
        }
        .how-it-works-cards__step-title {
            margin-bottom: 1rem;
            color: var(--pix-text-gray);
            font-size: 1.5rem;
            line-height: 2rem;
        }
        .how-it-works-cards__text {
            margin: 0;
            color: rgb(107 114 128 / 1);
            font-size: 16px;
            line-height: 1.625;
        }
        @media (min-width: 1024px) {
            .how-it-works-cards__item:not(:last-child) {
                border-right: 1px solid #E5E7EB;
            }
        }
        @media (max-width: 1279px) {
            .how-it-works-cards__grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            .how-it-works-cards__item:nth-child(2n) {
                border-right: 0;
            }
            .how-it-works-cards__item:nth-child(-n+2) {
                border-bottom: 1px solid #e6e1d8;
            }
        }
        @media (max-width: 767px) {
             .how-it-works-cards {
                background: white;
                padding: 50px 15px 50px;
            }
            .how-it-works-cards__header {
                margin-bottom: 30px;
            }
            .how-it-works-cards__title {
                font-size: 1.5rem;
                text-align: center;
            }
            .how-it-works-cards__subtitle {
                font-size: 14px;
                line-height: 1.6;
            }
            .how-it-works-cards__grid {
                grid-template-columns: 1fr;
            }
            .how-it-works-cards__item {
                min-height: auto;
                padding: 28px 24px;
                border-right: 0;
                border-bottom: 1px solid #e6e1d8;
            }
            .how-it-works-cards__item:nth-child(-n+2) {
                border-bottom: 1px solid #e6e1d8;
            }
            .how-it-works-cards__item:last-child {
                border-bottom: 0;
            }
            .how-it-works-cards__step-label {
                margin-bottom: 20px;
                font-size: 13px;
                gap: 12px;
            }
            .how-it-works-cards__step-title {
                font-size: 20px;
                margin-bottom: 12px;
            }
            .how-it-works-cards__text {
                font-size: 14px;
                line-height: 1.6;
            }
        }
    