/* ==========================================================================
   Fiscal Trust Theme  —  All India ITR
   Global design override based on the Stitch "Fiscal Trust" design system.
   Corporate-modern, high-trust financial aesthetic:
     • Deep Navy primary (#0d1b34)  • Vibrant Green secondary (#00a991)
     • Manrope typography           • Soft, rounded containers
   This file is loaded LAST so it tunes the look without altering markup
   or behaviour. No functionality is changed here — typography, colour and
   shape only.
   ========================================================================== */

:root {
    /* Brand */
    --ft-primary: #0d1b34;          /* Deep Navy */
    --ft-primary-700: #16284a;
    --ft-primary-300: #b9c6e7;
    --ft-on-primary: #ffffff;

    --ft-secondary: #00a991;        /* Vibrant Green */
    --ft-secondary-600: #008577;    /* darker green (hover) */
    --ft-secondary-container: #7bf8a1;
    --ft-on-secondary: #ffffff;

    /* Surfaces */
    --ft-bg: #f9f9ff;
    --ft-surface: #ffffff;
    --ft-surface-low: #f0f3ff;
    --ft-surface-container: #e7eefe;
    --ft-surface-variant: #dce2f3;

    /* Text */
    --ft-on-surface: #151c27;
    --ft-on-surface-variant: #45474d;

    /* Lines */
    --ft-outline: #c5c6ce;
    --ft-outline-soft: #e5e7eb;

    /* Feedback */
    --ft-error: #ba1a1a;

    /* Shape */
    --ft-radius-sm: 0.25rem;
    --ft-radius: 0.5rem;
    --ft-radius-md: 0.75rem;
    --ft-radius-lg: 0.5rem;     /* primary cards */
    --ft-radius-xl: 1.5rem;
    --ft-radius-pill: 9999px;

    /* Elevation */
    --ft-shadow-1: 0 4px 20px rgba(13, 27, 52, 0.06);
    --ft-shadow-2: 0 10px 30px rgba(13, 27, 52, 0.10);

    /* Font */
    --ft-font: 'Manrope', 'Segoe UI', system-ui, -apple-system, Roboto, Arial, sans-serif;

    /* Map onto Bootstrap 5 CSS variables so default components inherit it */
    --bs-primary: #0d1b34;
    --bs-primary-rgb: 13, 27, 52;
    --bs-link-color: #0d1b34;
    --bs-link-color-rgb: 13, 27, 52;
    --bs-link-hover-color: #00a991;
    --bs-border-radius: 0.75rem;
    --bs-font-sans-serif: 'Manrope', 'Segoe UI', system-ui, -apple-system, Roboto, Arial, sans-serif;
}

.content-status-notice {
    background: #fff7ed;
    border-bottom: 1px solid #fed7aa;
    color: #3f2a14;
    padding: 14px 0;
    font-size: 15px;
}

.content-status-notice .container {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    line-height: 1.55;
}

.content-status-notice strong {
    color: #111827;
    white-space: nowrap;
}

.seo-review-note {
    background: #f8fafc;
    border-bottom: 1px solid var(--ft-outline-soft);
    color: var(--ft-on-surface-variant);
    font-size: 13px;
    padding: 8px 0;
}

.seo-review-note .container {
    line-height: 1.4;
}

.seo-content-section,
.seo-filing-guide {
    background: var(--ft-surface);
    border-bottom: 1px solid var(--ft-outline-soft);
    padding: 34px 0;
}

.seo-content-section h2,
.seo-filing-guide h2 {
    color: var(--ft-primary);
    font-size: 1.7rem;
    font-weight: 800;
    letter-spacing: 0;
    margin: 0 0 12px;
}

.seo-content-section p,
.seo-filing-guide p {
    color: var(--ft-on-surface-variant);
    font-size: 1rem;
    line-height: 1.75;
}

.seo-feature-grid,
.seo-check-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 22px;
    margin-bottom:20px;
}

.seo-feature-card,
.seo-check-card {
    background: #ffffff;
    border: 1px solid var(--ft-outline-soft);
    border-radius: 8px;
    box-shadow: var(--ft-shadow-1);
    padding: 18px;
}

.seo-feature-card h3,
.seo-check-card h3 {
    color: var(--ft-primary);
    font-size: 1.12rem;
    font-weight: 800;
    letter-spacing: 0;
    margin: 0 0 8px;
}

.seo-feature-card ul,
.seo-check-card ul,
.seo-topic-list {
    color: var(--ft-on-surface-variant);
    line-height: 1.7;
    margin: 10px 0 0;
    padding-left: 20px;
}

.seo-current-note {
    background: #f8fafc;
    border-left: 4px solid var(--ft-accent);
    border-radius: 8px;
    color: var(--ft-on-surface-variant);
    margin: 18px 0;
    padding: 16px 18px;
}

.seo-source-link {
    font-weight: 700;
}

@media (max-width: 640px) {
    .content-status-notice .container {
        flex-direction: column;
        gap: 4px;
    }
}

/* ---------- Typography ---------------------------------------------------- */
body,
.body, p, span, a, li, td, th, label, input, select, textarea, button,
h1, h2, h3, h4, h5, h6,
.btn, .nav-link, .navbar, .dropdown-menu, .card, .form-control, .form-select {
    font-family: var(--ft-font);
}

body {
    background-color: var(--ft-bg);
    color: var(--ft-on-surface);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--ft-primary);
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.25;
}

/* ---------- Links -------------------------------------------------------- */
a {
    color: var(--ft-primary);
    transition: color .18s ease;
}
a:hover {
    color: var(--ft-secondary);
}

