/* ═════════════════ ABOUT PAGE — CUSTOM STYLES ═════════════════ */

        /* ── HERO ── */
        .saki-about-hero {
            background: #0d1b2e;
            padding: 80px 0 70px;
            position: relative;
            overflow: hidden;
        }

        .saki-about-hero::after {
            content: '';
            position: absolute;
            inset: 0;
            background: url("data:image/svg+xml,%3Csvg width='600' height='400' viewBox='0 0 600 400' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='320' y='40' width='260' height='320' rx='4' stroke='rgba(255,255,255,0.07)' stroke-width='1.5' fill='none'/%3E%3Crect x='350' y='70' width='200' height='260' rx='4' stroke='rgba(255,255,255,0.05)' stroke-width='1' fill='none'/%3E%3Crect x='380' y='100' width='140' height='200' rx='4' stroke='rgba(255,255,255,0.04)' stroke-width='1' fill='none'/%3E%3Cline x1='320' y1='160' x2='580' y2='160' stroke='rgba(255,255,255,0.04)' stroke-width='1'/%3E%3Cline x1='320' y1='240' x2='580' y2='240' stroke='rgba(255,255,255,0.04)' stroke-width='1'/%3E%3Ccircle cx='450' cy='200' r='60' stroke='rgba(245,166,35,0.08)' stroke-width='1' fill='none'/%3E%3Ccircle cx='450' cy='200' r='40' stroke='rgba(245,166,35,0.06)' stroke-width='1' fill='none'/%3E%3C/svg%3E") no-repeat right center / 55%;
            pointer-events: none;
            right: 9%;
        }

        .saki-about-hero .saki-hero-content {
            position: relative;
            z-index: 2;
        }

        .saki-about-hero h1 {
            font-family: 'Roboto', sans-serif;
            font-size: clamp(2rem, 5vw, 3.2rem);
            font-weight: 900;
            color: #fff;
            margin-bottom: 20px;
            line-height: 1.15;
        }

        .saki-about-hero h1 span {
            color: var(--secondary);
        }

        .saki-about-hero p {
            font-family: 'Poppins', sans-serif;
            color: rgba(255, 255, 255, 0.70);
            font-size: 0.95rem;
            max-width: 460px;
            line-height: 1.75;
            margin-bottom: 16px;
        }

        .saki-about-hero p strong {
            color: var(--secondary);
            font-weight: 600;
        }

        /* ── OUR BUSINESS ── */
        .saki-business-sec {
            padding: 72px 0 60px;
            background: #fff;
        }

        .saki-business-sec .saki-sec-eyebrow {
            font-family: 'Quicksand', sans-serif;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 2.5px;
            text-transform: uppercase;
            color: var(--secondary);
            display: block;
            margin-bottom: 6px;
        }

        .saki-business-sec h2 {
            font-family: 'Roboto', sans-serif;
            font-size: clamp(1.6rem, 3.5vw, 2.4rem);
            font-weight: 900;
            color: var(--text-dark);
            margin-bottom: 6px;
        }

        .saki-overview-link {
            font-family: 'Montserrat', sans-serif;
            font-size: 0.88rem;
            font-weight: 700;
            color: var(--accent);
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            margin-bottom: 40px;
            transition: gap 0.25s;
        }

        .saki-overview-link:hover {
            gap: 12px;
            color: var(--accent);
        }

        /* Business items list */
        .saki-biz-list {
            display: flex;
            flex-direction: column;
            gap: 32px;
        }

        .saki-biz-item h4 {
            font-family: 'Roboto', sans-serif;
            font-size: 1.05rem;
            font-weight: 800;
            color: var(--text-dark);
            margin-bottom: 6px;
        }

        .saki-biz-item p {
            font-family: 'Poppins', sans-serif;
            font-size: 0.83rem;
            color: var(--text-muted);
            line-height: 1.7;
            margin: 0;
            max-width: 320px;
        }

        /* Business image grid */
        .saki-biz-img-grid {
            display: grid;
            grid-template-columns: 1fr;
            grid-template-rows: auto auto;
            gap: 10px;
        }

        .saki-biz-img-main {
            background: #eef0f7;
            border-radius: 14px;
            height: 320px;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

        .saki-biz-img-main img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: top;
            border-radius: 14px;
        }

        .saki-biz-img-placeholder {
            display: none;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 8px;
            color: #b0bac9;
        }

        .saki-biz-img-placeholder i {
            font-size: 2rem;
        }

        .saki-biz-img-placeholder span {
            font-family: 'Poppins', sans-serif;
            font-size: 0.75rem;
        }

        .saki-biz-img-row {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 10px;
        }

        .saki-biz-img-thumb {
            background: #eef0f7;
            border-radius: 10px;
            height: 200px;
            /* display: flex; */
            align-items: center;
            justify-content: center;
            color: #b0bac9;
            font-size: 1.3rem;
            overflow: hidden;
        }

        .saki-biz-img-thumb img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            /* display: none; */
        }

        /* ── DIVIDER ── */
        .saki-section-divider {
            border: none;
            border-top: 1px solid #ececec;
            margin: 0;
        }

        /* ── TEAM SECTION ── */
        .saki-team-sec {
            padding: 72px 0 80px;
            background: #fff;
        }

        .saki-team-sec .saki-sec-eyebrow {
            font-family: 'Quicksand', sans-serif;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 2.5px;
            text-transform: uppercase;
            color: var(--secondary);
            display: block;
            margin-bottom: 6px;
        }

        .saki-team-sec h2 {
            font-family: 'Roboto', sans-serif;
            font-size: clamp(1.6rem, 3.5vw, 2.4rem);
            font-weight: 900;
            color: var(--text-dark);
            margin-bottom: 48px;
        }

        /* Team card */
        .saki-team-card {
            margin-bottom: 36px;
        }

        .saki-team-photo {
            width: 100%;
            aspect-ratio: 4 / 4.5;
            background: #eef0f7;
            border-radius: 14px;
            overflow: hidden;
            /* display: flex; */
            align-items: center;
            justify-content: center;
            margin-bottom: 14px;
            position: relative;
        }

        .saki-team-photo img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: top;
            filter: grayscale(100%);
            transition: filter 0.35s;
        }

        .saki-team-photo:hover img {
            filter: grayscale(0%);
        }

        .saki-team-photo-placeholder {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 10px;
            color: #b0bac9;
            width: 100%;
            height: 100%;
        }

        .saki-team-photo-placeholder i {
            font-size: 2.8rem;
        }

        .saki-team-photo-placeholder span {
            font-family: 'Poppins', sans-serif;
            font-size: 0.72rem;
        }

        .saki-team-name {
            font-family: 'Roboto', sans-serif;
            font-size: 0.95rem;
            font-weight: 800;
            color: var(--text-dark);
            margin: 0 0 3px;
        }

        .saki-team-role {
            font-family: 'Poppins', sans-serif;
            font-size: 0.78rem;
            color: var(--text-muted);
            margin: 0 0 10px;
        }

        .saki-team-socials {
            display: flex;
            gap: 8px;
        }

        .saki-team-socials a {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            border: 1.5px solid #dde3ed;
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--text-muted);
            font-size: 0.75rem;
            text-decoration: none;
            transition: background 0.2s, border-color 0.2s, color 0.2s;
        }

        .saki-team-socials a:hover {
            background: var(--secondary);
            border-color: var(--secondary);
            color: #fff;
        }

        /* ── STATS STRIP (reuse pattern from main.css) ── */
        .saki-about-stats {
            background: var(--primary);
            padding: 52px 0;
        }

        .saki-about-stats .saki-stat-item {
            text-align: center;
        }

        .saki-about-stats .saki-stat-num {
            font-family: 'Poppins', sans-serif;
            font-size: clamp(1.8rem, 3.5vw, 2.6rem);
            font-weight: 900;
            color: #fff;
            line-height: 1;
            margin-bottom: 6px;
        }

        .saki-about-stats .saki-stat-num span {
            color: var(--secondary);
        }

        .saki-about-stats .saki-stat-lbl {
            font-family: 'Poppins', sans-serif;
            font-size: 0.82rem;
            font-weight: 600;
            color: rgba(255, 255, 255, 0.6);
        }

        .saki-about-stats .saki-stat-icon {
            width: 52px;
            height: 52px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.10);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.3rem;
            color: #fff;
            margin: 0 auto 14px;
        }

        /* ── MISSION STRIP ── */
        .saki-mission-sec {
            padding: 72px 0;
            background: #f4f7fb;
        }

        .saki-mission-sec .saki-sec-eyebrow {
            font-family: 'Quicksand', sans-serif;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 2.5px;
            text-transform: uppercase;
            color: var(--secondary);
            display: block;
            margin-bottom: 8px;
        }

        .saki-mission-sec h2 {
            font-family: 'Roboto', sans-serif;
            font-size: clamp(1.5rem, 3vw, 2.2rem);
            font-weight: 900;
            color: var(--text-dark);
            margin-bottom: 18px;
        }

        .saki-mission-sec p {
            font-family: 'Poppins', sans-serif;
            font-size: 0.9rem;
            color: var(--text-muted);
            line-height: 1.8;
            max-width: 520px;
        }

        .saki-mission-value-card {
            background: #fff;
            border-radius: var(--radius);
            box-shadow: var(--card-shadow);
            padding: 28px 24px;
            height: 100%;
            border-left: 3px solid var(--secondary);
        }

        .saki-mission-value-card .saki-val-icon {
            width: 44px;
            height: 44px;
            border-radius: 10px;
            background: #fff3e0;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2rem;
            color: var(--secondary);
            margin-bottom: 14px;
        }

        .saki-mission-value-card h5 {
            font-family: 'Roboto', sans-serif;
            font-size: 0.95rem;
            font-weight: 800;
            color: var(--text-dark);
            margin-bottom: 6px;
        }

        .saki-mission-value-card p {
            font-family: 'Poppins', sans-serif;
            font-size: 0.8rem;
            color: var(--text-muted);
            line-height: 1.65;
            margin: 0;
        }















        /* ══════════════════ Saki Contact Page ══════════════════ */

    .saki-contact-page {
        background: #f7f7f7;
    }

    /* ---------- Hero ---------- */

    .saki-contact-hero {
        background: #000;
        padding: 70px 0 180px;
        position: relative;
        overflow: hidden;
    }

    .saki-contact-hero::after {
        content: "";
        position: absolute;
        width: 360px;
        height: 360px;
        border-radius: 50%;
        background: linear-gradient(135deg, #ff7a00, #f5a623);
        opacity: 0.12;
        right: -120px;
        top: -120px;
    }

    .saki-contact-hero .container {
        position: relative;
        z-index: 1;
    }

    .saki-contact-label {
        display: inline-block;
        color: #ff7a00;
        font-weight: 600;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-size: 13px;
        margin-bottom: 14px;
    }

    .saki-contact-hero h1 {
        font-size: 40px;
        font-weight: 700;
        color: #fff;
        margin-bottom: 14px;
    }

    .saki-contact-hero p.saki-contact-sub {
        color: #cfcfcf;
        font-size: 15px;
        line-height: 1.7;
        margin-bottom: 30px;
        max-width: 420px;
    }

    .saki-contact-social {
        display: flex;
        gap: 14px;
    }

    .saki-contact-social a {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        border: 1px solid rgba(255,255,255,0.25);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        transition: 0.25s;
    }

    .saki-contact-social a:hover {
        background: #ff7a00;
        border-color: #ff7a00;
        color: #000;
    }

    /* ---------- Body (steps + card) ---------- */

    .saki-contact-body {
        padding-bottom: 80px;
    }

    .saki-contact-steps-col {
        padding-top: 60px;
    }

    .saki-contact-steps-col h3 {
        font-size: 28px;
        font-weight: 700;
        color: #000;
        margin-bottom: 12px;
    }

    .saki-contact-steps-col > p {
        color: #666;
        font-size: 14.5px;
        line-height: 1.7;
        margin-bottom: 34px;
        max-width: 360px;
    }

    .saki-contact-steps {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .saki-contact-steps li {
        display: flex;
        gap: 18px;
        margin-bottom: 28px;
    }

    .saki-contact-steps li:last-child {
        margin-bottom: 0;
    }

    .saki-step-num {
        flex: 0 0 36px;
        height: 36px;
        width: 36px;
        border-radius: 50%;
        background: linear-gradient(135deg, #ff7a00, #f5a623);
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        font-size: 14px;
        color: #000;
    }

    .saki-step-text h6 {
        color: #000;
        font-size: 15.5px;
        font-weight: 600;
        margin-bottom: 4px;
    }

    .saki-step-text p {
        color: #777;
        font-size: 13.5px;
        line-height: 1.6;
        margin: 0;
    }

    /* ---------- Form card (overlaps hero) ---------- */

    .saki-contact-card {
        background: #fff;
        border-radius: 14px;
        padding: 40px;
        margin-top: -140px;
        box-shadow: 0 20px 50px rgba(0,0,0,0.15);
        position: relative;
        z-index: 2;
    }

    .saki-contact-card .saki-card-note {
        display: flex;
        align-items: center;
        gap: 12px;
        background: #fff4e8;
        border: 1px solid #ffd9ad;
        border-radius: 10px;
        padding: 14px 16px;
        margin-bottom: 28px;
        font-size: 13.5px;
        color: #333;
    }

    .saki-contact-card .saki-card-note svg {
        flex: 0 0 auto;
    }

    .saki-contact-card .saki-card-note b {
        color: #ff7a00;
    }

    .saki-contact-form .form-label {
        font-size: 13px;
        font-weight: 600;
        color: #000;
        margin-bottom: 6px;
    }

    .saki-contact-form .saki-input {
        border: 1px solid #e2e2e2;
        border-radius: 8px;
        padding: 12px 14px;
        font-size: 14px;
        background: #fafafa;
        transition: 0.2s;
    }

    .saki-contact-form .saki-input:focus {
        border-color: #ff7a00;
        background: #fff;
        box-shadow: 0 0 0 3px rgba(255,122,0,0.12);
        outline: none;
    }

    .saki-contact-form .saki-input.error {
        border-color: #e03131;
        background: #fff5f5;
    }

    .saki-contact-form textarea.saki-input {
        min-height: 110px;
        resize: vertical;
    }

    .saki-contact-form .error-msg {
        color: #e03131;
        font-size: 12px;
        display: block;
        margin-top: 4px;
        min-height: 16px;
    }

    .saki-contact-btn {
        width: 100%;
        border: none;
        background: linear-gradient(135deg, #ff7a00, #f5a623);
        color: #000;
        font-weight: 700;
        font-size: 15px;
        padding: 14px;
        border-radius: 8px;
        margin-top: 10px;
        transition: 0.25s;
    }

    .saki-contact-btn:hover {
        filter: brightness(1.05);
        transform: translateY(-1px);
    }

    .saki-contact-card .saki-card-footnote {
        text-align: center;
        font-size: 12.5px;
        color: #888;
        margin: 18px 0 0;
    }
    .saki-card-footnote a {
        text-decoration: none;
        color: --var(secondary);
    }
    .saki-card-footnote a:hover{
        transition:0.4s;
        transform: scale(1.04);
        color: #000;
    }

    .saki-contact-card .saki-card-footnote b {
        color: #000;
    }





  


        .saki-contact-page .error-msg {
            display: block;
            color: #dc3545;
            font-size: 13px;
            margin-top: 6px;
        }

        .saki-contact-page .saki-contact-btn {
            background: var(--secondary);
            color: #fff;
            border: none;
            border-radius: 12px;
            padding: 14px 35px;
            font-weight: 600;
            transition: .3s;
        }

        .saki-contact-page .saki-contact-btn:hover {
            background: #e0931a;
        }

        .saki-contact-page .accordion-item {
            border: 1px solid #e8e8e8;
            border-radius: 14px !important;
            overflow: hidden;
            margin-bottom: 25px;
        }

        .saki-contact-page .accordion-button {
            box-shadow: none !important;
            font-weight: 700;
            background: #fff;
        }

        .saki-contact-page .accordion-button:not(.collapsed) {
            background: #fff7eb;
            color: var(--primary);
        }

        .saki-contact-page .accordion-body {
            font-size: 14px;
            color: var(--text-muted);
            line-height: 1.8;
        }







        /* How It Works Section */
        .saki-how-it-works-page {
            padding: 80px 0;
            background: #f7f9fc;
        }

        .saki-how-it-works-page .section-title {
            text-align: center;
            margin-bottom: 50px;
        }

        .saki-how-it-works-page .section-title h2 {
            font-size: 38px;
            color: #1d2746;
            margin-bottom: 10px;
            font-weight: 700;
        }

        .saki-how-it-works-page .how-hero {
            text-align: left;
            /* max-width: 850px; */
            margin: auto;
            margin-bottom: 80px;
        }

        .saki-how-it-works-page .hero-badge {
            display: inline-block;
            background: #1a2332;
            color: #fff;
            padding: 8px 20px;
            border-radius: 30px;
            margin-bottom: 20px;
            font-size: 14px;
            font-weight: 600;
        }

        .saki-how-it-works-page .how-hero h1 {
            font-family: 'Roboto', sans-serif;
            font-size: clamp(1.6rem, 3.5vw, 2.4rem);
            color: var(--text-dark);
            margin-bottom: 20px;
            font-weight: 700;
        }

        .saki-how-it-works-page .how-hero p {
            font-size: 16px;
            line-height: 1.8;
            color: #666;
        }

        .saki-how-it-works-page .hero-btn,
        .saki-how-it-works-page .cta-btn {
            display: inline-block;
            margin-top: 30px;
            background: #1a2332;
            color: #fff;
            text-decoration: none;
            padding: 14px 35px;
            border-radius: 25px;
            font-weight: 600;
            transition: .3s;
        }

        .saki-how-it-works-page .hero-btn:hover,
        .saki-how-it-works-page .cta-btn:hover {
            transform: translateY(-3px);
        }

        .saki-how-it-works-page .process-section,
        .saki-how-it-works-page .why-section,
        .saki-how-it-works-page .services-section,
        .saki-how-it-works-page .faq-section {
            margin-bottom: 90px;
        }

        .saki-how-it-works-page .process-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 25px;
        }

        .saki-how-it-works-page .process-card,
        .saki-how-it-works-page .why-card,
        .saki-how-it-works-page .service-card,
        .saki-how-it-works-page .faq-item {
            background: #fff;
            border-radius: 15px;
            padding: 12px;
            box-shadow: 0 5px 25px rgba(0, 0, 0, .06);
        }

        .saki-how-it-works-page .step-number {
            width: 60px;
            height: 60px;
            background: #1a2332;
            color: #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            margin-bottom: 20px;
        }

        .saki-how-it-works-page .process-card h3,
        .saki-how-it-works-page .service-card h3 {
            font-size: 19px;
            margin-bottom: 15px;
            color: #1d2746;
            font-weight: 700;
        }

        .saki-how-it-works-page .process-card p,
        .saki-how-it-works-page .why-card p,
        .saki-how-it-works-page .faq-item p {
            color: #666;
            line-height: 1.7;
            font-size: 13px;
        }

        .saki-how-it-works-page .why-grid,
        .saki-how-it-works-page .services-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 25px;
        }

        .saki-how-it-works-page .why-card h4 {
            color: #1d2746;
            margin-bottom: 10px;
        }

        .saki-how-it-works-page .service-card ul {
            padding-left: 20px;
            margin: 0;
        }

        .saki-how-it-works-page .service-card li {
            margin-bottom: 10px;
            font-size:14px;
            color: #666;
        }

        .saki-how-it-works-page .faq-item {
            margin-bottom: 20px;
        }

        .saki-how-it-works-page .faq-item h4 {
            margin-bottom: 10px;
            color: #1d2746;
        }

        .saki-how-it-works-page .bottom-cta {
            text-align: center;
            background: #1a2332;
            color: #fff;
            padding: 60px 30px;
            border-radius: 20px;
        }

        .saki-how-it-works-page .bottom-cta h2 {
            font-size: 42px;
            margin-bottom: 15px;
        }

        .saki-how-it-works-page .bottom-cta p {
            max-width: 700px;
            margin: auto;
            line-height: 1.8;
        }

        .saki-how-it-works-page .bottom-cta .cta-btn {
            background: #fff;
            color: #1a2332;
        }

        /* HERO IMAGE */

        .saki-how-it-works-page .hero-row {
            display: flex;
            align-items: center;
            gap: 50px;
        }

        .saki-how-it-works-page .hero-content {
            flex: 1;
        }

        .saki-how-it-works-page .hero-image {
            flex: 1;
        }

        .saki-how-it-works-page .hero-image img {
            width: 100%;
            height: 500px;
            object-fit: cover;
            border-radius: 20px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
        }

        /* PROCESS IMAGE */

        .saki-how-it-works-page .process-img {
            width: 100%;
            height: 220px;
            object-fit: cover;
            border-radius: 12px;
            margin-bottom: 20px;
        }

        /* WHY CHOOSE ICON */

        .saki-how-it-works-page .why-icon {
            margin-bottom: 15px;
        }

        .saki-how-it-works-page .why-icon img {
            width: 60px;
            height: 60px;
            object-fit: contain;
        }

        /* SERVICE IMAGE */

        .saki-how-it-works-page .service-img {
            width: 100%;
            height: 220px;
            object-fit: cover;
            border-radius: 12px;
            margin-bottom: 20px;
        }



        /* Refund Policy */
        .saki-refund-page {
            padding: 80px 0;
            background: #f7f9fc;
        }

        .saki-refund-page .refund-header {
            text-align: center;
            max-width: 850px;
            margin: 0 auto 50px;
        }

        .saki-refund-page .refund-badge {
            display: inline-block;
            background: #1a2332;
            color: #fff;
            padding: 8px 18px;
            border-radius: 30px;
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 15px;
        }

        .saki-refund-page .refund-header h1 {
            font-size: 42px;
            color: #1c274c;
            margin-bottom: 15px;
            font-weight: 700;
        }

        .saki-refund-page .refund-header p {
            color: #666;
            line-height: 1.8;
        }

        .saki-refund-page .refund-date {
            margin-top: 15px;
            color: #1a2332;
            font-weight: 600;
        }

        .saki-refund-page .refund-card {
            background: #fff;
            padding: 30px;
            border-radius: 15px;
            margin-bottom: 25px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, .06);
        }

        .saki-refund-page .refund-card h2 {
            color: #1a2332;
            font-size: 24px;
            margin-bottom: 15px;
            font-weight: 700;
        }

        .saki-refund-page .refund-card p {
            color: #555;
            line-height: 1.8;
        }

        .saki-refund-page .refund-card ul {
            padding-left: 20px;
            margin-bottom: 0;
        }

        .saki-refund-page .refund-card ul li {
            margin-bottom: 10px;
            color: #555;
            line-height: 1.7;
        }

        .saki-refund-page .contact-card {
            background: #1a2332;
        }

        .saki-refund-page .contact-card h2,
        .saki-refund-page .contact-card p {
            color: #fff;
        }

 



        /* GALLERY */

        .saki-how-it-works-page .service-gallery {
            margin-bottom: 90px;
        }

        .saki-how-it-works-page .gallery-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }

        .saki-how-it-works-page .gallery-item {
            overflow: hidden;
            border-radius: 15px;
        }

        .saki-how-it-works-page .gallery-item img {
            width: 100%;
            height: 280px;
            object-fit: cover;
            transition: .4s;
        }

        .saki-how-it-works-page .gallery-item:hover img {
            transform: scale(1.08);
        }


     




     
        
        
        
            /* ---------- Responsive ---------- */

    @media (max-width: 991px) {

        .saki-contact-hero {
            padding: 50px 0 110px;
        }

        .saki-contact-hero h1 {
            font-size: 32px;
        }

        .saki-contact-card {
            margin-top: -80px;
        }

        /* Card comes first, steps follow below it on stacked layout */
        .saki-contact-body .row {
            flex-direction: column-reverse;
        }

        .saki-contact-steps-col {
            padding-top: 40px;
        }
        
        
        
          .saki-contact-page .saki-contact-card {
                padding-right: 0;
            }
            .saki-about-hero {
                padding: 55px 0 50px;
            }

            .saki-biz-img-grid {
                margin-top: 36px;
            }
            
                 .saki-how-it-works-page .hero-row {
                flex-direction: column;
            }

            .saki-how-it-works-page .hero-image img {
                height: 400px;
            }

            .saki-how-it-works-page .gallery-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
                  .saki-how-it-works-page .process-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .saki-how-it-works-page .why-grid,
            .saki-how-it-works-page .services-grid {
                grid-template-columns: repeat(2, 1fr);
            }
    }
    
          @media (max-width: 768px) {

            .saki-privacy-page {
                padding: 60px 0;
            }

            .saki-privacy-page .privacy-header h1 {
                font-size: 32px;
            }

            .saki-privacy-page .privacy-card {
                padding: 20px;
            }

            .saki-privacy-page .privacy-card h2 {
                font-size: 22px;
            }
            
                  .saki-refund-page {
                padding: 60px 0;
            }

            .saki-refund-page .refund-header h1 {
                font-size: 32px;
            }

            .saki-refund-page .refund-card {
                padding: 20px;
            }

            .saki-refund-page .refund-card h2 {
                font-size: 22px;
            }
        }

        @media (max-width: 768px) {

            .saki-terms-page {
                padding: 60px 0;
            }

            .saki-terms-page .terms-header h1 {
                font-size: 32px;
            }

            .saki-terms-page .terms-card {
                padding: 20px;
            }

            .saki-terms-page .terms-card h2 {
                font-size: 22px;
            }
        }
      @media (max-width: 767px) {
          
          
            .saki-about-hero h1 {
                font-size: 1.9rem;
            }

            .saki-about-hero p {
                font-size: 0.85rem;
            }

            .saki-business-sec,
            .saki-team-sec,
            .saki-mission-sec {
                padding: 48px 0;
            }

            .saki-about-stats .saki-stat-item {
                margin-bottom: 32px;
            }

            .saki-biz-img-row {
                grid-template-columns: 1fr 1fr;
            }
            
            
                .saki-how-it-works-page {
                padding: 60px 0;
            }

            .saki-how-it-works-page .how-hero h1 {
                font-size: 32px;
            }

            .saki-how-it-works-page .process-grid,
            .saki-how-it-works-page .why-grid,
            .saki-how-it-works-page .services-grid {
                grid-template-columns: 1fr;
            }

            .saki-how-it-works-page .section-title h2 {
                font-size: 28px;
            }

            .saki-how-it-works-page .bottom-cta h2 {
                font-size: 30px;
            }
            
            
            
                   .saki-how-it-works-page .hero-image img {
                height: 300px;
            }

            .saki-how-it-works-page .process-img,
            .saki-how-it-works-page .service-img {
                height: 200px;
            }

            .saki-how-it-works-page .gallery-grid {
                grid-template-columns: 1fr;
            }

            .saki-how-it-works-page .gallery-item img {
                height: 250px;
            }

        .saki-contact-hero {
            padding: 40px 0 90px;
        }

        .saki-contact-hero h1 {
            font-size: 28px;
        }

        .saki-contact-hero p.saki-contact-sub {
            font-size: 14px;
            max-width: 100%;
        }

        .saki-contact-card {
            margin-top: -60px;
            padding: 28px 22px;
        }

        .saki-contact-card .saki-card-note {
            flex-direction: column;
            align-items: flex-start;
            text-align: left;
        }

        .saki-contact-steps-col h3 {
            font-size: 22px;
        }

        .saki-contact-steps-col > p {
            max-width: 100%;
        }
    }

    @media (max-width: 575px) {

        .saki-contact-hero {
            padding: 32px 0 70px;
        }

        .saki-contact-hero::after {
            width: 220px;
            height: 220px;
            right: -80px;
            top: -80px;
        }

        .saki-contact-label {
            font-size: 12px;
        }

        .saki-contact-hero h1 {
            font-size: 24px;
        }

        .saki-contact-social a {
            width: 34px;
            height: 34px;
        }

        .saki-contact-card {
            margin-top: -40px;
            padding: 22px 16px;
            border-radius: 10px;
        }

        .saki-contact-steps li {
            gap: 12px;
            margin-bottom: 20px;
        }

        .saki-step-num {
            flex: 0 0 32px;
            height: 32px;
            width: 32px;
            font-size: 13px;
        }

        .saki-step-text h6 {
            font-size: 14.5px;
        }

        .saki-step-text p {
            font-size: 13px;
        }

        .saki-contact-form .saki-input {
            padding: 10px 12px;
            font-size: 13.5px;
        }

        .saki-contact-btn {
            font-size: 14px;
            padding: 12px;
        }

        .saki-card-footnote {
            font-size: 11.5px;
        }
    }
    
    
       @media (max-width: 575px) {
            .saki-biz-img-row {
                grid-template-columns: 1fr 1fr;
            }
        }