/*
 * Global light-theme overrides.
 * Keeps the homepage-style navy hero/footer, and forces inner page content,
 * Elementor sections, WooCommerce/account areas, blog archives, cards, forms,
 * icons, and buttons back to the light professional palette.
 */

:root {
    --navy: #a8a7a7;
    --navy-dark: #a8a7a7;
    --teal: #289db9;
    --teal-dark: #1e6f85;
    --offwhite: #f9f9f9;
    --white: #ffffff;
    --text: #a8a7a7;
    --muted: #666666;
    --gray-200: #e5e7eb;
    --gold: #a8a7a7;
    --gold-dark: #7f7f7f;
}

html,
body {
    background: var(--offwhite) !important;
    color: var(--text) !important;
}

body:not(.home) main,
body:not(.home) .site-main,
body:not(.home) .tss-main,
body:not(.home) .entry-content,
body:not(.home) .page-content,
body:not(.home) .content-area,
body:not(.home) .tss-section,
body:not(.home) .content-section,
body:not(.home) .elementor,
body:not(.home) .elementor-section,
body:not(.home) .elementor-top-section,
body:not(.home) .elementor-container,
body:not(.home) .elementor-widget-wrap,
body:not(.home) .elementor-column,
body:not(.home) .elementor-inner-section,
body:not(.home) .wp-block-group,
body:not(.home) .woocommerce,
body:not(.home) .woocommerce-account .woocommerce-MyAccount-content,
body:not(.home) .woocommerce-account .woocommerce-MyAccount-navigation,
body:not(.home) .tss-posts,
body:not(.home) .tss-archive,
body:not(.home) .tss-services-archive {
    background-color: var(--offwhite) !important;
    color: var(--text) !important;
}

body:not(.home) .tss-section:nth-of-type(even),
body:not(.home) .elementor-section:nth-of-type(even),
body:not(.home) .wp-block-group:nth-of-type(even),
body:not(.home) .entry-content > *:nth-child(even) {
    background-color: var(--white) !important;
}

body:not(.home) h1,
body:not(.home) h2,
body:not(.home) h3,
body:not(.home) h4,
body:not(.home) h5,
body:not(.home) h6,
body:not(.home) p,
body:not(.home) li,
body:not(.home) span,
body:not(.home) div,
body:not(.home) label,
body:not(.home) legend,
body:not(.home) strong,
body:not(.home) b,
body:not(.home) td,
body:not(.home) th,
body:not(.home) .elementor-heading-title,
body:not(.home) .elementor-widget-text-editor,
body:not(.home) .elementor-icon-list-text,
body:not(.home) .entry-title,
body:not(.home) .entry-content {
    color: var(--text) !important;
}

body:not(.home) small,
body:not(.home) .secondary,
body:not(.home) .meta,
body:not(.home) [class*="meta"],
body:not(.home) [class*="sub"],
body:not(.home) .tss-section-subtitle,
body:not(.home) .entry-meta,
body:not(.home) .post-meta,
body:not(.home) .woocommerce-result-count,
body:not(.home) .price del,
body:not(.home) .description {
    color: var(--muted) !important;
}

body:not(.home) a {
    color: var(--teal) !important;
}

body:not(.home) a:hover,
body:not(.home) a:focus {
    color: var(--teal-dark) !important;
}

body:not(.home) .card,
body:not(.home) [class*="card"],
body:not(.home) .tss-service-card,
body:not(.home) .tss-feature-card,
body:not(.home) .tss-team-card,
body:not(.home) .tss-pricing-card,
body:not(.home) .tss-process-card,
body:not(.home) .tss-resource-card,
body:not(.home) .tss-post-card,
body:not(.home) .tss-faq-item,
body:not(.home) .portfolio,
body:not(.home) .elementor-widget-container,
body:not(.home) .woocommerce ul.products li.product,
body:not(.home) .woocommerce-MyAccount-navigation,
body:not(.home) .woocommerce-MyAccount-content,
body:not(.home) form,
body:not(.home) fieldset {
    background: var(--white) !important;
    border-top: 4px solid var(--teal) !important;
    color: var(--text) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.10) !important;
}