a,
button,
.btn,
.card,
.panel,
.pricing-card,
.review-card,
.faq-item,
.accordion-button,
.service-dropdown-item ul li a,
.business-dropdown-item ul li a,
.user-dropdown ul li a {
    transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

a:focus-visible,
button:focus-visible,
.btn:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.accordion-button:focus-visible {
    outline: 0;
    outline-offset: 2px;
}

/* ---------- Buttons ------------------------------------------------------ */
/* Primary CTA: navy, pill, white text */
.btn-primary,
.btn.btn-primary,
button.btn-primary,
input[type="submit"].btn-primary {
    background-color: var(--ft-primary) !important;
    border-color: var(--ft-primary) !important;
    color: var(--ft-on-primary) !important;
    border-radius: var(--ft-radius);
    font-weight: 600;
    letter-spacing: 0.01em;
    box-shadow: none;
}
.btn-primary:hover,
.btn-primary:focus,
.btn.btn-primary:hover {
    background-color: var(--ft-primary-700) !important;
    border-color: var(--ft-primary-700) !important;
    color: #fff !important;
}

/* Success / action buttons → vibrant green */
.btn-success,
.btn.btn-success {
    background-color: var(--ft-secondary) !important;
    border-color: var(--ft-secondary) !important;
    color: var(--ft-on-secondary) !important;
    border-radius: var(--ft-radius);
    font-weight: 600;
}
.btn-success:hover,
.btn.btn-success:hover {
    background-color: var(--ft-secondary-600) !important;
    border-color: var(--ft-secondary-600) !important;
}

/* Outline primary */
.btn-outline-primary {
    color: var(--ft-primary) !important;
    border-color: var(--ft-primary) !important;
    border-radius: var(--ft-radius);
    font-weight: 600;
}
.btn-outline-primary:hover {
    background-color: var(--ft-primary) !important;
    color: #fff !important;
}

/* Generic rounding for remaining buttons (keeps accordions and icon buttons sensible) */
.btn,
button:not(.navbar-toggler):not(.business-menu-item):not(.service-menu-item),
.button,
input[type="submit"],
input[type="button"] {
    border-radius: var(--ft-radius);
}

/* ---------- Cards & containers ------------------------------------------ */
.card,
.card-body + .card,
.shadow-card,
.tile,
.panel {
    background-color: var(--ft-surface);
    border: 1px solid var(--ft-outline-soft);
    border-radius: var(--ft-radius-lg);
    box-shadow: var(--ft-shadow-1);
}
.card {
    overflow: hidden;
}

/* ---------- Form fields -------------------------------------------------- */
.form-control,
.form-select,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="password"],
input[type="search"],
textarea,
select {
    border: 1px solid var(--ft-outline);
    border-radius: var(--ft-radius-md);
    transition: border-color .15s ease, box-shadow .15s ease;
}
.form-control:focus,
.form-select:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: var(--ft-primary);
    outline: none;
}

/* ---------- Badges / chips / status ------------------------------------- */
.badge,
.chip,
.tag,
.status-badge {
    border-radius: var(--ft-radius-pill);
    font-weight: 600;
    letter-spacing: 0.04em;
}
.badge.bg-primary { background-color: var(--ft-primary) !important; }
.badge.bg-success { background-color: var(--ft-secondary) !important; }
/* "Active / Verified" style */
.badge-active,
.status-active {
    background-color: rgba(0, 169, 145, 0.14);
    color: var(--ft-secondary-600);
    text-transform: uppercase;
}

/* ---------- Progress bars ----------------------------------------------- */
.progress {
    background-color: var(--ft-surface-variant);
    border-radius: var(--ft-radius-pill);
}
.progress-bar {
    background-color: var(--ft-secondary);
}

/* ---------- Tables ------------------------------------------------------- */
.table thead th {
    color: var(--ft-primary);
    border-bottom: 2px solid var(--ft-surface-variant);
}

/* ---------- Accent / brand utility classes ------------------------------ */
.text-primary { color: var(--ft-primary) !important; }
.text-success, .text-green { color: var(--ft-secondary) !important; }
.bg-primary { background-color: var(--ft-primary) !important; }
.bg-success { background-color: var(--ft-secondary) !important; }

/* ---------- Section surfaces -------------------------------------------- */
.section-soft,
.bg-light-blue {
    background-color: var(--ft-surface-low);
}

/* ---------- Selection highlight ----------------------------------------- */
::selection {
    background: rgba(0, 169, 145, 0.22);
    color: var(--ft-on-surface);
}

/* ==========================================================================
   Fiscal Trust full-site implementation layer
   Loaded last by the shared layout and standalone homepage.
   ========================================================================== */

:root {
    --ft-header-height: 64px;
    --ft-container: 1200px;
    --ft-section-y: 72px;
    --ft-sticky-sidebar-top: calc(var(--ft-header-height) + 16px);
}

html {
    background: var(--ft-bg);
    scroll-behavior: smooth;
}

body {
    min-height: 100vh;
    background: var(--ft-bg) !important;
}

body,
button,
input,
select,
textarea {
    font-family: var(--ft-font) !important;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    width: min(92%, var(--ft-container)) !important;
    max-width: var(--ft-container) !important;
}

.main-contents {
    margin: 0 !important;
    background: var(--ft-bg);
    padding-bottom:30px;
    position:relative
}

/* ---------- Site Shell / Header ----------------------------------------- */
.main-header {
    position: sticky !important;
    top: 0;
    left: auto;
    right: auto;
    height: var(--ft-header-height) !important;
    min-height: var(--ft-header-height);
    padding: 0 !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border-bottom: 1px solid rgba(197, 198, 206, 0.72);
    box-shadow: 0 4px 18px rgba(13, 27, 52, 0.06) !important;
    backdrop-filter: saturate(160%) blur(10px);
}

.main-header nav {
    width: min(92%, var(--ft-container)) !important;
    height: var(--ft-header-height);
    gap: 28px;
}
h3{
    font-size:1.2rem;
}
.logo {
    width: 178px !important;
    height: 48px !important;
    display: flex;
    align-items: center;
    overflow: visible !important;
}


.header-right {
    display: flex;
    align-items: center;
}

.main-header nav .header-navigation {
    gap: 26px !important;
    align-items: center;
}

.main-header nav ul li a,
.main-header nav ul li button,
.service-menu-item,
.business-menu-item {
    color: var(--ft-on-surface-variant) !important;
    font-size: 13px !important;
    font-weight: 600;
    letter-spacing: 0 !important;
}

.main-header nav ul li a:hover,
.main-header nav ul li button:hover,
.service-menu-item:hover,
.business-menu-item:hover {
    color: var(--ft-secondary) !important;
}

.main-header nav .header-navigation > li:first-child a[href^="tel"] {
    color: var(--ft-primary) !important;
    font-weight: 700;
}

#loginBtn,
.main-header nav .header-navigation > li:last-child > a[href="/start-tax-return"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 18px;
    color: #fff !important;
    background: var(--ft-secondary);
    border: 1px solid var(--ft-secondary);
    border-radius: var(--ft-radius);
    font-weight: 800 !important;
    box-shadow: 0 8px 18px rgba(0, 169, 145, 0.16);
}

#loginBtn:hover,
.main-header nav .header-navigation > li:last-child > a[href="/start-tax-return"]:hover {
    background: var(--ft-secondary-600);
    border-color: var(--ft-secondary-600);
}

.mobile-menu-bar {
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    color: var(--ft-primary);
    background: var(--ft-surface-low) !important;
    border: 1px solid var(--ft-outline-soft) !important;
    border-radius: var(--ft-radius);
}

.mobile-menu-bar svg {
    width: 24px;
    height: 24px;
}

.service-dropdown-content,
.business-dropdown-content,
.user-dropdown {
    border: 1px solid var(--ft-outline-soft) !important;
    border-radius: var(--ft-radius-lg) !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 18px 40px rgba(13, 27, 52, 0.12) !important;
    filter: none !important;
}

.service-dropdown-item,
.business-dropdown-item {
    border-color: var(--ft-outline-soft) !important;
}

.menu-heading,
.dropdown-inner-heading {
    color: var(--ft-primary);
    font-weight: 800;
}

