/* ================================================================
   Flutter App Development page — theme alignment
   Scoped to body.flutter-service-page
   ================================================================ */

.flutter-service-page {
    --fp-primary: #0b3ac6;
    --fp-primary-hover: #0930b0;
    --fp-surface: #ffffff;
    --fp-border: #e2e8f0;
    --fp-text: #0f172a;
    --fp-muted: #475569;
}

/* ── Hero buttons — visible text (outline = transparent + blue text) ── */
.flutter-service-page .flutter-tech-hero__wrapper--uper-btns .btn-primary {
    background: var(--fp-primary) !important;
    border-color: var(--fp-primary) !important;
    color: #ffffff !important;
}

.flutter-service-page .flutter-tech-hero__wrapper--uper-btns .btn-primary-outline {
    background: transparent !important;
    border-color: var(--fp-primary) !important;
    color: var(--fp-primary) !important;
}

.flutter-service-page .flutter-tech-hero__wrapper--uper-btns .btn-primary-outline:hover {
    background: var(--fp-primary) !important;
    color: #ffffff !important;
    border-color: var(--fp-primary) !important;
}

/* Hero background — remove pink tint from CDN image */
.flutter-service-page .flutter-tech-hero {
    background-image: linear-gradient(180deg, #f8fafc 0%, rgba(11, 58, 198, 0.06) 100%) !important;
    background-color: #f8fafc !important;
}

/* Stat boxes (175+, 160+, etc.) */
.flutter-service-page .flutter-tech-hero__wrapper--bottom-card {
    background: var(--fp-surface) !important;
    border: 1px solid rgba(11, 58, 198, 0.12) !important;
    border-radius: 12px !important;
    margin: 4px !important;
    box-shadow: 0 2px 12px rgba(7, 21, 74, 0.04) !important;
}

.flutter-service-page .flutter-tech-hero__wrapper--bottom-card:nth-child(1),
.flutter-service-page .flutter-tech-hero__wrapper--bottom-card:nth-child(2),
.flutter-service-page .flutter-tech-hero__wrapper--bottom-card:nth-child(3),
.flutter-service-page .flutter-tech-hero__wrapper--bottom-card:nth-child(4),
.flutter-service-page .flutter-tech-hero__wrapper--bottom-card:nth-child(5),
.flutter-service-page .flutter-tech-hero__wrapper--bottom-card:nth-child(6) {
    border-right: 1px solid rgba(11, 58, 198, 0.12) !important;
    border-bottom: 1px solid rgba(11, 58, 198, 0.12) !important;
}

.flutter-service-page .flutter-tech-hero__wrapper--bottom-cardnum {
    color: var(--fp-primary) !important;
    font-weight: 700 !important;
    font-style: normal !important;
}

.flutter-service-page .flutter-tech-hero__wrapper--bottom-carddesc {
    color: var(--fp-muted) !important;
}

/* ── Services section + pin-section-1 ── */
.flutter-service-page .flutter-tech-services {
    background-color: #f8fafc !important;
}

/* Remove all colorful card tints — uniform white cards */
.flutter-service-page .flutter-tech-services__wrapper--cards-cardwraper {
    background: var(--fp-surface) !important;
    border: 1px solid var(--fp-border) !important;
    border-radius: 16px !important;
    padding: 16px !important;
    transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease !important;
}

.flutter-service-page .flutter-tech-services__wrapper--cards #flutter-tech-appdev,
.flutter-service-page .flutter-tech-services__wrapper--cards #flutter-tech-uiux,
.flutter-service-page .flutter-tech-services__wrapper--cards #flutter-tech-crossplat,
.flutter-service-page .flutter-tech-services__wrapper--cards #flutter-tech-appconsulting,
.flutter-service-page .flutter-tech-services__wrapper--cards #flutter-tech-modernization {
    background-color: transparent !important;
    background-image: none !important;
}

/* Default: center card (API Development) featured blue */
.flutter-service-page .flutter-tech-services__wrapper--cards #flutter-tech-apidev {
    background-color: var(--fp-primary) !important;
}