body:not(.home) .elementor-widget-container:empty,
body:not(.home) .elementor-widget-spacer .elementor-widget-container,
body:not(.home) .elementor-widget-divider .elementor-widget-container,
body:not(.home) .elementor-widget-html .elementor-widget-container {
    border-top: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

body:not(.home) .tss-page-hero,
body:not(.home) .tss-service-page-hero,
body:not(.home) .hero,
body:not(.home) [class*="hero"],
body:not(.home) header[class*="header"]:not(.tss-site-header),
body:not(.home) .page-header,
body:not(.home) .entry-header {
    background: var(--navy) !important;
    color: var(--white) !important;
}

body:not(.home) .tss-page-hero *,
body:not(.home) .tss-service-page-hero *,
body:not(.home) .hero *,
body:not(.home) [class*="hero"] *,
body:not(.home) header[class*="header"]:not(.tss-site-header) *,
body:not(.home) .page-header *,
body:not(.home) .entry-header * {
    color: var(--white) !important;
}

body:not(.home) .tss-page-hero a,
body:not(.home) .tss-service-page-hero a,
body:not(.home) .hero a,
body:not(.home) [class*="hero"] a {
    color: var(--white) !important;
}

.tss-btn,
.btn,
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.button,
[class*="button"],
.elementor-button,
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    background: var(--teal) !important;
    border-color: var(--teal) !important;
    color: var(--white) !important;
}

.tss-btn:hover,
.btn:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.button:hover,
[class*="button"]:hover,
.elementor-button:hover,
.wp-block-button__link:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
    background: var(--teal-dark) !important;
    border-color: var(--teal-dark) !important;
    color: var(--white) !important;
}

body:not(.home) i,
body:not(.home) svg,
body:not(.home) .elementor-icon,
body:not(.home) [class*="icon"] {
    color: var(--teal) !important;
    fill: currentColor;
}

body:not(.home) .tss-footer i,
body:not(.home) .tss-footer svg,
body:not(.home) footer i,
body:not(.home) footer svg {
    color: var(--white) !important;
}

input,
textarea,
select,
.select2-selection,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    background: var(--white) !important;
    border: 1px solid #a8a7a7 !important;
    color: var(--text) !important;
}

input::placeholder,
textarea::placeholder {
    color: var(--muted) !important;
    opacity: 1;
}

input:focus,
textarea:focus,
select:focus {
    border-color: var(--teal) !important;
    box-shadow: 0 0 0 3px rgba(40, 157, 185, 0.12) !important;
    outline: none !important;
}

.tss-footer,
footer,
[class*="footer"] {
    background: var(--navy) !important;
    color: var(--white) !important;
}

.tss-footer *,
footer *,
[class*="footer"] * {
    color: var(--white) !important;
}

.tss-footer a:hover,
footer a:hover,
[class*="footer"] a:hover,
.tss-footer a:focus,
footer a:focus,
[class*="footer"] a:focus {
    color: var(--teal) !important;
}

body:not(.home) .tss-footer [class*="icon"]:hover,
body:not(.home) footer [class*="icon"]:hover,
body:not(.home) .tss-footer a:hover i,
body:not(.home) footer a:hover i,
body:not(.home) .tss-footer a:hover svg,
body:not(.home) footer a:hover svg {
    color: var(--teal) !important;
}

body:not(.home) .tss-dark-section:not(.tss-page-hero):not(.tss-service-page-hero):not(.tss-footer),
body:not(.home) .tss-pattern-bg:not(.tss-page-hero):not(.tss-service-page-hero):not(.tss-footer) {
    background: var(--offwhite) !important;
}

body:not(.home) .tss-pattern-bg:not(.tss-page-hero):not(.tss-service-page-hero):not(.tss-footer)::before {
    opacity: 0 !important;
}

body:not(.home) table,
body:not(.home) thead,
body:not(.home) tbody,
body:not(.home) tr,
body:not(.home) td,
body:not(.home) th {
    background: var(--white) !important;
    color: var(--text) !important;
    border-color: var(--gray-200) !important;
}

@media (max-width: 767px) {
    body:not(.home) .tss-section {
        padding-block: 3rem;
    }

    body:not(.home) .card,
    body:not(.home) [class*="card"],
    body:not(.home) .elementor-widget-container {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    }
}
/* Codex fix: keep inner-page SVG icons controlled and remove unwanted dark panels. */
body:not(.home) .tss-page-hero,
body:not(.home) .tss-service-page-hero,
body:not(.home) .tss-dark-section:not(.tss-footer),
body:not(.home) .tss-pattern-bg:not(.tss-footer) {
    background: var(--offwhite) !important;
    color: var(--text) !important;
}