.service-dropdown-item ul li a,
.business-dropdown-item ul li a,
.user-dropdown ul li a {
    border-radius: var(--ft-radius);
    color: var(--ft-on-surface-variant) !important;
}

.service-dropdown-item ul li a:hover,
.business-dropdown-item ul li a:hover,
.user-dropdown ul li a:hover {
    color: var(--ft-secondary) !important;
}

.user-name {
    background: var(--ft-primary) !important;
    color: #fff !important;
    border-color: var(--ft-primary) !important;
    box-shadow: 0 4px 14px rgba(13, 27, 52, 0.16);
}

/* ---------- Home Hero ---------------------------------------------------- */
.banner-section {
    margin-top: 0 !important;
    padding: 46px 0 70px;
    background: var(--ft-surface) !important;
    overflow: hidden;
}

.banner-content {
    min-height: 480px;
    gap: 58px;
    padding: 0 !important;
}

.banner-section .left {
    position: relative;
    z-index: 2;
}

.banner-section .left::before {
    content: "WELCOME TO THE FAMILY";
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    margin-bottom: 22px;
    padding: 0 12px;
    color: var(--ft-secondary-600);
    background: rgba(0, 169, 145, 0.12);
    border-radius: var(--ft-radius-pill);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0;
}

.home-title {
    width: min(100%, 620px) !important;
    margin: 0 0 18px !important;
    color: var(--ft-primary) !important;
    font-size: 3.4rem !important;
    line-height: 1.18 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

.home-title .ft-accent {
    color: var(--ft-secondary);
}

.descosource,
.section-intro,
.extra-text,
.plan_text,
.why_choose_inner_desc,
.tax-saving-item p,
.success-stories-flex p,
.crypto-investment-flex p,
.faq-item p {
    color: var(--ft-on-surface-variant) !important;
    line-height: 1.65;
}

.banner-section .descosource {
    max-width: 590px;
    margin: 0 0 26px !important;
    font-size: 16px !important;
}

.efilingbtnP {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
}

.efilingbtnP::after {
    content: "1M+ Android app downloads";
    color: var(--ft-on-surface-variant);
    font-size: 13px;
    font-weight: 700;
}

.eFilingBtn,
.green_button_text,
.verify-btn,
.login-box button,
.subscribe-input button,
.homebtnnew,
.homebtnnew-air {
    min-height: 44px;
    padding: 11px 24px !important;
    color: #fff !important;
    background: var(--ft-secondary) !important;
    border: 1px solid var(--ft-secondary) !important;
    border-radius: var(--ft-radius) !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    box-shadow: 0 10px 22px rgba(0, 169, 145, 0.18);
    transition: transform .18s ease, background .18s ease, border-color .18s ease;
   
}

.eFilingBtn:hover,
.green_button_text:hover,
.verify-btn:hover,
.login-box button:hover,
.subscribe-input button:hover {
    background: var(--ft-secondary-600) !important;
    border-color: var(--ft-secondary-600) !important;
    transform: translateY(-1px);
}

.banner-section .right {
    position: relative;
}

.banner-section .right img {
    bottom: auto !important;
    display: block;
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover;
    border-radius: var(--ft-radius-xl);
   
}

/*.banner-section .right::after {
    content: "AY 2026-27 ready\A Form 16 + AIS checks";
    white-space: pre-line;
    position: absolute;
    left: -24px;
    bottom: -24px;
    width: 218px;
    padding: 16px 18px;
    color: var(--ft-primary);
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(255, 255, 255, 0.82);
    border-radius: var(--ft-radius-lg);
    box-shadow: 0 14px 34px rgba(13, 27, 52, 0.12);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.5;
}*/

/* ---------- Sections ----------------------------------------------------- */
.itr-screen-section,
.incometaxFiling-main,
.filing-checklist-section,
.why-choose-section,
.tax-saving-section,
.success-stories-section,
.faq-section,
.award-section,
.foryounewhome {
    padding: var(--ft-section-y) 0 !important;
}


.incometaxFiling-main,
.tax-saving-section,
.faq-section {
    background: var(--ft-surface-low) !important;
}
.itr-screen-section {
    background: #eaf0fe;
}
.foryounewhome,
.filing-checklist-section,
.why-choose-section,
.success-stories-section,
.award-section {
    background: var(--ft-bg) !important;
}

.heading,
.main_headingbox,
.choose_plan,
.why_choose_inner_text,
.tax-saving-item h3,
.success-stories-flex h3,
.crypto-investment-flex h3,
.filing-checklist-card h3,
.faq-item summary {
    color: var(--ft-primary) !important;
    letter-spacing: 0 !important;
}

.heading {
    font-size: 2.35rem !important;
    font-weight: 800 !important;
    line-height: 1.2;
}

.section-intro {
    width: min(100%, 720px) !important;
    margin: 14px auto 34px !important;
    font-size: 15px !important;
}

.section-kicker {
    width: fit-content;
    margin: 0 auto 10px;
    padding: 7px 12px;
    color: var(--ft-secondary-600) !important;
    background: rgba(0, 169, 145, 0.10);
    border: 1px solid rgba(0, 169, 145, 0.18);
    border-radius: var(--ft-radius-pill);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0 !important;
}

.itr-screen-content {
    align-items: center;
    gap: 40px;
}

.itr-screen-content .left {
    position: static !important;
}

.itr-screen-content .left img {
    position: static !important;
    right: auto !important;
    bottom: auto !important;
    width: min(100%, 500px) !important;
    max-width: 100% !important;
    height: auto !important;
    border-radius: var(--ft-radius-xl);
}

.itr-screen-content .right ul li {
    color: var(--ft-primary);
    font-weight: 700;
}

.itr-screen-content .right ul li::before {
    background: var(--ft-secondary) !important;
}

.users-wrap {
    gap: 12px;
}

.users-wrap-item {
    min-height: 92px;
    padding: 16px;
    background: var(--ft-surface);
    border: 1px solid var(--ft-outline-soft);
    border-radius: var(--ft-radius-lg);
    box-shadow: var(--ft-shadow-1);
}

.users-wrap-item span {
    font-weight: 800;
}

/* ---------- Cards / Blocks ---------------------------------------------- */
.file-return-flex,
.income-tax-filing-flex,
.why_choose_box_mid_box,
.tax-saving-flex,
.success-stories-flex,
.crypto-investment-flex,
.filing-checklist-grid,
.blog-flex {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
    gap: 24px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 28px auto 0 !important;
    padding: 0 !important;
}
.tax-saving-flex{
    margin-bottom:20px!important;
}
.income-tax-filing-flex {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.file-return-box,
.tax-filing-item,
.why_choose_box,
.tax-saving-item,
.story-item,
.crypto-item,
.blog-item,
.filing-checklist-card,
.faq-item,
.login-box,
.payment-card:not(.payment-brand),
.panel,
.tile,
.card {
    background: var(--ft-surface) !important;
    border: 1px solid var(--ft-outline-soft) !important;
    border-radius: var(--ft-radius-lg) !important;
    box-shadow: var(--ft-shadow-1) !important;
}
.file-return-box .btn-useful .ft-icon-badge{
    background:none;
    border:0;
    padding:0;
    width:25px;
    height:25px;
    

}
.file-return-box,
.tax-filing-item,
.why_choose_box_mid_box .why_choose_box,
.tax-saving-item,
.story-item,
.crypto-item,
.filing-checklist-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 26px !important;
    float: none !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.file-return-box:hover,
.tax-filing-item:hover,
.why_choose_box_mid_box .why_choose_box:hover,
.tax-saving-item:hover,
.story-item:hover,
.crypto-item:hover,
.filing-checklist-card:hover {
    transform: translateY(-3px);
    border-color: rgba(0, 169, 145, 0.32) !important;
    box-shadow: var(--ft-shadow-2) !important;
}

.foryounewhome .file-return-box:nth-child(2) {
    color: #fff;
    background: var(--ft-primary) !important;
    border-color: rgba(0, 169, 145, 0.62) !important;
    box-shadow: 0 22px 48px rgba(13, 27, 52, 0.22) !important;
}

.foryounewhome .file-return-box:nth-child(2) .main_headingbox,
.foryounewhome .file-return-box:nth-child(2) .sub_headingbox,
.foryounewhome .file-return-box:nth-child(2) .itr-item-box,
.foryounewhome .file-return-box:nth-child(2) span,
.foryounewhome .file-return-box:nth-child(2) p {
    color: #fff !important;
}

.foryounewhome .file-return-box:nth-child(2) .itr-item-box {
    border-color: rgba(255, 255, 255, 0.16) !important;
}

.foryounewhome .file-return-box:nth-child(2) .itr-item-box:hover {
    background: rgba(255, 255, 255, 0.08) !important;
}

.file-return-box > *,
.why_choose_box > *,
.tax-filing-item > *,
.tax-saving-item > *,
.story-item > *,
.crypto-item > * {
    min-width: 0;
}

.why_choose_inner {
    width: 100% !important;
    min-width: 0 !important;
    height: 100%;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.why_choose_inner img {
    width: 72px;
    height: 72px;
    object-fit: contain;
    margin: 4px auto 18px;
}

.main_headingbox {
    min-height: auto !important;
    font-size: 20px !important;
    font-weight: 800 !important;
}

.sub_headingbox {
    height: auto !important;
    min-height: 58px;
    color: var(--ft-on-surface-variant) !important;
}

.file-return-list li svg,
.file-return-list li svg path {
    fill: var(--ft-secondary) !important;
}

.file-return-list li svg {
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0;
}

.itr-item-box {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 10px 0 !important;
    color: var(--ft-on-surface-variant) !important;
    border-color: var(--ft-outline-soft) !important;
}

.foryounewhome .file-return-box:nth-child(2) .itr-item-box:hover {
    background: rgba(255, 255, 255, 0.08) !important;
}

.itr-item-box span:first-child {
    min-width: 0;
    overflow-wrap: anywhere;
}

.itr-item-box span:last-child {
    color: var(--ft-secondary);
    font-weight: 800;
}

.btn-useful {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 10px 12px !important;
    color: var(--ft-primary) !important;
    background: var(--ft-surface-low) !important;
    border: 1px solid var(--ft-outline-soft) !important;
    border-radius: var(--ft-radius) !important;
    font-weight: 800;
}

.btn-useful img {
    justify-self: center;
}

.btn-useful span {
    min-width: 0;
    overflow-wrap: anywhere;
}

.btn-useful:hover {
    color: #fff !important;
    background: var(--ft-primary) !important;
}

.btn-useful span,
.usetools_text {
    color: inherit !important;
}

.filing-checklist-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.filing-checklist-card {
    display: block;
    min-height: 230px;
    color: var(--ft-on-surface-variant) !important;
    text-decoration: none !important;
}

.filing-checklist-card span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 18px;
    color: var(--ft-secondary-600);
    background: rgba(0, 169, 145, 0.10);
    border: 1px solid rgba(0, 169, 145, 0.18);
    border-radius: var(--ft-radius);
    font-weight: 800;
}

.filing-checklist-card h3 {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.35;
}

.filing-checklist-card p {
    margin: 0;
    color: var(--ft-on-surface-variant);
    font-size: 14px;
    line-height: 1.65;
}

.filing-checklist-card:hover p {
    color: var(--ft-on-surface);
}

/* ---------- Home page icon badges --------------------------------------- */
.ft-icon-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    color: var(--ft-secondary-600);
    background: rgba(0, 169, 145, 0.10);
    border: 1px solid rgba(0, 169, 145, 0.18);
    border-radius: var(--ft-radius-md);
}

.ft-icon-badge svg {
    width: 28px;
    height: 28px;
    fill: currentColor;
}

.ft-icon-badge--sm {
    width: 32px;
    height: 32px;
    border-radius: var(--ft-radius);
}

.ft-icon-badge--sm svg {
    width: 18px;
    height: 18px;
}

.ft-icon-badge--lg {
    width: 72px;
    height: 72px;
    border-radius: var(--ft-radius-lg);
}

.ft-icon-badge--lg svg {
    width: 34px;
    height: 34px;
}

.file-return-box .box-icon {
    margin-bottom: 14px;
}

.free_tools {
    position: absolute;
    top: 20px;
    right: 20px;
}

.free_tools .ft-icon-badge {
    width: 48px;
    height: 48px;
}

.free_tools .ft-icon-badge svg {
    width: 22px;
    height: 22px;
}

.tax-filing-item .ft-icon-badge {
    margin: 0 auto 16px;
}

.why_choose_inner .ft-icon-badge {
    margin: 4px auto 18px;
    color: var(--ft-secondary);
    background: rgba(0, 169, 145, 0.14);
    border-color: rgba(0, 169, 145, 0.26);
}

.why_choose_inner .ft-icon-badge--lg svg {
    width: 38px;
    height: 38px;
}

.why_choose_inner .ft-icon-badge svg,
.why_choose_inner .ft-icon-badge svg path {
    fill: currentColor;
}

.btn-useful .ft-icon-badge {
    justify-self: center;
    width: 36px;
    height: 36px;
    color: var(--ft-secondary);
    background: rgba(0, 169, 145, 0.16);
    border-color: rgba(0, 169, 145, 0.28);
}

.btn-useful .ft-icon-badge svg {
    width: 20px;
    height: 20px;
}

.btn-useful .ft-icon-badge svg,
.btn-useful .ft-icon-badge svg path {
    fill: currentColor;
}

.btn-useful:hover .ft-icon-badge {
    color: #fff;
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.32);
}