.flutter-service-page .flutter-tech-services__wrapper--cards #flutter-tech-apidev .flutter-tech-services__wrapper--cards-cardbodyhead,
.flutter-service-page .flutter-tech-services__wrapper--cards #flutter-tech-apidev .flutter-tech-services__wrapper--cards-cardbodydesc {
    color: #ffffff !important;
}

/* When any card hovered: non-hovered cards plain; hovered card blue */
.flutter-service-page .flutter-tech-services__wrapper--cards:hover #flutter-tech-apidev:not(:hover) {
    background-color: var(--fp-surface) !important;
}

.flutter-service-page .flutter-tech-services__wrapper--cards:hover #flutter-tech-apidev:not(:hover) .flutter-tech-services__wrapper--cards-cardbodyhead {
    color: var(--fp-text) !important;
}

.flutter-service-page .flutter-tech-services__wrapper--cards:hover #flutter-tech-apidev:not(:hover) .flutter-tech-services__wrapper--cards-cardbodydesc {
    color: var(--fp-muted) !important;
}

.flutter-service-page .flutter-tech-services__wrapper--cards-cardwraper:hover {
    background-color: var(--fp-primary) !important;
    border-color: var(--fp-primary) !important;
    box-shadow: 0 12px 40px rgba(11, 58, 198, 0.25) !important;
    transform: translateY(-4px) !important;
}

.flutter-service-page .flutter-tech-services__wrapper--cards-cardwraper:hover .flutter-tech-services__wrapper--cards-cardbodyhead,
.flutter-service-page .flutter-tech-services__wrapper--cards-cardwraper:hover .flutter-tech-services__wrapper--cards-cardbodydesc {
    color: #ffffff !important;
}