body:not(.home) .tss-page-hero::before,
body:not(.home) .tss-page-hero::after,
body:not(.home) .tss-service-page-hero::before,
body:not(.home) .tss-service-page-hero::after,
body:not(.home) .tss-dark-section:not(.tss-footer)::before,
body:not(.home) .tss-dark-section:not(.tss-footer)::after,
body:not(.home) .tss-pattern-bg:not(.tss-footer)::before,
body:not(.home) .tss-pattern-bg:not(.tss-footer)::after {
    display: none !important;
}

body:not(.home) .tss-page-hero *,
body:not(.home) .tss-service-page-hero *,
body:not(.home) .tss-dark-section:not(.tss-footer) *,
body:not(.home) .tss-pattern-bg:not(.tss-footer) * {
    color: inherit !important;
}

body:not(.home) .tss-page-hero__title,
body:not(.home) .tss-service-page-hero h1,
body:not(.home) .tss-dark-section:not(.tss-footer) .tss-section-title,
body:not(.home) .tss-dark-section:not(.tss-footer) h2,
body:not(.home) .tss-dark-section:not(.tss-footer) h3 {
    color: var(--navy) !important;
}

body:not(.home) .tss-page-hero__excerpt,
body:not(.home) .tss-service-page-hero p,
body:not(.home) .tss-dark-section:not(.tss-footer) p,
body:not(.home) .tss-pattern-bg:not(.tss-footer) p {
    color: var(--muted) !important;
}

body:not(.home) svg.tss-icon {
    width: 20px !important;
    height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
    display: inline-block !important;
    flex: 0 0 auto !important;
    fill: none !important;
}

body:not(.home) svg.tss-icon--sm {
    width: 16px !important;
    height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
}

body:not(.home) svg.tss-icon--lg {
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
}

body:not(.home) .tss-refund-card__icon,
body:not(.home) .home-refund-card__icon {
    width: 64px !important;
    height: 64px !important;
    max-width: 64px !important;
    max-height: 64px !important;
    flex: 0 0 64px !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
}

body:not(.home) .tss-refund-card__icon svg,
body:not(.home) .home-refund-card__icon svg {
    width: 64px !important;
    height: 64px !important;
    max-width: 64px !important;
    max-height: 64px !important;
    display: block !important;
    flex: 0 0 64px !important;
    fill: none !important;
}

body:not(.home) .tss-tool-card__icon svg,
body:not(.home) .tss-mini-tool-card svg,
body:not(.home) .tss-service-sidebar-widget__list svg {
    width: 20px !important;
    height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
    display: block !important;
    flex: 0 0 auto !important;
    fill: none !important;
}
/* Codex fix: preserve button and SVG internals after inner-page reset. */
body:not(.home) .tss-page-hero .tss-btn--primary,
body:not(.home) .tss-service-page-hero .tss-btn--primary,
body:not(.home) .tss-dark-section:not(.tss-footer) .tss-btn--primary,
body:not(.home) .tss-pattern-bg:not(.tss-footer) .tss-btn--primary {
    color: var(--white) !important;
}

body:not(.home) .tss-page-hero .tss-btn--outline,
body:not(.home) .tss-service-page-hero .tss-btn--outline,
body:not(.home) .tss-dark-section:not(.tss-footer) .tss-btn--outline,
body:not(.home) .tss-pattern-bg:not(.tss-footer) .tss-btn--outline {
    color: var(--teal) !important;
    border-color: var(--teal) !important;
}

body:not(.home) .tss-refund-card__icon svg [fill="currentColor"],
body:not(.home) .home-refund-card__icon svg [fill="currentColor"] {
    fill: currentColor !important;
}