.foryounewhome .file-return-box:nth-child(2) .ft-icon-badge {
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.22);
}

.playicon_img {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    cursor: pointer;
    color: #fff;
    background: rgba(0, 169, 145, 0.92);
    border-radius: 50%;
    box-shadow: 0 12px 28px rgba(13, 27, 52, 0.28);
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.playicon_img svg {
    width: 34px;
    height: 34px;
    fill: currentColor;
    margin-left: 3px;
}

.playicon_img:hover {
    transform: translateY(-50%) scale(1.06);
    background: var(--ft-secondary);
    box-shadow: 0 16px 34px rgba(13, 27, 52, 0.34);
}

/* ---------- Expert / App Band ------------------------------------------- */
.howtodowork_image_body,
.app-container-main {
    background: var(--ft-primary) !important;
    color: #fff !important;
}

.howtodowork_image_body .left {
    min-width: 0;
}

.playicon_img {
    position: absolute;
    right: 24px !important;
    top: 50% !important;
    width: 72px !important;
    height: 72px !important;
    transform: translateY(-50%);
}

.howtodowork_image_body .right p,
.app-container-main h2,
.app-container-main p,
.downloadApp-left h2,
.downloadApp-left p {
    color: #fff !important;
}

.app-container-content {
    display: grid !important;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    align-items: center;
    gap: 40px;
    padding: 48px !important;
    background: var(--ft-primary) !important;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: var(--ft-radius-xl);
    box-shadow: 0 24px 52px rgba(13, 27, 52, 0.22);
}

.downloadApp-left,
.downloadApp-Right {
    width: 100% !important;
    min-width: 0;
}

.downloadApp-left h2 {
    max-width: 620px;
}

.downloadApp-left p {
    max-width: 660px;
}

.app-feature-list {
    display: grid;
    gap: 10px;
    margin: 22px 0 28px;
    padding: 0;
    list-style: none;
}

.app-feature-list li {
    position: relative;
    padding-left: 24px;
    color: rgba(255, 255, 255, 0.90);
    font-size: 14px;
    line-height: 1.55;
}

.app-feature-list li::before {
    content: "";
    position: absolute;
    top: 0.62em;
    left: 0;
    width: 9px;
    height: 9px;
    background: var(--ft-secondary);
    border-radius: 50%;
}

.downloadApp-left a {
    display: inline-flex !important;
    align-items: center;
    width: auto !important;
    min-width: 172px;
    margin: 0 12px 12px 0 !important;
    border-radius: var(--ft-radius) !important;
}

.downloadApp-left .btn-right-txt span {
    font-size: 11px !important;
    line-height: 1.1;
}

.downloadApp-left .btn-right-txt p {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.2;
    font-weight: 800;
}

.downloadApp-left a:hover {
    transform: translateY(-2px);
}

.app-screenshot-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    align-items: end;
}