/* ── Cross-Platform Development cards ── */
.flutter-service-page .flutter-tech-excellence {
    background-image: none !important;
    background: linear-gradient(180deg, #f8fafc 0%, rgba(11, 58, 198, 0.04) 100%) !important;
}

/* Section badge — stars icon blue (not red) */
.flutter-service-page .fp-star-icon {
    width: 14px !important;
    height: 14px !important;
    color: #0b3ac6 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-right: 4px !important;
}

/* Kill mistaken gradient/bg on text nodes (hover-effects matches *tech-excellence* in class names) */
.flutter-service-page .flutter-tech-excellence__wrapper--txts-heading,
.flutter-service-page .flutter-tech-excellence__wrapper--txts-desc,
.flutter-service-page .flutter-tech-excellence__wrapper--cards-heading,
.flutter-service-page .flutter-tech-excellence__wrapper--cards-heading.txt,
.flutter-service-page .flutter-tech-excellence__wrapper--cards-desc,
.flutter-service-page .flutter-tech-excellence__wrapper--cards-cardbody {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.flutter-service-page .flutter-tech-excellence__wrapper--txts-btn {
    background-color: rgba(11, 58, 198, 0.1) !important;
    background-image: none !important;
}

.flutter-service-page .flutter-tech-excellence__wrapper--cards {
    gap: 16px !important;
}

.flutter-service-page .flutter-tech-excellence__wrapper--cards-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
    text-align: left !important;
    background: var(--fp-surface) !important;
    background-image: none !important;
    border: 1px solid var(--fp-border) !important;
    border-left: 1px solid var(--fp-border) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    box-shadow: 0 2px 16px rgba(7, 21, 74, 0.05) !important;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.25s ease, background 0.25s ease, border-color 0.25s ease !important;
}

@media (min-width: 768px) {
    .flutter-service-page .flutter-tech-excellence__wrapper--cards-card {
        flex-direction: row !important;
        align-items: flex-start !important;
        width: 49% !important;
    }
}

.flutter-service-page .flutter-tech-excellence__wrapper--cards-cardbody {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

/* Heading & description — no tinted boxes, always visible */
.flutter-service-page .flutter-tech-excellence__wrapper--cards-heading,
.flutter-service-page .flutter-tech-excellence__wrapper--cards-heading.txt {
    color: var(--fp-text) !important;
    background: transparent !important;
    background-color: transparent !important;
    text-align: left !important;
    font-weight: 600 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.flutter-service-page .flutter-tech-excellence__wrapper--cards-desc {
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    transform: none !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    color: var(--fp-muted) !important;
    text-align: left !important;
    font-size: 16px !important;
    line-height: 24px !important;
    transition: color 0.25s ease !important;
}

/* Icon box on wrapper div (same pattern as process section) */
.flutter-service-page .flutter-tech-excellence__wrapper--cards-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    flex-shrink: 0 !important;
    padding: 10px !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    background: rgba(11, 58, 198, 0.08) !important;
    filter: none !important;
    -webkit-filter: none !important;
    transition: background 0.25s ease !important;
}

.flutter-service-page .flutter-tech-excellence__wrapper--cards-icon img {
    display: block !important;
    width: 36px !important;
    height: 36px !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    /* TekBis LLC blue — beats service-pages-theme filter:none */
    filter: brightness(0) saturate(100%) invert(22%) sepia(96%) saturate(2200%) hue-rotate(215deg) brightness(100%) contrast(105%) !important;
    -webkit-filter: brightness(0) saturate(100%) invert(22%) sepia(96%) saturate(2200%) hue-rotate(215deg) brightness(100%) contrast(105%) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.flutter-service-page .flutter-tech-excellence__wrapper--cards-card:hover {
    background: var(--fp-primary) !important;
    background-image: none !important;
    border-color: var(--fp-primary) !important;
    border-left-color: var(--fp-primary) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 40px rgba(11, 58, 198, 0.3) !important;
}

.flutter-service-page .flutter-tech-excellence__wrapper--cards-card:hover .flutter-tech-excellence__wrapper--cards-heading,
.flutter-service-page .flutter-tech-excellence__wrapper--cards-card:hover .flutter-tech-excellence__wrapper--cards-desc,
.flutter-service-page .flutter-tech-excellence__wrapper--cards-card:hover .txt {
    color: #ffffff !important;
    background: transparent !important;
    background-color: transparent !important;
}

.flutter-service-page .flutter-tech-excellence__wrapper--cards-card:hover .flutter-tech-excellence__wrapper--cards-desc {
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    transform: none !important;
}

/* Override service-pages-theme hover white box on icon wrappers */
.flutter-service-page .flutter-tech-excellence__wrapper--cards-card:hover .flutter-tech-excellence__wrapper--cards-icon,
.flutter-service-page .flutter-tech-process__wrapper--cards-card:hover .flutter-tech-process__wrapper--cards-icon {
    background: rgba(255, 255, 255, 0.15) !important;
    background-color: rgba(255, 255, 255, 0.15) !important;
    filter: none !important;
    -webkit-filter: none !important;
}

.flutter-service-page .flutter-tech-excellence__wrapper--cards-card:hover .flutter-tech-excellence__wrapper--cards-icon img {
    filter: brightness(0) invert(1) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* ── Process step cards ── */
.flutter-service-page .flutter-tech-process__wrapper--cards-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    flex-shrink: 0 !important;
    padding: 10px !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    background-color: rgba(11, 58, 198, 0.08) !important;
}

.flutter-service-page .flutter-tech-process__wrapper--cards-icon img {
    display: block !important;
    width: 36px !important;
    height: 36px !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    background: transparent !important;
    /* TekBis LLC blue — beats service-pages-theme filter:none */
    filter: brightness(0) saturate(100%) invert(22%) sepia(96%) saturate(2200%) hue-rotate(215deg) brightness(100%) contrast(105%) !important;
    -webkit-filter: brightness(0) saturate(100%) invert(22%) sepia(96%) saturate(2200%) hue-rotate(215deg) brightness(100%) contrast(105%) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.flutter-service-page .flutter-tech-process__wrapper--cards-card {
    border: 1px solid var(--fp-border) !important;
    box-shadow: 0 2px 16px rgba(7, 21, 74, 0.05) !important;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.25s ease, background 0.25s ease, border-color 0.25s ease !important;
}

.flutter-service-page .flutter-tech-process__wrapper--cards-card:hover {
    background: var(--fp-primary) !important;
    border-color: var(--fp-primary) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 40px rgba(11, 58, 198, 0.3) !important;
}

.flutter-service-page .flutter-tech-process__wrapper--cards-card:hover .flutter-tech-process__wrapper--cards-heading,
.flutter-service-page .flutter-tech-process__wrapper--cards-card:hover .flutter-tech-process__wrapper--cards-desc {
    color: #ffffff !important;
}

.flutter-service-page .flutter-tech-process__wrapper--cards-card:hover .flutter-tech-process__wrapper--cards-icon {
    background-color: rgba(255, 255, 255, 0.15) !important;
}

.flutter-service-page .flutter-tech-process__wrapper--cards-card:hover .flutter-tech-process__wrapper--cards-icon img {
    filter: brightness(0) invert(1) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* ── Industry section removed ── */
.flutter-service-page .flutter-tech-industry {
    display: none !important;
}

/* ── Why Choose TekBis LLC — lower cards + icons ── */
.flutter-service-page .flutter-tech-history__wrapper--lowercards-card {
    background: var(--fp-surface) !important;
    border: 1px solid var(--fp-border) !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 16px rgba(7, 21, 74, 0.05) !important;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.25s ease, background 0.25s ease !important;
}

.flutter-service-page img.flutter-tech-history__wrapper--lowercards-icon {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    object-fit: contain !important;
    display: block !important;
    padding: 10px !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    background: rgba(11, 58, 198, 0.08) !important;
    filter: brightness(0) saturate(100%) invert(22%) sepia(96%) saturate(2200%) hue-rotate(215deg) brightness(100%) contrast(105%) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.flutter-service-page .flutter-tech-history__wrapper--lowercards-card:hover {
    background: var(--fp-primary) !important;
    border-color: var(--fp-primary) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 40px rgba(11, 58, 198, 0.3) !important;
}

.flutter-service-page .flutter-tech-history__wrapper--lowercards-card:hover .flutter-tech-history__wrapper--lowercards-heading,
.flutter-service-page .flutter-tech-history__wrapper--lowercards-card:hover .flutter-tech-history__wrapper--lowercards-desc {
    color: #ffffff !important;
}

.flutter-service-page .flutter-tech-history__wrapper--lowercards-card:hover img.flutter-tech-history__wrapper--lowercards-icon {
    filter: brightness(0) invert(1) !important;
    background: rgba(255, 255, 255, 0.15) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Top stat row in history — numbers must show as text, NOT blue bars */
.flutter-service-page .flutter-tech-history__wrapper--cards-numbering {
    background: transparent !important;
    background-color: transparent !important;
    color: #0b3ac6 !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    font-style: italic !important;
    line-height: 1.1 !important;
    text-align: center !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 0 8px !important;
    border-radius: 0 !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
}

/* ── SEO scroller — blue icons, dark text (not red) ── */
.flutter-service-page .pin-section-flutter-tech-seo .header img {
    filter: brightness(0) saturate(100%) invert(32%) sepia(98%) saturate(4000%) hue-rotate(221deg) brightness(98%) contrast(101%) !important;
}

.flutter-service-page .pin-section-flutter-tech-seo .col-heading,
.flutter-service-page .pin-section-flutter-tech-seo .col-desc,
.flutter-service-page .pin-section-flutter-tech-seo .col-list-item {
    color: var(--fp-text) !important;
}

.flutter-service-page .pin-section-flutter-tech-seo .col-list {
    color: var(--fp-muted) !important;
}

/* ── Removed section fallback ── */
.flutter-service-page .flutter-tech-growth {
    display: none !important;
}

/* ── Inline SVG icons (no CDN dependency) ── */
.flutter-service-page .fp-card-icon {
    width: 32px !important;
    height: 32px !important;
    color: #0b3ac6 !important;
    flex-shrink: 0 !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    -webkit-filter: none !important;
    transition: color 0.25s ease !important;
}

.flutter-service-page .fp-lowercard-icon {
    width: 36px !important;
    height: 36px !important;
    margin: 0 auto 8px !important;
    padding: 10px !important;
    box-sizing: content-box !important;
    border-radius: 12px !important;
    background: rgba(11, 58, 198, 0.08) !important;
}

.flutter-service-page .flutter-tech-excellence__wrapper--cards-card:hover .fp-card-icon,
.flutter-service-page .flutter-tech-process__wrapper--cards-card:hover .fp-card-icon {
    color: #ffffff !important;
}

.flutter-service-page .flutter-tech-history__wrapper--lowercards-card:hover .fp-lowercard-icon {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.15) !important;
}

/* ── Wrapper divs: never apply filter (only child icons get color) ── */
.flutter-service-page .flutter-tech-excellence__wrapper--cards-icon,
.flutter-service-page .flutter-tech-process__wrapper--cards-icon {
    filter: none !important;
    -webkit-filter: none !important;
}

/* Force icon imgs visible — override any global hide rules */
.flutter-service-page .flutter-tech-excellence__wrapper--cards-icon img,
.flutter-service-page .flutter-tech-process__wrapper--cards-icon img,
.flutter-service-page img.flutter-tech-history__wrapper--lowercards-icon {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* ── Service card illustration fallback when CDN is down ── */
.flutter-service-page .flutter-tech-services__wrapper--cards-cardimage {
    min-height: 160px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    position: relative !important;
}

.flutter-service-page .flutter-tech-services__wrapper--cards-cardimage img.cdn-broken {
    display: none !important;
}

.flutter-service-page .flutter-tech-services__wrapper--cards-cardimage img {
    border-radius: 12px !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* ── Process section background ── */
.flutter-service-page .flutter-tech-process {
    background-color: #f8fafc !important;
}

/* ── History (Why Choose TekBis LLC) section ── */
.flutter-service-page .flutter-tech-history {
    background-color: #ffffff !important;
}

.flutter-service-page .flutter-tech-history__wrapper--cards-card {
    border-right-color: rgba(11, 58, 198, 0.15) !important;
}

/* ── Brands client slider ── */
.flutter-service-page .flutter-tech-brands__wrapper--client-slider .swiper-slide {
    background-color: transparent !important;
    border: none !important;
}

/* ── FAQs ── */
.flutter-service-page .flutter-tech-faqs {
    background-color: #f8fafc !important;
}

.flutter-service-page .faqs__accitem--head {
    background: #ffffff !important;
    border: 1px solid var(--fp-border) !important;
}

.flutter-service-page .faqs__accitem--head[aria-expanded="true"] {
    border-color: var(--fp-primary) !important;
    color: var(--fp-primary) !important;
}

/* ── Mobile fixes ── */
@media (max-width: 767px) {

    /* Services pin-section-1: unclip on mobile */
    .flutter-service-page .flutter-tech-services__wrapper .pin-section-1 {
        height: auto !important;
        overflow: visible !important;
        display: block !important;
        min-height: 0 !important;
    }

    .flutter-service-page .flutter-tech-services__wrapper--cards {
        flex-direction: column !important;
        overflow: visible !important;
        width: 100% !important;
    }

    .flutter-service-page .flutter-tech-services__wrapper--cards-cardwraper {
        min-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* SEO scroller: make it scrollable on mobile */
    .flutter-service-page .pin-section-flutter-tech-seo {
        height: auto !important;
        min-height: 0 !important;
    }

    .flutter-service-page .flutter-tech-seo__wrapper--animation {
        height: auto !important;
        overflow: visible !important;
    }

    .flutter-service-page .flutter-tech-seo__wrapper--animation-div {
        height: auto !important;
        overflow: visible !important;
    }

    .flutter-service-page .flutter-tech-seo__wrapper--animation-scroller {
        height: auto !important;
        overflow: visible !important;
        flex-direction: column !important;
        gap: 20px !important;
    }

    /* Hero mobile */
    .flutter-service-page .flutter-tech-hero__wrapper--uper {
        flex-direction: column !important;
    }

    .flutter-service-page .flutter-tech-hero__wrapper--uper-right img {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Excellence cards mobile */
    .flutter-service-page .flutter-tech-excellence__wrapper--cards-card {
        width: 100% !important;
        flex-direction: row !important;
    }

    /* Process cards mobile */
    .flutter-service-page .flutter-tech-process__wrapper--cards {
        flex-direction: column !important;
        width: 100% !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
    }

    .flutter-service-page .flutter-tech-process__wrapper--cards-card {
        width: 100% !important;
    }

    /* Why Choose TekBis LLC lowercards mobile */
    .flutter-service-page .flutter-tech-history__wrapper--lowercards {
        flex-direction: column !important;
    }

    .flutter-service-page .flutter-tech-history__wrapper--lowercards-card {
        width: 100% !important;
    }
}