body:not(.home) .tss-refund-card__icon svg [fill="none"],
body:not(.home) .home-refund-card__icon svg [fill="none"] {
    fill: none !important;
}
/* Codex fix: reliable mobile drawer behavior and fallback menu styling. */
@media (max-width: 1023px) {
    .tss-mobile-toggle {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 44px !important;
        height: 44px !important;
        color: var(--navy) !important;
        position: relative !important;
        z-index: 360 !important;
    }

    .tss-mobile-toggle svg {
        width: 24px !important;
        height: 24px !important;
        max-width: 24px !important;
        max-height: 24px !important;
        fill: none !important;
    }

    .tss-mobile-menu {
        left: auto !important;
        right: -100vw !important;
        width: min(340px, 86vw) !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        z-index: 350 !important;
        visibility: hidden !important;
        opacity: 0 !important;
        transition: right .28s ease, opacity .2s ease, visibility .2s ease !important;
    }

    .tss-mobile-menu.is-open {
        right: 0 !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .tss-mobile-menu .tss-nav__menu,
    .tss-mobile-menu__nav {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;
        list-style: none !important;
        padding: 0 !important;
        margin: 0 0 2rem !important;
    }

    .tss-mobile-menu .tss-nav__menu li,
    .tss-mobile-menu__nav li {
        border-bottom: 1px solid rgba(255,255,255,.12) !important;
        width: 100% !important;
    }

    .tss-mobile-menu .tss-nav__menu a,
    .tss-mobile-menu__nav a {
        display: block !important;
        width: 100% !important;
        padding: 15px 0 !important;
        color: rgba(255,255,255,.9) !important;
        background: transparent !important;
        border-radius: 0 !important;
        font-size: 17px !important;
        line-height: 1.35 !important;
        text-align: left !important;
    }

    .tss-mobile-menu .tss-nav__menu a:hover,
    .tss-mobile-menu .tss-nav__menu a:focus,
    .tss-mobile-menu__nav a:hover,
    .tss-mobile-menu__nav a:focus {
        color: var(--teal) !important;
        padding-left: 6px !important;
    }

    .tss-mobile-overlay {
        z-index: 340 !important;
    }

    .tss-mobile-overlay.is-open {
        display: block !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
}

@media (min-width: 1024px) {
    .tss-mobile-toggle,
    .tss-mobile-menu,
    .tss-mobile-overlay {
        display: none !important;
    }
}
/* Codex fix: align inner pages with the homepage palette and cap raw content SVGs. */
:root {
    --navy: #111827;
    --navy-dark: #111827;
    --text: #111827;
    --muted: #666666;
    --gold: #a8a7a7;
    --gold-dark: #7f7f7f;
    --teal: #289db9;
    --teal-dark: #1f8198;
    --offwhite: #f7f5fc;
}

body:not(.home) {
    background: #f7f5fc !important;
    color: #111827 !important;
}

body:not(.home) .tss-topbar,
body:not(.home) .tss-header,
body:not(.home) .tss-page-hero,
body:not(.home) .tss-service-page-hero,
body:not(.home) .hero,
body:not(.home) [class*="hero"],
body:not(.home) .page-header,
body:not(.home) .entry-header {
    background: #f7f5fc !important;
    color: #111827 !important;
    border-color: rgba(40,157,185,.15) !important;
}

body:not(.home) .tss-topbar *,
body:not(.home) .tss-header *,
body:not(.home) .tss-page-hero *,
body:not(.home) .tss-service-page-hero *,
body:not(.home) .hero *,
body:not(.home) [class*="hero"] *,
body:not(.home) .page-header *,
body:not(.home) .entry-header * {
    color: inherit !important;
}

body:not(.home) .tss-nav__menu a,
body:not(.home) .tss-page-hero__title,
body:not(.home) .tss-service-page-hero h1,
body:not(.home) h1,
body:not(.home) h2,
body:not(.home) h3,
body:not(.home) h4,
body:not(.home) h5,
body:not(.home) h6 {
    color: #111827 !important;
}

body:not(.home) .tss-topbar__link,
body:not(.home) .tss-section-eyebrow,
body:not(.home) a:not(.tss-btn) {
    color: #289db9 !important;
}

body:not(.home) .tss-page-hero__excerpt,
body:not(.home) .tss-service-page-hero p,
body:not(.home) p,
body:not(.home) li {
    color: #333333 !important;
}

body:not(.home) .tss-btn--primary,
body:not(.home) .wp-block-button__link,
body:not(.home) button,
body:not(.home) input[type="submit"] {
    background: #289db9 !important;
    border-color: #289db9 !important;
    color: #ffffff !important;
}

body:not(.home) .tss-btn--outline {
    background: transparent !important;
    border-color: #289db9 !important;
    color: #289db9 !important;
}

body:not(.home) .tss-page-content svg:not(.tss-icon):not(.custom-logo),
body:not(.home) .entry-content svg:not(.tss-icon):not(.custom-logo),
body:not(.home) .elementor-widget-container svg:not(.tss-icon):not(.custom-logo),
body:not(.home) main svg:not(.tss-icon):not(.custom-logo) {
    width: 32px !important;
    height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    color: #289db9 !important;
    fill: currentColor !important;
    flex: 0 0 32px !important;
}

body:not(.home) .tss-page-content p > svg:not(.tss-icon),
body:not(.home) .entry-content p > svg:not(.tss-icon) {
    margin: 0 .35rem .1rem 0 !important;
}
/* Codex fix: remove harsh teal divider stripes from inner-page cards. */
body:not(.home) .tss-value-card,
body:not(.home) .tss-team-card,
body:not(.home) .tss-credential-card,
body:not(.home) .tss-service-card,
body:not(.home) .tss-pricing-card,
body:not(.home) .tss-post-card,
body:not(.home) .tss-resource-card,
body:not(.home) .tss-feature-card,
body:not(.home) .tss-process-card {
    border-top: 0 !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 8px 24px rgba(17, 24, 39, .08) !important;
}

body:not(.home) [class*="card__"],
body:not(.home) .tss-value-card__num,
body:not(.home) .tss-value-card__title,
body:not(.home) .tss-value-card__desc,
body:not(.home) .tss-team-card__avatar,
body:not(.home) .tss-team-card__info,
body:not(.home) .tss-team-card__name,
body:not(.home) .tss-team-card__role,
body:not(.home) .tss-team-card__bio,
body:not(.home) .tss-team-card__social,
body:not(.home) .tss-credential-card__icon {
    border: 0 !important;
    border-top: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body:not(.home) .tss-team-card__avatar {
    background: #ffffff !important;
    border: 2px solid #e5e7eb !important;
    color: #a8a7a7 !important;
}

body:not(.home) .tss-value-card__num {
    color: #d1d5db !important;
}
/* Standardized icon sizing — Where Is My Refund page (ID 2298) and
   Tax Tools & Resources page icons.
   All feature-level SVGs: 160px desktop → 130px tablet → 110px mobile,
   inside a centred 200px container with 64px vertical gap. */

/* ── Page 2298: page-level layout ─────────────────────────────── */
body.page-id-2298 .tss-page-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
}

/* Wrap every non-tss-icon SVG in a centred, fixed-size container. */
body.page-id-2298 .tss-page-content svg:not(.tss-icon):not(.custom-logo) {
    /* Container behaviour */
    display: block !important;
    margin: 64px auto !important;           /* 64px vertical gap on every side */
    /* Size */
    width: 160px !important;
    height: 160px !important;
    max-width: min(160px, 80vw) !important;
    max-height: 160px !important;
    min-width: 100px !important;
    min-height: 100px !important;
    /* Prevent the SVG content scaling out of its own viewBox */
    overflow: hidden !important;
    aspect-ratio: 1 / 1 !important;
    /* Colour */
    color: #289db9 !important;
    fill: currentColor !important;
    flex: 0 0 auto !important;
}

/* Decorative thin-bar dividers (viewBox 512×512, content only at bottom ~6%)
   look broken at any large size — hide them cleanly. They are aria-hidden
   so removing them visually causes no accessibility regression. */
body.page-id-2298 .tss-page-content svg[aria-hidden="true"]:not(.tss-icon) {
    display: none !important;
}

/* Paragraphs that directly wrap a feature SVG become centred rows. */
body.page-id-2298 .tss-page-content p {
    text-align: center !important;
    width: 100% !important;
    max-width: 640px !important;
}

/* ── Resources page: tss-refund-card icons ─────────────────────── */
/* Reuse the same 160px standard for the big refund-checker icons. */
body:not(.home) .tss-refund-card__icon,
body:not(.home) .home-refund-card__icon {
    width: 160px !important;
    height: 160px !important;
    max-width: 160px !important;
    max-height: 160px !important;
    min-width: 100px !important;
    min-height: 100px !important;
    flex: 0 0 160px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    margin: 0 auto 24px !important;
}

body:not(.home) .tss-refund-card__icon svg,
body:not(.home) .home-refund-card__icon svg {
    width: 160px !important;
    height: 160px !important;
    max-width: 160px !important;
    max-height: 160px !important;
    display: block !important;
    flex: 0 0 auto !important;
}

/* Restore SVG fill colours inside the icon so paths render correctly. */
body:not(.home) .tss-refund-card__icon svg [fill="currentColor"],
body:not(.home) .home-refund-card__icon svg [fill="currentColor"] {
    fill: currentColor !important;
}
body:not(.home) .tss-refund-card__icon svg [fill="none"],
body:not(.home) .home-refund-card__icon svg [fill="none"] {
    fill: none !important;
}

/* ── Resources page: tss-tool-card icons ───────────────────────── */
/* Tool cards switch to centred-icon vertical layout. */
body:not(.home) .tss-tool-card {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 16px !important;
}
body:not(.home) .tss-tool-card__icon {
    width: 160px !important;
    height: 160px !important;
    max-width: 160px !important;
    max-height: 160px !important;
    min-width: 100px !important;
    min-height: 100px !important;
    flex: 0 0 160px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    border-radius: 24px !important;
    margin: 0 auto !important;
    /* Remove the white/border override that [class*="card__"] applies */
    background: var(--teal) !important;
    border: 0 !important;
    box-shadow: none !important;
}
body:not(.home) .tss-tool-card__icon svg {
    width: 80px !important;
    height: 80px !important;
    max-width: 80px !important;
    max-height: 80px !important;
    color: #ffffff !important;
    stroke: currentColor !important;
    fill: none !important;
    flex: 0 0 auto !important;
}

/* ── Responsive scaling ─────────────────────────────────────────── */
@media (max-width: 1024px) {
    body.page-id-2298 .tss-page-content svg:not(.tss-icon):not(.custom-logo) {
        width: 130px !important;
        height: 130px !important;
        max-width: min(130px, 76vw) !important;
        max-height: 130px !important;
        margin: 48px auto !important;
    }
    body:not(.home) .tss-refund-card__icon,
    body:not(.home) .home-refund-card__icon {
        width: 130px !important;
        height: 130px !important;
        max-width: 130px !important;
        max-height: 130px !important;
        flex: 0 0 130px !important;
    }
    body:not(.home) .tss-refund-card__icon svg,
    body:not(.home) .home-refund-card__icon svg {
        width: 130px !important;
        height: 130px !important;
        max-width: 130px !important;
        max-height: 130px !important;
    }
    body:not(.home) .tss-tool-card__icon {
        width: 130px !important;
        height: 130px !important;
        max-width: 130px !important;
        max-height: 130px !important;
        flex: 0 0 130px !important;
    }
    body:not(.home) .tss-tool-card__icon svg {
        width: 64px !important;
        height: 64px !important;
        max-width: 64px !important;
        max-height: 64px !important;
    }
}

@media (max-width: 640px) {
    body.page-id-2298 .tss-page-content svg:not(.tss-icon):not(.custom-logo) {
        width: 110px !important;
        height: 110px !important;
        max-width: min(110px, 72vw) !important;
        max-height: 110px !important;
        margin: 40px auto !important;
    }
    body:not(.home) .tss-refund-card__icon,
    body:not(.home) .home-refund-card__icon {
        width: 110px !important;
        height: 110px !important;
        max-width: 110px !important;
        max-height: 110px !important;
        flex: 0 0 110px !important;
    }
    body:not(.home) .tss-refund-card__icon svg,
    body:not(.home) .home-refund-card__icon svg {
        width: 110px !important;
        height: 110px !important;
        max-width: 110px !important;
        max-height: 110px !important;
    }
    body:not(.home) .tss-tool-card__icon {
        width: 110px !important;
        height: 110px !important;
        max-width: 110px !important;
        max-height: 110px !important;
        flex: 0 0 110px !important;
    }
    body:not(.home) .tss-tool-card__icon svg {
        width: 54px !important;
        height: 54px !important;
        max-width: 54px !important;
        max-height: 54px !important;
    }
}