.app-shot {
    margin: 0;
    min-width: 0;
}

.app-shot img {
    display: block;
    position: static !important;
    bottom: auto !important;
    width: 100%;
    max-width: 100% !important;
    height: auto;
    aspect-ratio: 9 / 16;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 18px;
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.26);
}

.app-shot-featured {
    transform: translateY(-14px);
}

.app-shot figcaption {
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.86);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.3;
    text-align: center;
}

.downloadApp-Right img,
.maskGroup_img {
    border-radius: var(--ft-radius-xl);
  
}
.maskGroup_img {
    filter: brightness(0.3) invert(1);
}
#callbackrequest{
    margin-bottom:30px;
}
/* ---------- FAQ / Details ------------------------------------------------ */
.faq-section .faq-container {
    width: min(100%, 860px) !important;
}
.faq-container {
    width: 100%;
    padding: 0 !important;
}

.faq-item {
    padding: 18px 20px !important;
}

.faq-item summary {
    justify-content: space-between;
    font-size: 15px !important;
}

.faq-item summary::before {
    content: none !important;
}

.faq-item summary::after {
    content: "+";
    color: var(--ft-secondary);
    font-size: 22px;
    font-weight: 800;
}

.faq-item[open] summary::after {
    content: "-";
}

/* ---------- Public Inner Pages ------------------------------------------ */
.bradcrum-item,
nav[aria-label="breadcrumb"] {
    background: var(--ft-bg) !important;
    border-bottom: 1px solid rgba(13, 27, 52, 0.06);
}
.content-detail{
    margin-top:20px;
}
h2{
    font-size:1.6rem;
}
.breadcrumb {
    margin: 0 auto !important;
    padding: 12px 10px !important;
    background: transparent !important;
    color: var(--ft-on-surface-variant) !important;
    border-radius: 0 !important;
    font-size: 13px;
}

.breadcrumb a,
.breadcrumb-item a {
    color: var(--ft-primary) !important;
    font-weight: 700;
}

.breadcrumb-item.active,
.breadcrumb li,
.breadcrumb-item + .breadcrumb-item::before {
    color: var(--ft-on-surface-variant) !important;
}

.individual-banner-section {
    height: auto !important;
    min-height: 232px;
    padding: 56px 0 !important;
    background: var(--ft-surface) !important;
    border-bottom: 1px solid rgba(13, 27, 52, 0.06);
    color: var(--ft-primary) !important;
    overflow: hidden;
}

.individual-banner-section .container {
    position: static !important;
    min-height: 120px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.individual-banner-text {
    width: min(100%, 780px);
    text-align: center !important;
}

.individual-banner-text::before {
    content: "ALL INDIA ITR";
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    margin-bottom: 14px;
    padding: 0 12px;
    color: var(--ft-secondary-600);
    background: rgba(0, 169, 145, 0.12);
    border-radius: var(--ft-radius-pill);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0 !important;
}

.individual-banner-text h1 {
    margin: 0 0 12px !important;
    color: var(--ft-primary) !important;
    font-size: 2.45rem !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

.individual-banner-text p,
.individual-banner-text li {
    color: var(--ft-on-surface-variant) !important;
    font-size: 15px !important;
    line-height: 1.6;
}

.individual-banner-text ul {
    gap: 10px !important;
    flex-wrap: wrap;
}

.askinner,
.business-service-section,
.taxation-pages,
.filing-guidelines,
.calcidesc,
.mghra,
.hrarentnew,
.chckstatusnew,
.refund-status-section,
.articlesnewbtm,
.individual-business-section,
.bgblognews {
    padding: 50px 0;
    background: var(--ft-bg) !important;
}
#privacypolicy h4{
    font-size:1.6rem;
    margin-top:20px;

}
.bggrey,
.bgnew,
.mgremove,
.bggreyaroundnew,
.bgblognews {
    background: var(--ft-surface-low) !important;
}

.tax_guidelines,
.sectionarea,
.plan-detail-section,
.tickmarktiger,
.info-portion,
.content-detail,
.content-summary,
.blog-top-section,
.faqsectionarea,
.form-box,
.business-service-card,
.individual-box,
.business-box,
.review-card,
.pricing-container .pricing-card,
.refund-status-section .container,
.calculator-container,
.calcidesc .container {
    background: var(--ft-surface) !important;
    border: 1px solid var(--ft-outline-soft) !important;
    border-radius: var(--ft-radius-lg) !important;
    box-shadow: var(--ft-shadow-1) !important;
}

.tax_guidelines,
.sectionarea,
.plan-detail-section,
.tickmarktiger,
.info-portion,
.content-detail,
.content-summary,
.blog-top-section,
.faqsectionarea,
.form-box,
.refund-status-section .container,
.calcidesc .container {
    padding: 30px !important;
}

.tax_guidelines,
.refund-status-section .container,
.calcidesc .container {
    width: min(92%, 980px) !important;
    max-width: 980px !important;
}

.info-portion {
    width: 100% !important;
    max-width: 100% !important;
    margin: 24px 0 !important;
    overflow: hidden;
}

.info-portion .row {
    width: 100%;
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    row-gap: 20px;
}

.info-portion [class*="col-"] {
    min-width: 0;
    max-width: 100%;
}

.info-portion img {
    max-width: 100%;
    height: auto;
}

.info-portion a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 8px 14px !important;
    letter-spacing: 0 !important;
    border-radius: var(--ft-radius) !important;
}

.askbelowtitle,
.banner-title,
.pricing-container .section-title,
.tax_guidelines h3,
.tax_guidelines h4,
.tax_guidelines h5,
.tax_guidelines h6,
.taxation-pages .content-detail h4,
.taxation-pages .content-summary h4,
.desheading,
.mobile-right-content h1,
.mobile-right-content h2,
.content-heading h2,
.faqtitilenew {
    color: var(--ft-primary) !important;
    letter-spacing: 0 !important;
}

.askbelowtitle {
    width: min(100%, 780px) !important;
    color: var(--ft-primary) !important;
    font-weight: 800 !important;
}

.tax_guidelines p,
.tax_guidelines li,
.taxation-pages p,
.taxation-pages li,
.timeline-secton p,
.timeline-secton li,
.review-text,
.features-list li,
.tabs-content-section li,
.custom-lis-item li,
.document-list-item li {
    color: var(--ft-on-surface-variant) !important;
    line-height: 1.65;
}

.timeline-secton ul,
.tax_guidelines ul,
.content-detail ul,
.content-summary ul {
    padding-left: 20px;
}

.business-service-card,
.individual-box,
.business-box,
.review-card,
.pricing-container .pricing-card {
    padding: 24px !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.business-service-card:hover,
.individual-box:hover,
.business-box:hover,
.review-card:hover,
.pricing-container .pricing-card:hover,
.faq-item:hover,
.accordion-item:hover {
    transform: translateY(-2px);
    border-color: rgba(0, 169, 145, 0.32) !important;
    box-shadow: var(--ft-shadow-2) !important;
}

.know-more-btn,
.btn-submit,
.prefnceupda,
#hrarentreciept .button_hrr,
#refundstatus .button,
.buttonwrapper .button_hrr,
.strip-button {
    background: var(--ft-secondary) !important;
    border: 1px solid var(--ft-secondary) !important;
    border-radius: var(--ft-radius) !important;
    color: #fff !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

.know-more-btn:hover,
.btn-submit:hover,
.prefnceupda:hover,
#hrarentreciept .button_hrr:hover,
#refundstatus .button:hover,
.buttonwrapper .button_hrr:hover,
.strip-button:hover {
    background: var(--ft-secondary-600) !important;
    border-color: var(--ft-secondary-600) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

.accordion,
.panel-group {
    display: grid;
    gap: 12px;
}

.accordion-item,
.faqsectionarea .panel,
.hrarentnew .mediasec .panel-group .panel {
    overflow: hidden;
    background: var(--ft-surface) !important;
    border: 1px solid var(--ft-outline-soft) !important;
    border-radius: var(--ft-radius-lg) !important;
    box-shadow: var(--ft-shadow-1) !important;
}

.accordion-button,
.faq-question,
.faqsectionarea .panel-heading,
.hrarentnew .mediasec .panel-default > .panel-heading {
    width: 100%;
    min-height: 48px;
    background: var(--ft-surface-low) !important;
    color: var(--ft-primary) !important;
    border: 0 !important;
    border-radius: var(--ft-radius) !important;
    box-shadow: none !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

.accordion-button:not(.collapsed),
.accordion-button:hover,
.faq-question:hover,
.faqsectionarea .panel-heading:hover,
.hrarentnew .mediasec .panel-default > .panel-heading:hover {
    background: rgba(0, 169, 145, 0.10) !important;
    color: var(--ft-primary) !important;
    box-shadow: none !important;
}

.accordion-body,
.faq-answer,
.faqsectionarea .panel-body {
    background: var(--ft-surface) !important;
    color: var(--ft-on-surface-variant) !important;
    border-top: 1px solid var(--ft-outline-soft);
    line-height: 1.65;
}

.nav-tabs {
    gap: 8px;
    border: 0 !important;
}

.nav-tabs .nav-link {
    border: 1px solid var(--ft-outline-soft) !important;
    border-radius: var(--ft-radius) !important;
    color: var(--ft-primary) !important;
    font-weight: 800;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background: rgba(0, 169, 145, 0.10) !important;
    border-color: rgba(0, 169, 145, 0.35) !important;
    color: var(--ft-secondary-600) !important;
}

.newdesc a,
.rightaside ul.listcate li,
.custom-inner-slider .slider-item ul li,
.income-tax-refund-status-screenshots,
.faq-table {
    background: var(--ft-surface) !important;
    border: 1px solid var(--ft-outline-soft) !important;
    border-radius: var(--ft-radius) !important;
    box-shadow: none !important;
}

.newdesc a:hover,
.rightaside ul.listcate li:hover,
.custom-inner-slider .slider-item ul li:hover {
    color: var(--ft-secondary) !important;
    border-color: rgba(0, 169, 145, 0.30) !important;
    background: rgba(0, 169, 145, 0.08) !important;
}

.top-strip {
    position: absolute !important;
    bottom: auto;
    left: auto;
    background: var(--ft-primary) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 -10px 28px rgba(13, 27, 52, 0.16);
}

.strip-content {
    width: min(92%, var(--ft-container)) !important;
    gap: 18px;
}

.strip-text {
    font-family: var(--ft-font) !important;
    letter-spacing: 0 !important;
}

/* ---------- Forms / Dashboards / Tables --------------------------------- */
.login-container {
    background: var(--ft-bg);
}

.login-box,
.step-progress-container-box,
.popup-content {
    border-radius: var(--ft-radius-lg) !important;
}

.dashboard-card,
.profile-card,
.order-card,
.pricing-card,
.payment-box,
.payment-container,
.package-card,
.listing,
.article-content,
.public-content,
.content-box,
.contact-box {
    background: var(--ft-surface) !important;
    border: 1px solid var(--ft-outline-soft) !important;
    border-radius: var(--ft-radius-lg) !important;
    box-shadow: var(--ft-shadow-1) !important;
}

table,
.table {
    background: var(--ft-surface);
    border-radius: var(--ft-radius-lg);
    overflow: hidden;
}

.table thead th,
table thead th {
    background: var(--ft-surface-low);
    color: var(--ft-primary) !important;
    font-weight: 800;
    letter-spacing: 0 !important;
}

/* ---------- Footer ------------------------------------------------------- */
.footer {
    padding: 54px 0 !important;
    background: var(--ft-surface-container) !important;
    color: var(--ft-primary) !important;
}

.footer .row,
.footer-saprtation {
    gap: 28px;
    border-color: rgba(13, 27, 52, 0.10) !important;
}

.footer h3,
.footer-section h3,
.footer .column h3 {
    color: var(--ft-primary) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 0 !important;
}

.footer a,
.footer p,
.footer li {
    color: var(--ft-on-surface-variant) !important;
}

.footer a:hover {
    color: var(--ft-secondary) !important;
}

.subscribe-input {
    width: min(100%, 440px) !important;
    min-height: 46px;
    height: auto !important;
    display: flex !important;
    align-items: stretch !important;
    gap: 8px;
    padding: 4px;
    overflow: visible !important;
    background: rgba(255, 255, 255, 0.62);
    border: 1px solid rgba(13, 27, 52, 0.10) !important;
    border-radius: var(--ft-radius) !important;
}

.subscribe-input input {
    flex: 1 1 220px !important;
    min-width: 0;
    width: auto !important;
    min-height: 38px;
    padding: 0 12px !important;
    color: var(--ft-primary) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.subscribe-input input::placeholder {
    color: var(--ft-on-surface-variant) !important;
}

.subscribe-input button {
    flex: 0 0 auto;
    width: auto !important;
    min-width: 120px;
    min-height: 38px;
    padding: 0 16px !important;
    white-space: nowrap;
    line-height: 1.2;
}

.footer-icon-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.footer-icon-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.footer-icon-chip:hover {
    transform: translateY(-2px);
    border-color: rgba(0, 169, 145, 0.30) !important;
    box-shadow: 0 8px 18px rgba(13, 27, 52, 0.10) !important;
}

.footer-icon-chip img,
.footer-icon-chip svg {
    display: block;
    object-fit: contain;
}

.footer-icon-chip--payment {
    min-width: 72px;
    padding: 8px 12px;
}

.footer-icon-chip--payment img {
    height: 22px;
    width: auto;
    max-width: 68px;
}

.footer-icon-chip--visa {
    min-width: 84px;
    padding: 0;
    background: transparent !important;
    

}

.footer-icon-chip--visa img,
.payment-brand--visa img {
    height: 28px;
    width: 84px;
    max-width: none;
}

.payment-brand--visa {
    min-width: 84px;
    padding: 0 !important;
    background: transparent !important;
}

.footer-icon-chip--mastercard {
    min-width: 84px;
    padding: 0;
    background: transparent !important;
}

.footer-icon-chip--mastercard img,
.payment-brand--mastercard img {
    height: 28px;
    width: 84px;
    max-width: none;
}

.payment-brand--mastercard {
    min-width: 84px;
    padding: 0 !important;
    background: transparent !important;
}

.footer-icon-chip--paytm {
    min-width: 84px;
    padding: 0;
    background: transparent !important;

}

.footer-icon-chip--paytm img,
.payment-brand--paytm img {
    height: 28px;
    width: 84px;
    max-width: none;
}

.payment-brand--paytm {
    min-width: 84px;
    padding: 0 !important;
    background: transparent !important;
}

.footer-ssl-badge {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 52px;
    padding: 8px 14px;
    background: #fff !important;
    border-radius: 10px !important;
}

.footer-ssl-badge__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--ft-secondary);
}

.footer-ssl-badge__icon svg {
    width: 24px;
    height: 24px;
}

.footer-ssl-badge__copy {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.footer-ssl-badge__title {
    color: var(--ft-primary) !important;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
}

.footer-ssl-badge__subtitle {
    color: var(--ft-on-surface-variant) !important;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
}

.social-item {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.social-item li {
    margin: 0;
    padding: 0;
}

.footer-icon-chip--social {
    width: 42px;
    height: 42px;
    padding: 0;
    color: var(--ft-primary);
}

.footer-icon-chip--social svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

.footer-icon-chip--facebook:hover {
    color: #fff;
    background: #1877f2 !important;
    border-color: #1877f2 !important;
}

.footer-icon-chip--x:hover {
    color: #fff;
    background: #111111 !important;
    border-color: #111111 !important;
}

.footer-icon-chip--linkedin:hover {
    color: #fff;
    background: #0a66c2 !important;
    border-color: #0a66c2 !important;
}

.footer-icon-chip--youtube:hover {
    color: #fff;
    background: #ff0000 !important;
    border-color: #ff0000 !important;
}

.footer-icon-chip--android:hover {
    color: #fff;
    background: #3ddc84 !important;
    border-color: #3ddc84 !important;
}

.footer-icon-chip--apple:hover {
    color: #fff;
    background: #111111 !important;
    border-color: #111111 !important;
}

.social-item li a,
.payment-card:not(.footer-icon-chip) {
    background: none !important;
    box-shadow: none;
}
.social-item li a:hover svg{
    fill:#fff!important;
}
.payment-item-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.copyright,
.lower-footer {
    background: var(--ft-surface) !important;
}

.itr-concern li a,
.copyright-flex p {
    color: var(--ft-on-surface-variant) !important;
    letter-spacing: 0 !important;
}

/* ---------- Responsive --------------------------------------------------- */
@media (max-width: 991px) {
    .banner-content,
    .itr-screen-content,
    .app-container-content {
        flex-direction: column;
    }

    .banner-section .left,
    .banner-section .right,
    .itr-screen-content .left,
    .itr-screen-content .right,
    .downloadApp-left,
    .downloadApp-Right {
        width: 100% !important;
    }

    .file-return-flex,
    .income-tax-filing-flex,
    .why_choose_box_mid_box,
    .tax-saving-flex,
    .success-stories-flex,
    .crypto-investment-flex,
    .filing-checklist-grid,
    .blog-flex {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .app-container-content {
        grid-template-columns: 1fr;
    }

    .app-screenshot-grid {
        grid-template-columns: repeat(4, minmax(92px, 1fr));
        overflow-x: auto;
        padding-bottom: 8px;
    }
}

@media (max-width: 768px) {
    :root {
        --ft-header-height: 64px;
        --ft-section-y: 50px;
    }

    .main-header nav {
        width: 94% !important;
    }

    .logo {
        width: 176px !important;
    }

    #mobile-menusidebar {
        top: 0 !important;
        left: 0 !important;
        width: min(86vw, 320px) !important;
        background: var(--ft-surface) !important;
        border-radius: 0 var(--ft-radius-lg) var(--ft-radius-lg) 0 !important;
        box-shadow: 12px 0 32px rgba(13, 27, 52, 0.16) !important;
    }

    .main-header nav .header-navigation li {
        border-bottom-color: var(--ft-outline-soft) !important;
    }

    .banner-section {
        padding: 34px 0 52px;
    }

    .banner-content {
        min-height: 0;
        gap: 28px;
    }

    .home-title {
        font-size: 2.35rem !important;
    }

    .heading {
        font-size: 1.95rem !important;
    }

    .individual-banner-text h1 {
        font-size: 2rem !important;
    }

    .banner-section .right::after {
        display: none;
    }

    .file-return-flex,
    .income-tax-filing-flex,
    .why_choose_box_mid_box,
    .tax-saving-flex,
    .success-stories-flex,
    .crypto-investment-flex,
    .filing-checklist-grid,
    .blog-flex {
        grid-template-columns: 1fr !important;
    }

    .app-container-content {
        padding: 28px !important;
    }

    .downloadApp-left a {
        width: 100% !important;
        justify-content: flex-start;
    }

    .app-screenshot-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        overflow: visible;
    }

    .app-shot-featured {
        transform: none;
    }

    .users-wrap {
        display: grid;
        grid-template-columns: 1fr;
    }

    .tax_guidelines,
    .sectionarea,
    .plan-detail-section,
    .tickmarktiger,
    .content-detail,
    .content-summary,
    .blog-top-section,
    .faqsectionarea,
    .form-box,
    .refund-status-section .container,
    .calcidesc .container {
        padding: 22px !important;
    }

    .subscribe-input {
        flex-direction: column;
        width: 100% !important;
    }

    .subscribe-input input,
    .subscribe-input button {
        width: 100% !important;
    }

    .strip-content {
        flex-direction: column;
        align-items: stretch !important;
        text-align: center;
        padding: 0 !important;
    }

    .strip-button {
        width: 100%;
        text-align: center;
    }

    .seo-content-section,
    .seo-filing-guide {
        padding: 26px 0;
    }

    .seo-content-section h2,
    .seo-filing-guide h2 {
        font-size: 1.55rem;
    }

    .seo-feature-grid,
    .seo-check-grid {
        grid-template-columns: 1fr;
    }
}

.current-tax-guides,
.tax-example-grid,
.calculator-summary-grid,
.calculator-result-grid {
    margin: 28px 0;
}

.current-tax-guides {
    padding: 24px;
    background: var(--ft-surface-low);
    border: 1px solid var(--ft-outline-soft);
    border-radius: var(--ft-radius-lg);
}

.current-tax-guides h3 {
    margin-top: 0;
    color: var(--ft-primary);
    font-weight: 800;
}

.current-tax-guide-grid,
.tax-example-grid,
.calculator-summary-grid,
.calculator-result-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
}

.current-tax-guide-grid a,
.tax-example-card,
.calculator-summary-card,
.calculator-result-card {
    display: block;
    min-width: 0;
    padding: 18px;
    color: var(--ft-primary);
    background: var(--ft-surface);
    border: 1px solid var(--ft-outline-soft);
    border-radius: var(--ft-radius);
    box-shadow: var(--ft-shadow-1);
    text-decoration: none;
}

.current-tax-guide-grid a:hover,
.tax-example-card:hover,
.calculator-summary-card:hover,
.calculator-result-card:hover {
    border-color: rgba(0, 169, 145, 0.35);
    box-shadow: var(--ft-shadow-2);
    transform: translateY(-1px);
}

.current-tax-guide-grid strong,
.calculator-summary-card strong,
.calculator-result-card strong {
    display: block;
    font-weight: 800;
}

.current-tax-guide-grid span,
.tax-example-card p,
.calculator-summary-card span,
.calculator-result-card span {
    display: block;
    margin-top: 6px;
    color: var(--ft-on-surface-variant);
    line-height: 1.55;
}

.calculator-result-card.is-best {
    border-color: rgba(0, 169, 145, 0.55);
    background: rgba(0, 169, 145, 0.08);
}

.calculator-steps-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
    margin: 24px 0 0;
}

.calculator-step-card {
    min-width: 0;
    padding: 22px 20px;
    background: var(--ft-surface);
    border: 1px solid var(--ft-outline-soft);
    border-radius: var(--ft-radius-lg);
    box-shadow: var(--ft-shadow-1);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.calculator-step-card:hover {
    transform: translateY(-2px);
    border-color: rgba(0, 169, 145, 0.32);
    box-shadow: var(--ft-shadow-2);
}

.calculator-step-card__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-bottom: 14px;
    color: var(--ft-secondary-600);
    background: rgba(0, 169, 145, 0.12);
    border: 1px solid rgba(0, 169, 145, 0.22);
    border-radius: var(--ft-radius);
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
}

.calculator-step-card h3 {
    margin: 0 0 10px !important;
    color: var(--ft-primary) !important;
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    line-height: 1.35;
    letter-spacing: 0 !important;
}

.calculator-step-card p {
    margin: 0 !important;
    color: var(--ft-on-surface-variant) !important;
    font-size: 14px;
    line-height: 1.6;
}

#income-tax-calculator .calculator-container {
    padding: 28px !important;
}

#income-tax-calculator .calculator-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-bottom:15px;
}
#income-tax-calculator h3{
    font-size:1.2rem!important;
}
#income-tax-calculator .form-label-section {
    min-width: 0;
}

#income-tax-calculator .button-group {
    gap: 12px;
}

#income-tax-calculator #taxResults:empty {
    display: none;
}

@media (max-width: 767px) {
    #income-tax-calculator .calculator-grid {
        grid-template-columns: 1fr;
    }
}

/* ---------- Sticky side navigation (sidenavsec) ------------------------- */
.taxation-pages .adjust-scroll-x,
.taxation-pages .row.adjust-scroll-x {
    overflow: visible !important;
    align-items: flex-start;
}

.left-verticle-menu,
#leftScroll.left-verticle-menu,
.taxation-pages .left-verticle-menu {
    align-self: flex-start;
}

.sidenavsec {
    position: sticky !important;
    top: var(--ft-sticky-sidebar-top);
    z-index: 30;
    width: 100% !important;
    max-width: 280px;
    max-height: calc(100vh - var(--ft-header-height) - 32px);
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 4px;
    padding-bottom: 12px;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 169, 145, 0.35) transparent;
}

.sidenavsec::-webkit-scrollbar {
    width: 6px;
}

.sidenavsec::-webkit-scrollbar-thumb {
    background: rgba(0, 169, 145, 0.35);
    border-radius: 999px;
}

.tax-aside-right .panel-default-custom,
.nav-right.tax-aside-right > .panel-default-custom {
    position: sticky;
    top: var(--ft-sticky-sidebar-top);
    z-index: 30;
    max-height: calc(100vh - var(--ft-header-height) - 32px);
    overflow-y: auto;
}

@media (max-width: 767px) {
    .sidenavsec,
    .tax-aside-right .panel-default-custom,
    .nav-right.tax-aside-right > .panel-default-custom {
        position: static !important;
        top: auto;
        max-height: none;
        overflow: visible;
        max-width: none;
    }
}