:root {
    --td-font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --td-color-primary: #2563eb;
    --td-color-primary-dark: #1d4ed8;
    --td-color-primary-light: #60a5fa;
    --td-color-secondary: #06b6d4;
    --td-color-accent: #8b5cf6;
    --td-color-dark: #0f172a;
    --td-color-slate: #334155;
    --td-color-muted: #64748b;
    --td-color-light: #f8fafc;
    --td-color-border: #e2e8f0;
    --td-gradient-primary: linear-gradient(135deg, #c70303 0%, #f2295b 100%);
    --td-gradient-accent: linear-gradient(135deg, #2563eb 0%, #8b5cf6 50%, #ec4899 100%);
    --td-gradient-dark: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    --td-shadow-sm: 0 2px 4px rgba(15, 23, 42, 0.04);
    --td-shadow-md: 0 6px 16px -2px rgba(15, 23, 42, 0.08), 0 2px 4px -1px rgba(15, 23, 42, 0.04);
    --td-shadow-lg: 0 14px 28px -4px rgba(15, 23, 42, 0.1), 0 6px 12px -2px rgba(15, 23, 42, 0.05);
    --td-shadow-glow: 0 10px 25px -5px rgba(37, 99, 235, 0.35);
    --td-radius-sm: 8px;
    --td-radius-md: 14px;
    --td-radius-lg: 20px;
    --td-radius-full: 9999px;
    --td-transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    --primary-color: #2563eb;
    --fs-color-primary: #2563eb;
    --fs-color-secondary: #06b6d4;
    --fs-color-success: #10b981;
    --fs-color-alert: #ef4444;
}
body, h1, h2, h3, h4, h5, h6, input, button, select, textarea {
    font-family: var(--td-font-primary) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    color: #1e293b;
    line-height: 1.65;
    background-color: #ffffff;
}
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
.text-gradient, .text-grad h1, .text-grad h2, .text-grad h3, .text-grad h4, .text-grad p {
    background: var(--td-gradient-primary) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
}
.text-gradient-accent {
    background: var(--td-gradient-accent) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
}
h1 span[style*="linear-gradient"],
h2 span[style*="linear-gradient"] {
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-size: 100% !important;
    display: inline-block;
}
.hero-pill-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    background: rgba(37, 99, 235, 0.08);
    border: 1px solid rgba(37, 99, 235, 0.2);
    border-radius: var(--td-radius-full);
    color: var(--td-color-primary);
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 20px;
    transition: var(--td-transition);
}
.hero-pill-badge p,
p.hero-pill-badge {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: inherit !important;
    color: inherit !important;
}
.hero-pill-badge:hover {
    background: rgba(37, 99, 235, 0.12);
    transform: translateY(-2px);
}
.header-main { height: 80px; }
#logo img { max-height: 70px; }
.header-bg-color { background-color: #ffffff; }
.header-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    max-width: 1320px !important;
}
.header-nav-main {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 2px !important;
    margin: 0 auto !important;
}
.header:not(.transparent) .header-nav-main.nav > li > a {
    color: #334155;
    font-weight: 700;
    font-size: 0.88rem !important;
    padding: 8px 10px !important;
    white-space: nowrap !important;
    letter-spacing: 0.01em;
    transition: var(--td-transition);
}
.header:not(.transparent) .header-nav-main.nav > li > a:hover,
.header:not(.transparent) .header-nav-main.nav > li.active > a,
.header:not(.transparent) .header-nav-main.nav > li.current > a {
    color: var(--td-color-primary);
}
.header-main .flex-right {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
    margin-left: auto !important;
}
.header-main .flex-right .nav-right {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
}
.header-main .header-button-1 .button {
    margin: 0 !important;
    white-space: nowrap !important;
    padding: 10px 22px !important;
    font-size: 0.88rem !important;
}
@media screen and (max-width: 849px) {
    .html .header-button-1,
    .html.header-button-1,
    .header-button-1 {
        display: none !important;
    }
}
.gtranslate_wrapper, .gt_switcher_wrapper {
    display: inline-flex !important;
    align-items: center !important;
    position: relative !important;
    z-index: 9999 !important;
}
.gt_switcher, .gt_float_switcher {
    font-family: var(--td-font-primary) !important;
    border: none!important;
    border-radius: var(--td-radius-sm) !important;
    background: #ffffff !important;
    box-shadow: var(--td-shadow-sm) !important;
    transition: var(--td-transition) !important;
    position: relative !important;
    width: 80px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}
.gt_switcher .gt_selected, .gt_float_switcher .gt_selected {
    padding: 6px 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    cursor: pointer !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    color: var(--td-color-dark) !important;
    background: transparent !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.gt_switcher .gt_selected a, .gt_float_switcher .gt_selected a {
    color: var(--td-color-dark) !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}
.gt_switcher .gt_selected .gt-current-lang, .gt_float_switcher .gt_selected .gt-current-lang {
    font-weight: 700 !important;
}
.gt_switcher .gt_options, .gt_switcher .gt_option,
.gt_float_switcher .gt_options, .gt_float_switcher .gt_option {
    position: absolute !important;
    top: calc(100% + 6px) !important;
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;
    width: 180px !important;
    max-width: none !important;
    border-radius: 12px !important;
    border: 1px solid var(--td-color-border) !important;
    box-shadow: 0 12px 28px -4px rgba(15, 23, 42, 0.18) !important;
    background: #ffffff !important;
    overflow: visible !important;
    max-height: none !important;
    padding: 6px 0 !important;
    z-index: 999999 !important;
    box-sizing: border-box !important;
}
.gt_switcher .gt_options a, .gt_switcher .gt_option a,
.gt_float_switcher .gt_options a, .gt_float_switcher .gt_option a {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 16px !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: #334155 !important;
    text-decoration: none !important;
    transition: var(--td-transition) !important;
}
.gt_switcher .gt_options a:hover, .gt_switcher .gt_option a:hover,
.gt_float_switcher .gt_options a:hover, .gt_float_switcher .gt_option a:hover {
    background: #eff6ff !important;
    color: var(--td-color-primary) !important;
}
.ux-menu-link {
    transition: var(--td-transition);
}
.ux-menu-link .ux-menu-link__link {
    display: inline-flex !important;
    align-items: center !important;
    color: #475569 !important;
    font-weight: 500;
    font-size: 0.95rem;
    line-height: 1.6;
    text-decoration: none !important;
    transition: var(--td-transition);
}
.ux-menu-link .ux-menu-link__icon {
    margin-right: 8px;
    font-size: 14px;
    color: var(--td-color-primary);
    transition: transform 0.25s ease, color 0.25s ease;
}
.ux-menu-link .ux-menu-link__link:hover,
.ux-menu-link:hover > .ux-menu-link__link {
    color: var(--td-color-primary) !important;
    transform: translateX(4px);
}
.ux-menu-link .ux-menu-link__link:hover .ux-menu-link__icon,
.ux-menu-link:hover > .ux-menu-link__link .ux-menu-link__icon {
    transform: scale(1.15);
    color: var(--td-color-primary-dark);
}
.ux-menu-link--active .ux-menu-link__link,
.ux-menu-link.active .ux-menu-link__link,
.ux-menu-link.current-menu-item .ux-menu-link__link {
    color: var(--td-color-primary) !important;
    font-weight: 700 !important;
}
.dark .ux-menu-link .ux-menu-link__link,
.footer .ux-menu-link .ux-menu-link__link,
.footer-wrapper .ux-menu-link .ux-menu-link__link,
.section-footer .ux-menu-link .ux-menu-link__link {
    color: #94a3b8 !important;
}
.dark .ux-menu-link .ux-menu-link__link:hover,
.dark .ux-menu-link:hover > .ux-menu-link__link,
.footer .ux-menu-link .ux-menu-link__link:hover,
.footer .ux-menu-link:hover > .ux-menu-link__link,
.footer-wrapper .ux-menu-link .ux-menu-link__link:hover,
.footer-wrapper .ux-menu-link:hover > .ux-menu-link__link,
.section-footer .ux-menu-link .ux-menu-link__link:hover,
.section-footer .ux-menu-link:hover > .ux-menu-link__link {
    color: #ffffff !important;
}
.menu-item-has-block > ul.sub-menu.nav-dropdown-default,
.menu-item-has-block > ul.nav-dropdown {
    display: none !important;
}
.header-wrapper,
#masthead,
.header-main {
    position: relative;
    z-index: 9999 !important;
}
.header-inner.container {
    position: relative;
}
@media (min-width: 850px) {
    li.menu-item-has-block,
    li:has(> .sub-menu .mega-menu-wrapper),
    li:has(> .topdata-mega-dropdown) {
        position: static !important;
        z-index: 99999 !important;
    }
    li.menu-item-has-block:before,
    li.menu-item-has-block:after,
    li:has(> .sub-menu .mega-menu-wrapper):before,
    li:has(> .sub-menu .mega-menu-wrapper):after,
    li:has(> .topdata-mega-dropdown):before,
    li:has(> .topdata-mega-dropdown):after {
        display: none !important;
    }
}
.nav-dropdown {
    position: absolute;
    background: #ffffff !important;
    border: 1px solid var(--td-color-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 14px 32px -4px rgba(15, 23, 42, 0.16), 0 4px 8px -2px rgba(0, 0, 0, 0.06) !important;
    padding: 8px 0 !important;
    min-width: 200px;
    top: calc(100% + 4px) !important;
    z-index: 99999 !important;
}
@media (min-width: 850px) {
    .nav-dropdown:has(.mega-menu-wrapper),
    .menu-item-has-block > .nav-dropdown,
    .topdata-mega-dropdown {
        position: absolute !important;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        top: 100% !important;
        width: auto !important;
        max-width: calc(100vw - 32px) !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        z-index: 99999 !important;
    }
}
.nav-dropdown > li > a {
    color: #334155 !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    padding: 10px 18px !important;
    transition: var(--td-transition) !important;
    display: flex !important;
    align-items: center !important;
    text-transform: none !important;
}
.nav-dropdown > li > a:hover,
.nav-dropdown > li.active > a,
.nav-dropdown > li.current > a,
.nav-dropdown > li.current-menu-item > a {
    background: #f1f5f9 !important;
    color: var(--td-color-primary) !important;
    padding-left: 22px !important;
}
.nav-dropdown-has-arrow li.has-dropdown:after {
    border-bottom-color: #ffffff !important;
}
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {
    border-bottom-color: var(--td-color-border) !important;
}
.mega-menu-wrapper {
    display: flex;
    position: relative;
    z-index: 99999 !important;
    background: #ffffff !important;
    border-radius: 18px;
    box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.18), 0 1px 3px rgba(0,0,0,0.05);
    border: 1px solid var(--td-color-border);
    overflow: hidden;
    min-width: 960px;
}
.mega-menu-tabs-sidebar {
    width: 300px;
    background: #f8fafc;
    border-right: 1px solid var(--td-color-border);
    padding: 16px 12px;
}
.mega-menu-tab-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 12px;
    cursor: pointer;
    font-weight: 700;
    font-size: 0.95rem;
    color: #475569;
    transition: var(--td-transition);
    margin-bottom: 6px;
}
.mega-menu-tab-item:hover, .mega-menu-tab-item.is-active {
    background: #ffffff;
    color: var(--td-color-primary);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
}
.mega-menu-tab-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #f1f5f9;
    position: relative;
}
.mega-menu-tab-icon:before,
.mega-menu-tab-icon:after,
.mega-menu-tab-icon.icon-facebook:before,
.mega-menu-tab-icon.icon-facebook:after {
    content: none !important;
    display: none !important;
}
.mega-menu-tab-badge {
    font-size: 10px;
    font-weight: 800;
    padding: 2px 6px;
    border-radius: 4px;
    margin-left: auto;
}
.badge-shopee { background: #fee2e2; color: #ef4444; }
.badge-tiktok { background: #f3e8ff; color: #8b5cf6; }
.mega-menu-content-pane {
    flex: 1;
    background: #ffffff !important;
    padding: 28px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.mega-menu-heading {
    font-size: 1.15rem;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 18px;
    padding-bottom: 8px;
    border-bottom: 2px solid rgba(37, 99, 235, 0.1);
}
.mega-menu-links-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 12px;
    margin-bottom: 20px;
}
.mega-menu-link-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.9rem;
    font-weight: normal;
    color: #334155;
    padding: 8px 12px;
    border-radius: 8px;
    transition: var(--td-transition);
    text-decoration: none !important;
}
.mega-menu-link-item .arrow-ico {
    opacity: 0;
    transform: translateX(-4px);
    transition: var(--td-transition);
    color: var(--td-color-primary);
    font-weight: 700;
}
.mega-menu-link-item:hover {
    background: #eff6ff;
    color: var(--td-color-primary);
    padding-left: 16px;
}
.mega-menu-link-item:hover .arrow-ico {
    opacity: 1;
    transform: translateX(0);
}
.mega-menu-footer-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 14px;
    border-top: 1px solid var(--td-color-border);
}
.mega-menu-footer-cta a {
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--td-color-primary);
    text-decoration: none;
}
.mega-menu-hotline {
    font-size: 0.85rem;
    font-weight: 700;
    color: #64748b;
}
.button.primary, a.button.primary, button.primary {
    background: var(--td-gradient-primary) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: var(--td-radius-full) !important;
    padding: 12px 28px !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.35) !important;
    transition: var(--td-transition) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}
.button.primary:hover, a.button.primary:hover, button.primary:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 22px rgba(37, 99, 235, 0.5) !important;
    filter: brightness(1.06);
}
.button.is-outline:not(.icon):not(.circle),
a.button.is-outline:not(.icon):not(.circle),
button.is-outline:not(.icon):not(.circle) {
    background: transparent !important;
    color: var(--td-color-primary) !important;
    border: 2px solid var(--td-color-primary) !important;
    border-radius: var(--td-radius-full) !important;
    padding: 10px 26px !important;
    font-weight: 700 !important;
    transition: var(--td-transition) !important;
}
.button.is-outline:not(.icon):not(.circle):hover,
a.button.is-outline:not(.icon):not(.circle):hover,
button.is-outline:not(.icon):not(.circle):hover {
    background: var(--td-color-primary) !important;
    color: #ffffff !important;
    border-color: var(--td-color-primary) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 18px rgba(37, 99, 235, 0.3) !important;
}
.dark .button.is-outline:not(.icon):not(.circle),
.button.is-outline.invert:not(.icon):not(.circle) {
    background: transparent !important;
    color: #ffffff !important;
    border: 2px solid rgba(255, 255, 255, 0.85) !important;
}
.dark .button.is-outline:not(.icon):not(.circle):hover,
.button.is-outline.invert:not(.icon):not(.circle):hover {
    background: #ffffff !important;
    color: var(--td-color-dark, #0f172a) !important;
    border-color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(255, 255, 255, 0.25) !important;
}
.button.circle,
.button.round.icon,
.button.icon.circle,
.button.icon.round,
.icon.button.circle,
.icon.button.round,
.social-icons .button,
.social-icons a.button,
.back-to-top.button,
#top-link.button {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 0 !important;
    margin: 0 4px !important;
    line-height: 42px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    vertical-align: middle !important;
}
.button.circle i,
.button.round.icon i,
.button.icon.circle i,
.button.icon.round i,
.icon.button.circle i,
.icon.button.round i,
.social-icons .button i,
.social-icons a.button i,
.back-to-top.button i,
#top-link.button i {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    font-size: 16px !important;
    display: inline-block !important;
    transition: color 0.25s ease !important;
}
#top-link,
button#top-link.back-to-top,
.back-to-top {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    line-height: 44px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #ffffff !important;
    color: var(--td-color-primary, #2563eb) !important;
    border: 2px solid var(--td-color-primary, #2563eb) !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12) !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    z-index: 9999 !important;
    cursor: pointer !important;
    text-decoration: none !important;
}
#top-link i,
#top-link .icon-angle-up,
button#top-link.back-to-top i {
    color: var(--td-color-primary, #2563eb) !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: color 0.25s ease !important;
}
#top-link:hover,
button#top-link.back-to-top:hover,
.back-to-top:hover {
    background-color: var(--td-color-primary, #2563eb) !important;
    border-color: var(--td-color-primary, #2563eb) !important;
    color: #ffffff !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 22px rgba(37, 99, 235, 0.45) !important;
}
#top-link:hover i,
#top-link:hover .icon-angle-up,
button#top-link.back-to-top:hover i {
    color: #ffffff !important;
}
.dark #top-link,
.dark .back-to-top {
    background-color: #0f172a !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
}
.dark #top-link i,
.dark .back-to-top i {
    color: #ffffff !important;
}
.dark #top-link:hover,
.dark .back-to-top:hover {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #0f172a !important;
}
.dark #top-link:hover i,
.dark .back-to-top:hover i {
    color: #0f172a !important;
}
.blog-share .social-icons,
.social-icons.share-icons {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}
.social-icons .button.circle,
.social-icons .button.round,
.social-icons a.button,
.blog-share .button {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
}
.social-icons a.facebook,
.social-icons .button.facebook,
.blog-share a.facebook {
    border-color: #1877F2 !important;
    background: #ffffff !important;
    color: #1877F2 !important;
}
.social-icons a.facebook i,
.social-icons .button.facebook i,
.blog-share a.facebook i {
    color: #1877F2 !important;
}
.social-icons a.facebook:hover,
.social-icons .button.facebook:hover,
.blog-share a.facebook:hover {
    background: #1877F2 !important;
    border-color: #1877F2 !important;
    color: #ffffff !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 18px rgba(24, 119, 242, 0.35) !important;
}
.social-icons a.facebook:hover i,
.social-icons .button.facebook:hover i,
.blog-share a.facebook:hover i {
    color: #ffffff !important;
}
.social-icons a.twitter,
.social-icons a.x,
.social-icons .button.twitter,
.social-icons .button.x,
.blog-share a.twitter,
.blog-share a.x {
    border-color: #1DA1F2 !important;
    background: #ffffff !important;
    color: #1DA1F2 !important;
}
.social-icons a.twitter i,
.social-icons a.x i,
.social-icons .button.twitter i,
.social-icons .button.x i,
.blog-share a.twitter i,
.blog-share a.x i {
    color: #1DA1F2 !important;
}
.social-icons a.twitter:hover,
.social-icons a.x:hover,
.social-icons .button.twitter:hover,
.social-icons .button.x:hover,
.blog-share a.twitter:hover,
.blog-share a.x:hover {
    background: #1DA1F2 !important;
    border-color: #1DA1F2 !important;
    color: #ffffff !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 18px rgba(29, 161, 242, 0.35) !important;
}
.social-icons a.twitter:hover i,
.social-icons a.x:hover i,
.social-icons .button.twitter:hover i,
.social-icons .button.x:hover i,
.blog-share a.twitter:hover i,
.blog-share a.x:hover i {
    color: #ffffff !important;
}
.social-icons a.email,
.social-icons .button.email,
.blog-share a.email {
    border-color: #EA4335 !important;
    background: #ffffff !important;
    color: #EA4335 !important;
}
.social-icons a.email i,
.social-icons .button.email i,
.blog-share a.email i {
    color: #EA4335 !important;
}
.social-icons a.email:hover,
.social-icons .button.email:hover,
.blog-share a.email:hover {
    background: #EA4335 !important;
    border-color: #EA4335 !important;
    color: #ffffff !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 18px rgba(234, 67, 53, 0.35) !important;
}
.social-icons a.email:hover i,
.social-icons .button.email:hover i,
.blog-share a.email:hover i {
    color: #ffffff !important;
}
.social-icons a.pinterest,
.social-icons .button.pinterest,
.blog-share a.pinterest {
    border-color: #BD081C !important;
    background: #ffffff !important;
    color: #BD081C !important;
}
.social-icons a.pinterest i,
.social-icons .button.pinterest i,
.blog-share a.pinterest i {
    color: #BD081C !important;
}
.social-icons a.pinterest:hover,
.social-icons .button.pinterest:hover,
.blog-share a.pinterest:hover {
    background: #BD081C !important;
    border-color: #BD081C !important;
    color: #ffffff !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 18px rgba(189, 8, 28, 0.35) !important;
}
.social-icons a.pinterest:hover i,
.social-icons .button.pinterest:hover i,
.blog-share a.pinterest:hover i {
    color: #ffffff !important;
}
.social-icons a.linkedin,
.social-icons .button.linkedin,
.blog-share a.linkedin {
    border-color: #0A66C2 !important;
    background: #ffffff !important;
    color: #0A66C2 !important;
}
.social-icons a.linkedin i,
.social-icons .button.linkedin i,
.blog-share a.linkedin i {
    color: #0A66C2 !important;
}
.social-icons a.linkedin:hover,
.social-icons .button.linkedin:hover,
.blog-share a.linkedin:hover {
    background: #0A66C2 !important;
    border-color: #0A66C2 !important;
    color: #ffffff !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 18px rgba(10, 102, 194, 0.35) !important;
}
.social-icons a.linkedin:hover i,
.social-icons .button.linkedin:hover i,
.blog-share a.linkedin:hover i {
    color: #ffffff !important;
}
.social-icons a.whatsapp,
.social-icons .button.whatsapp,
.blog-share a.whatsapp {
    border-color: #25D366 !important;
    background: #ffffff !important;
    color: #25D366 !important;
}
.social-icons a.whatsapp i,
.social-icons .button.whatsapp i,
.blog-share a.whatsapp i {
    color: #25D366 !important;
}
.social-icons a.whatsapp:hover,
.social-icons .button.whatsapp:hover,
.blog-share a.whatsapp:hover {
    background: #25D366 !important;
    border-color: #25D366 !important;
    color: #ffffff !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 18px rgba(37, 211, 102, 0.35) !important;
}
.social-icons a.whatsapp:hover i,
.social-icons .button.whatsapp:hover i,
.blog-share a.whatsapp:hover i {
    color: #ffffff !important;
}
.social-icons a.youtube,
.social-icons .button.youtube,
.blog-share a.youtube {
    border-color: #FF0000 !important;
    background: #ffffff !important;
    color: #FF0000 !important;
}
.social-icons a.youtube i,
.social-icons .button.youtube i,
.blog-share a.youtube i {
    color: #FF0000 !important;
}
.social-icons a.youtube:hover,
.social-icons .button.youtube:hover,
.blog-share a.youtube:hover {
    background: #FF0000 !important;
    border-color: #FF0000 !important;
    color: #ffffff !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 18px rgba(255, 0, 0, 0.35) !important;
}
.social-icons a.youtube:hover i,
.social-icons .button.youtube:hover i,
.blog-share a.youtube:hover i {
    color: #ffffff !important;
}
.social-icons a.instagram,
.social-icons .button.instagram,
.blog-share a.instagram {
    border-color: #E4405F !important;
    background: #ffffff !important;
    color: #E4405F !important;
}
.social-icons a.instagram i,
.social-icons .button.instagram i,
.blog-share a.instagram i {
    color: #E4405F !important;
}
.social-icons a.instagram:hover,
.social-icons .button.instagram:hover,
.blog-share a.instagram:hover {
    background: #E4405F !important;
    border-color: #E4405F !important;
    color: #ffffff !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 18px rgba(228, 64, 95, 0.35) !important;
}
.social-icons a.instagram:hover i,
.social-icons .button.instagram:hover i,
.blog-share a.instagram:hover i {
    color: #ffffff !important;
}
.social-icons a.tiktok,
.social-icons .button.tiktok,
.follow-icons a.tiktok,
.follow-icons .button.tiktok,
.blog-share a.tiktok {
    border-color: #000000 !important;
    background: #ffffff !important;
    color: #000000 !important;
}
.social-icons a.tiktok i,
.social-icons .button.tiktok i,
.follow-icons a.tiktok i,
.follow-icons .button.tiktok i,
.blog-share a.tiktok i {
    color: #000000 !important;
}
.social-icons a.tiktok:hover,
.social-icons .button.tiktok:hover,
.follow-icons a.tiktok:hover,
.follow-icons .button.tiktok:hover,
.blog-share a.tiktok:hover {
    background: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35) !important;
}
.social-icons a.tiktok:hover i,
.social-icons .button.tiktok:hover i,
.follow-icons a.tiktok:hover i,
.follow-icons .button.tiktok:hover i,
.blog-share a.tiktok:hover i {
    color: #ffffff !important;
}
.icon-tiktok:before {
    content: "\e90b";
    font-family: "fl-icons" !important;
}
.social-icons .button.is-outline:hover,
.social-icons a.button.is-outline:hover,
.blog-share .button.is-outline:hover {
    background: var(--td-color-primary, #2563eb) !important;
    border-color: var(--td-color-primary, #2563eb) !important;
    color: #ffffff !important;
}
.social-icons .button.is-outline:hover i,
.social-icons a.button.is-outline:hover i,
.blog-share .button.is-outline:hover i {
    color: #ffffff !important;
}
.featured-box {
    transition: var(--td-transition);
}
.custom-svg-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 14px;
    background: rgba(37, 99, 235, 0.08);
    margin-bottom: 16px;
    transition: var(--td-transition);
}
.custom-svg-icon svg {
    width: 28px !important;
    height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    display: block;
}
.featured-box:hover .custom-svg-icon {
    transform: scale(1.08);
    background: rgba(37, 99, 235, 0.15);
}
.col-inner {
    transition: var(--td-transition);
}
.box-shadow-2, .col-inner.box-shadow-2, .card-modern {
    background: #ffffff;
    border-radius: var(--td-radius-md);
    border: 1px solid var(--td-color-border);
    box-shadow: var(--td-shadow-md);
    transition: var(--td-transition);
}
.box-shadow-2:hover, .col-inner.box-shadow-2:hover, .card-modern:hover {
    transform: translateY(-6px);
    box-shadow: var(--td-shadow-lg);
    border-color: rgba(37, 99, 235, 0.3);
}
.img-partner {
    background: #fff;
    border-radius: 10px;
    padding: 12px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.img-partner:hover {
    transform: translateY(-3px);
    box-shadow: var(--td-shadow-md);
}
.img-partner img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}
.partner-zoom {
    transition: var(--td-transition);
    margin-bottom: 15px;
}
.partner-zoom .col-inner {
    border-radius: var(--td-radius-md);
    background: #ffffff;
    padding: 12px 24px;
    height: 72px;
    min-height: 72px;
    max-height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
    border: 1px solid var(--td-color-border);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    box-sizing: border-box;
}
.partner-zoom:hover .col-inner {
    transform: translateY(-4px);
    box-shadow: var(--td-shadow-glow);
    border-color: var(--td-color-primary);
}
.partner-zoom .img {
    width: 100% !important;
    height: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.partner-zoom .img-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.partner-zoom img {
    max-height: 42px !important;
    width: auto !important;
    max-width: 85% !important;
    object-fit: contain;
    transition: transform 0.3s ease;
}
.partner-zoom:hover img {
    transform: scale(1.05);
}
@media (max-width: 549px) {
    .partner-zoom .col-inner {
        height: 64px;
        min-height: 64px;
        max-height: 64px;
        padding: 10px 16px;
    }
    .partner-zoom img {
        max-height: 36px !important;
    }
}
.col-count-up .col-inner {
    background: #ffffff;
    border-radius: var(--td-radius-md);
    padding: 24px;
    border: 1px solid var(--td-color-border);
    box-shadow: var(--td-shadow-sm);
    text-align: center;
    transition: var(--td-transition);
}
.col-count-up:hover .col-inner {
    transform: translateY(-4px);
    box-shadow: var(--td-shadow-md);
    border-color: var(--td-color-primary);
}
.count-up {
    font-size: 2.25rem;
    font-weight: 600;
    color: var(--td-color-primary);
    line-height: 1;
}
.col-count-up .count-up,
.col-count-up span {
    font-weight: 600 !important;
}
.eras-tab {
    display: flex;
    gap: 12px;
    justify-content: center;
    margin-bottom: 30px;
    flex-wrap: wrap;
}
.eras-tab button, .service-tab-btn {
    padding: 10px 24px;
    background: #ffffff;
    color: var(--td-color-slate);
    border: 1px solid var(--td-color-border);
    border-radius: var(--td-radius-full);
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
    transition: var(--td-transition);
    box-shadow: var(--td-shadow-sm);
}
.eras-tab button:hover, .service-tab-btn:hover {
    color: var(--td-color-primary);
    border-color: var(--td-color-primary);
    background: rgba(37, 99, 235, 0.04);
    transform: translateY(-2px);
}
.eras-tab button.active, .eras-tab button.is-selected, .service-tab-btn.active {
    background: var(--td-gradient-primary);
    color: #ffffff;
    border-color: transparent;
    box-shadow: var(--td-shadow-glow);
}
.accordion {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}
.accordion .accordion-item {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    margin-bottom: 14px !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03) !important;
    overflow: hidden !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.accordion .accordion-item:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.06) !important;
}
.accordion .accordion-item:has(> .accordion-title.active),
.accordion .accordion-item.active {
    border-color: #2563eb !important;
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.08) !important;
}
.accordion .accordion-title {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 20px 75px 20px 24px !important;
    font-weight: 700 !important;
    font-size: 1.05rem !important;
    color: #0f172a !important;
    background: transparent !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    border-bottom: none !important;
}
.accordion .accordion-title:hover {
    color: #2563eb !important;
}
.accordion .accordion-title span {
    flex: 1 1 auto;
    font-weight: 700;
    line-height: 1.5;
    padding-right: 14px;
}
.accordion .accordion-title .toggle,
.accordion .accordion-title button.toggle {
    position: absolute !important;
    right: 20px !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    background: #f1f5f9 !important;
    border: none !important;
    border-radius: 50% !important;
    color: #64748b !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    pointer-events: none !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.accordion .accordion-title .toggle i {
    display: inline-block !important;
    font-size: 14px !important;
    line-height: 1 !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    transform-origin: center center !important;
}
.accordion .accordion-title:hover .toggle {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}
.accordion .accordion-title.active {
    color: #2563eb !important;
    background: transparent !important;
    border-bottom: 1px solid #f1f5f9 !important;
}
.accordion .accordion-title.active .toggle {
    background: rgba(37, 99, 235, 0.1) !important;
    color: #2563eb !important;
}
.accordion .accordion-title.active .toggle i {
    transform: rotate(180deg) !important;
}
.accordion .accordion-inner {
    padding: 20px 24px 24px 24px !important;
    color: #475569 !important;
    font-size: 0.98rem !important;
    line-height: 1.7 !important;
    background: #ffffff !important;
}
.accordion .accordion-inner p:last-child {
    margin-bottom: 0 !important;
}
.customer-section {
    overflow: hidden;
    padding: 20px 0 50px;
}
.customer-row {
    width: 100vw;
}
.customer-track {
    display: flex;
    gap: 30px;
    width: fit-content;
    animation-duration: 35s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    position: relative;
    z-index: 99;
}
.marquee-right .customer-track { animation-name: customer-marquee-right; }
.marquee-left .customer-track { animation-name: customer-marquee-left; }
@keyframes customer-marquee-right {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
@keyframes customer-marquee-left {
    from { transform: translateX(-50%); }
    to { transform: translateX(0); }
}
.customer-card {
    flex: 0 0 160px;
    max-width: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 18px;
    border-radius: 16px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    transition: var(--td-transition);
}
.customer-card img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.6;
    transition: var(--td-transition);
}
.customer-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--td-shadow-md);
    border-color: var(--td-color-primary);
}
.customer-card:hover img {
    filter: grayscale(0%);
    opacity: 1;
}
#promo-popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .45);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999999;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease;
}
#promo-popup-overlay.show {
    opacity: 1;
    visibility: visible;
}
.promo-popup {
    width: 380px;
    max-width: 92%;
    background: linear-gradient(180deg, #fff, #eef8ff);
    border-radius: 22px;
    padding: 26px 22px;
    text-align: center;
    position: relative;
    box-shadow: 0 30px 60px rgba(0, 0, 0, .3);
    transform: scale(.9) translateY(20px);
    opacity: 0;
    transition: .4s cubic-bezier(.4, 0, .2, 1);
}
#promo-popup-overlay.show .promo-popup {
    transform: scale(1) translateY(0);
    opacity: 1;
}
.popup-close {
    position: absolute;
    top: 7px;
    right: -12px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    background: #f1f5f9;
    font-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup-icon {
    width: 56px;
    height: 56px;
    margin: 0 auto 12px;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup-icon svg { width: 28px; height: 28px; fill: #fff; }
.popup-btn {
    display: block;
    background: var(--td-gradient-primary);
    color: #fff !important;
    padding: 14px;
    border-radius: 14px;
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 12px;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.35);
}
.footer-wrapper {
    background-color: rgb(15, 23, 41) !important;
}
.td-social-wrap {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}
.td-social {
    width: 38px;
    height: 38px;
    background: #1e293b;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    transition: var(--td-transition);
    text-decoration: none !important;
    border: 1px solid rgba(255, 255, 255, 0.08);
}
.td-social:hover {
    background-color: var(--td-color-primary) !important;
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.35);
    color: #ffffff !important;
}
.menu-footer .ux-menu-link {
    margin-bottom: 6px;
}
.menu-footer .ux-menu-link .ux-menu-link__link {
    color: #94a3b8 !important;
    font-size: 0.9rem !important;
    padding: 3px 0 !important;
}
.menu-footer .ux-menu-link .ux-menu-link__link:hover {
    color: #ffffff !important;
    transform: translateX(4px);
}
.absolute-footer {
    background-color: rgb(11, 17, 31) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    padding: 16px 0 !important;
}
.absolute-footer .copyright-footer {
    color: #64748b !important;
    font-size: 0.85rem !important;
}
.absolute-footer .copyright-footer strong {
    color: #94a3b8 !important;
}
@media (max-width: 767px) {
    .hero-headline { font-size: 2.1rem !important; }
    .col-count-up { margin-bottom: 12px; }
    .service-item-card { margin-bottom: 16px; }
    .mega-menu-wrapper { min-width: 100%; flex-direction: column; }
}
.wpcf7 {
    position: relative;
    width: 100%;
}
.wpcf7-form {
    position: relative;
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 20px;
    padding: 36px 32px 30px 32px;
    border: 1px solid var(--td-color-border, #e2e8f0);
    box-shadow: 0 12px 36px -4px rgba(15, 23, 42, 0.07), 0 4px 12px -2px rgba(15, 23, 42, 0.03);
    box-sizing: border-box;
}
.no-cf7-bg .wpcf7-form,
.wpcf7-form.no-cf7-bg,
.wpcf7.no-cf7-bg .wpcf7-form {
    position: relative;
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    box-sizing: border-box;
}
.wpcf7-form .cf7-consult-form,
.wpcf7-form .cf7-form-wrap {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}
.cf7-consult-form .cf7-row,
.cf7-form-wrap .cf7-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 20px;
    margin-bottom: 18px;
}
.cf7-consult-form .cf7-row.full,
.cf7-form-wrap .cf7-field.full {
    grid-column: 1 / -1;
    display: block;
}
.cf7-consult-form .cf7-row.submit,
.cf7-form-wrap .cf7-submit {
    grid-column: 1 / -1;
    display: block;
    margin-top: 8px;
    margin-bottom: 0;
    position: relative;
}
.cf7-consult-form .cf7-col {
    display: flex;
    flex-direction: column;
}
.cf7-consult-form p,
.cf7-form-wrap p {
    margin-bottom: 0 !important;
}
.cf7-consult-form br,
.cf7-form-wrap br {
    display: none !important;
}
.wpcf7-form > p {
    margin-bottom: 16px;
}
.wpcf7-form > p:last-child {
    margin-bottom: 0;
}
.wpcf7-form label {
    display: block;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    color: #334155 !important;
    margin-bottom: 8px !important;
    line-height: 1.4 !important;
    letter-spacing: -0.01em;
}
.wpcf7-form label .req,
.wpcf7-form label span.req {
    color: #ef4444 !important;
    font-weight: 700 !important;
    margin-left: 2px;
}
.wpcf7-form .wpcf7-form-control-wrap {
    display: block;
    position: relative;
    width: 100%;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="date"],
.wpcf7-form select,
.wpcf7-form textarea {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background-color: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 12px 16px !important;
    font-family: var(--td-font-primary) !important;
    font-size: 0.9375rem !important;
    font-weight: 500 !important;
    color: #0f172a !important;
    line-height: 1.5 !important;
    box-shadow: none !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    outline: none !important;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="number"],
.wpcf7-form select {
    height: 48px !important;
}
.wpcf7-form textarea {
    min-height: 100px !important;
    resize: vertical !important;
    padding: 14px 16px !important;
}
.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
    color: #94a3b8 !important;
    font-weight: 400 !important;
    font-size: 0.9rem !important;
}
.wpcf7-form input[type="text"]:hover,
.wpcf7-form input[type="email"]:hover,
.wpcf7-form input[type="tel"]:hover,
.wpcf7-form select:hover,
.wpcf7-form textarea:hover {
    border-color: #cbd5e1 !important;
    background-color: #ffffff !important;
}
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus {
    border-color: #2563eb !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12) !important;
}
.wpcf7-form select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23475569' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 16px 16px !important;
    padding-right: 42px !important;
    cursor: pointer;
}
.wpcf7-form input[type="submit"],
.wpcf7-form button[type="submit"],
.wpcf7-form .wpcf7-submit,
.wpcf7-form .btn-submit {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 52px !important;
    padding: 14px 32px !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
    color: #ffffff !important;
    font-family: var(--td-font-primary) !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
    text-transform: none !important;
    border: none !important;
    border-radius: 9999px !important;
    cursor: pointer !important;
    box-shadow: 0 10px 22px -4px rgba(37, 99, 235, 0.38) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    margin: 8px 0 0 0 !important;
    position: relative !important;
}
.wpcf7-form input[type="submit"]:hover,
.wpcf7-form button[type="submit"]:hover,
.wpcf7-form .wpcf7-submit:hover,
.wpcf7-form .btn-submit:hover {
    background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%) !important;
    box-shadow: 0 14px 28px -4px rgba(37, 99, 235, 0.5) !important;
    transform: translateY(-2px) !important;
    color: #ffffff !important;
}
.wpcf7-form input[type="submit"]:active,
.wpcf7-form button[type="submit"]:active,
.wpcf7-form .wpcf7-submit:active,
.wpcf7-form .btn-submit:active {
    transform: translateY(0) !important;
    box-shadow: 0 6px 14px -2px rgba(37, 99, 235, 0.35) !important;
}
.wpcf7-form .wpcf7-spinner {
    position: absolute !important;
    right: 24px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    background-color: transparent !important;
    width: 22px !important;
    height: 22px !important;
    border: 3px solid rgba(255, 255, 255, 0.3) !important;
    border-top-color: #ffffff !important;
    border-radius: 50% !important;
    animation: cf7-spin 0.8s linear infinite !important;
}
@keyframes cf7-spin {
    to { transform: translateY(-50%) rotate(360deg); }
}
.wpcf7-not-valid-tip {
    color: #ef4444 !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    margin-top: 6px !important;
    display: block !important;
    line-height: 1.3 !important;
}
.wpcf7-form input.wpcf7-not-valid,
.wpcf7-form select.wpcf7-not-valid,
.wpcf7-form textarea.wpcf7-not-valid {
    border-color: #ef4444 !important;
    background-color: #fff8f8 !important;
    box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.1) !important;
}
.wpcf7-form .wpcf7-response-output {
    margin: 18px 0 0 0 !important;
    padding: 14px 20px !important;
    border-radius: 14px !important;
    font-size: 0.92rem !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
}
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7-form .wpcf7-mail-sent-ok,
.wpcf7-response-output[data-status="sent"] {
    background-color: #f0fdf4 !important;
    border: 1.5px solid #86efac !important;
    color: #166534 !important;
    box-shadow: 0 4px 12px rgba(34, 197, 94, 0.08) !important;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7-response-output[data-status="invalid"] {
    background-color: #fef2f2 !important;
    border: 1.5px solid #fca5a5 !important;
    color: #991b1b !important;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.08) !important;
}
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7-response-output[data-status="spam"],
.wpcf7-response-output[data-status="failed"] {
    background-color: #fffbeb !important;
    border: 1.5px solid #fde68a !important;
    color: #92400e !important;
}
@media (max-width: 767px) {
    .wpcf7-form,
    .cf7-consult-form,
    .cf7-form-wrap {
        padding: 24px 18px 20px 18px !important;
        border-radius: 16px !important;
    }
    .cf7-consult-form .cf7-row,
    .cf7-form-wrap .cf7-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        margin-bottom: 14px !important;
    }
    .wpcf7-form input[type="submit"],
    .wpcf7-form button[type="submit"],
    .wpcf7-form .btn-submit {
        font-size: 0.98rem !important;
        padding: 13px 20px !important;
        min-height: 48px !important;
    }
}
.pt-0 { padding-top: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }
.mt-0 { margin-top: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.hero-headline {
    font-size: 2.35rem;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.25;
    margin-bottom: 16px;
    letter-spacing: -0.02em;
}
@media (max-width: 768px) {
    .hero-headline {
        font-size: 1.85rem;
    }
}
.hero-subheadline {
    font-size: 1.05rem;
    color: #475569;
    max-width: 820px;
    margin: 0 auto 28px;
    line-height: 1.65;
}
.contact-info-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 32px 28px;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-sizing: border-box;
    position: relative;
}
.contact-info-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 36px rgba(37, 99, 235, 0.1);
    border-color: #93c5fd;
}
.col-inner > .text:has(.contact-info-card),
.col-inner:has(.contact-info-card) {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
.contact-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.contact-card-title {
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 12px 0 !important;
    letter-spacing: -0.02em;
    line-height: 1.35;
    text-align: center;
}
.contact-card-text {
    color: #64748b;
    font-size: 0.95rem;
    line-height: 1.65;
    margin: 0 0 8px 0;
    text-align: center;
}
.contact-card-meta {
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.5;
    margin: 0 0 8px 0;
    text-align: center;
}
.contact-card-meta strong {
    color: #0f172a;
    font-weight: 700;
}
.contact-card-footer {
    margin-top: auto;
    padding-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-info-card a.contact-card-btn,
.contact-card-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #2563eb !important;
    font-weight: 700;
    font-size: 0.95rem;
    text-decoration: none !important;
    transition: all 0.2s ease;
}
.contact-info-card a.contact-card-btn::after {
    content: " →";
    display: inline-block;
    transition: transform 0.2s ease;
    font-weight: 800;
}
.contact-info-card a.contact-card-btn:hover::after {
    transform: translateX(4px);
}
.contact-info-card a.contact-card-btn-hotline {
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    color: #2563eb !important;
    padding: 8px 20px;
    background: #eff6ff;
    border-radius: 9999px;
    border: 1px solid #bfdbfe;
    letter-spacing: 0.02em;
    transition: all 0.2s ease;
}
.contact-info-card a.contact-card-btn-hotline::after {
    content: "";
}
.contact-info-card a.contact-card-btn-hotline:hover {
    background: #2563eb;
    color: #ffffff !important;
    border-color: #2563eb;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);
}
.service-feature-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 12px;
    font-size: 0.95rem;
    color: #334155;
    line-height: 1.5;
}
.service-feature-item::before {
    content: "✓";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    min-width: 20px;
    background: #dcfce7;
    color: #16a34a;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 800;
    margin-top: 2px;
}
.service-item-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 30px 24px;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
    transition: var(--td-transition);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.service-item-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08);
    border-color: #2563eb;
}
.service-pill-tag {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 14px;
}
.tag-shopee { background: #fff1ed; color: #ee4d2d; }
.tag-facebook { background: #eef2ff; color: #1877f2; }
.tag-tiktok { background: #f1f5f9; color: #0f172a; }
.tag-media { background: #fdf2f8; color: #db2777; }
.workflow-number {
    font-size: 2.5rem;
    font-weight: 900;
    line-height: 1;
    color: #3b82f6;
    margin-bottom: 12px;
    letter-spacing: -0.05em;
    transition: var(--td-transition);
    opacity: 0.85;
}
.col:hover .workflow-number {
    color: #60a5fa;
    transform: scale(1.08);
    opacity: 1;
}
.news-category-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin-bottom: 30px;
}
.news-category-pills a {
    padding: 8px 20px;
    background: #f1f5f9;
    border-radius: 999px;
    color: #475569;
    font-weight: 600;
    font-size: 0.88rem;
    transition: var(--td-transition);
    text-decoration: none;
}
.news-category-pills a:hover,
.news-category-pills a.active {
    background: #2563eb;
    color: #ffffff;
}
.row > .col:not(.is-sticky-column),
.row-inner > .col:not(.is-sticky-column),
.row.equal-heights > .col,
.row.row-equal > .col,
.row.align-equal > .col {
    display: flex;
    flex-direction: column;
}
.row > .col:not(.is-sticky-column) > .col-inner,
.row-inner > .col:not(.is-sticky-column) > .col-inner,
.row.equal-heights > .col > .col-inner,
.row.row-equal > .col > .col-inner,
.row.align-equal > .col > .col-inner,
.col-inner.has-equal-height {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
.col-inner > .service-item-card,
.col-inner > .td-problem-card,
.col-inner > .contact-info-card,
.col-inner > .pricing-box,
.col-inner > .price-block,
.col-inner > .card,
.col-inner > .card-modern,
.col-inner > .card-box,
.col-inner > .box,
.col-inner > .icon-box {
    width: 100%;
    height: 100%;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}
.col-inner > .button:last-child,
.col-inner > p:last-child .button,
.col-inner > .col-inner-bottom,
.col-inner > .card-footer,
.service-item-card > div:last-child {
    margin-top: auto;
}
.cta-buttons-grid,
.hero-cta-buttons,
.contact-buttons-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 680px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 24px !important;
    margin-bottom: 8px !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
}
.cta-buttons-grid .button,
.hero-cta-buttons .button,
.contact-buttons-wrapper .button {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 13px 20px !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    border-radius: 9999px !important;
    box-sizing: border-box !important;
    height: 100% !important;
    line-height: 1.3 !important;
}
.cta-buttons-grid .button span,
.hero-cta-buttons .button span,
.contact-buttons-wrapper .button span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (max-width: 768px) {
    .cta-buttons-grid,
    .hero-cta-buttons,
    .contact-buttons-wrapper {
        grid-template-columns: 1fr !important;
        max-width: 100% !important;
        gap: 12px !important;
    }
    .cta-buttons-grid .button,
    .hero-cta-buttons .button,
    .contact-buttons-wrapper .button {
        white-space: normal !important;
        padding: 12px 16px !important;
    }
    .cta-buttons-grid .button span,
    .hero-cta-buttons .button span,
    .contact-buttons-wrapper .button span {
        white-space: normal !important;
    }
}
.topdata-service-reg-section {
    padding: 70px 20px !important;
    width: 100% !important;
    position: relative !important;
    box-sizing: border-box !important;
}
.topdata-service-reg-container {
    max-width: 900px !important;
    margin: 0 auto !important;
    width: 100% !important;
}
.topdata-service-reg-header {
    text-align: center !important;
    margin-bottom: 30px !important;
}
.topdata-service-reg-title {
    font-size: 2.2rem !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    line-height: 1.3 !important;
    margin-top: 12px !important;
    margin-bottom: 10px !important;
    letter-spacing: -0.02em !important;
}
.topdata-service-reg-sub {
    font-size: 1.05rem !important;
    color: #64748b !important;
    max-width: 680px !important;
    margin: 0 auto !important;
    line-height: 1.6 !important;
}
.topdata-service-reg-card {
    width: 100% !important;
    position: relative !important;
}
.topdata-service-reg-footer {
    margin-top: 28px !important;
    text-align: center !important;
}
.topdata-reg-hotline {
    font-size: 0.98rem !important;
    color: #475569 !important;
    margin-bottom: 20px !important;
}
.topdata-reg-hotline .hotline-number {
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    color: var(--td-color-primary) !important;
    text-decoration: none !important;
    margin-left: 6px !important;
    transition: var(--td-transition) !important;
}
.topdata-reg-hotline .hotline-number:hover {
    color: var(--td-color-primary-dark) !important;
    text-decoration: underline !important;
}
.topdata-reg-trust-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 14px 28px !important;
    padding-top: 18px !important;
    border-top: 1px solid #f1f5f9 !important;
}
.topdata-reg-trust-list .trust-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 0.92rem !important;
    color: #475569 !important;
}
.topdata-reg-trust-list .trust-item strong {
    color: #0f172a !important;
}
@media (max-width: 768px) {
    .topdata-service-reg-section {
        padding: 45px 15px !important;
    }
    .topdata-service-reg-title {
        font-size: 1.6rem !important;
    }
    .topdata-reg-trust-list {
        flex-direction: column !important;
        align-items: center !important;
        gap: 10px !important;
    }
}
#section_news_hero {
    background-color: #f8fafc;
    padding: 55px 0 45px 0;
    border-bottom: 1px solid #e2e8f0;
}
.hero-news-title {
    font-size: 2.65rem;
    font-weight: 800;
    color: #0F1729;
    line-height: 1.25;
    margin-bottom: 14px;
    text-align: center;
}
.hero-news-subtitle {
    font-size: 1.08rem;
    color: #64748B;
    max-width: 640px;
    margin: 0 auto 28px auto;
    line-height: 1.6;
    text-align: center;
}
.custom-search-form {
    position: relative;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
}
.custom-search-form input.custom-search-input {
    width: 100%;
    height: 52px;
    padding: 0 20px 0 50px;
    background: #ffffff;
    border: 1.5px solid #E2E8F0;
    border-radius: 16px;
    font-size: 0.95rem;
    color: #0F1729;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
    transition: all 0.25s ease;
}
.custom-search-form input.custom-search-input:hover {
    border-color: #2563EB;
}
.custom-search-form input.custom-search-input:focus {
    outline: none;
    border-color: #2563EB;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.16);
    background: #ffffff;
}
.custom-search-form .search-icon {
    position: absolute;
    top: 50%;
    left: 18px;
    transform: translateY(-50%);
    color: #94A3B8;
    pointer-events: none;
    display: flex;
    align-items: center;
}
.section-news-content {
    background-color: #f8fafc;
    padding: 40px 0 60px 0;
}
.tab-kien-thuc {
    margin-bottom: 35px;
}
.tab-kien-thuc ul.nav-pills {
    display: inline-flex;
    gap: 8px;
    padding: 6px;
    background: #ffffff;
    border: 1px solid #E2E8F0;
    border-radius: 50px;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03);
    margin: 0 auto 35px auto;
}
.tab-kien-thuc ul.nav-pills li.tab {
    margin: 0;
}
.tab-kien-thuc ul.nav-pills li.tab a {
    display: inline-flex;
    align-items: center;
    padding: 9px 22px;
    border-radius: 50px;
    font-size: 0.92rem;
    font-weight: 600;
    color: #475569;
    transition: all 0.25s ease;
    border: none !important;
    background: transparent;
    white-space: nowrap;
}
.tab-kien-thuc ul.nav-pills li.tab.active a,
.tab-kien-thuc ul.nav-pills li.tab a:hover {
    background: #2563EB !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}
@media (max-width: 768px) {
    .tab-kien-thuc ul.nav-pills {
        width: 100%;
        overflow-x: auto;
        flex-wrap: nowrap;
        justify-content: flex-start;
        border-radius: 16px;
        padding: 6px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .tab-kien-thuc ul.nav-pills::-webkit-scrollbar {
        display: none;
    }
    .tab-kien-thuc ul.nav-pills li.tab {
        flex: 0 0 auto;
    }
    .tab-kien-thuc ul.nav-pills li.tab a {
        padding: 8px 16px;
        font-size: 0.85rem;
    }
}
.news-block-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}
.news-block-title {
    font-size: 1.35rem;
    font-weight: 800;
    color: #0F1729;
    position: relative;
    padding-left: 14px;
    margin: 0;
}
.news-block-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 18px;
    border-radius: 4px;
    background: #2563EB;
}
.box-blog-post {
    background: #ffffff;
    border: 1px solid #E2E8F0;
    border-radius: 18px;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03);
}
.box-blog-post:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 32px -8px rgba(15, 23, 42, 0.08), 0 4px 12px -2px rgba(37, 99, 235, 0.06);
    border-color: #CBD5E1;
}
.box-blog-post .box-image {
    width: 100% !important;
    overflow: hidden !important;
    position: relative !important;
    border-radius: 17px 17px 0 0 !important;
    flex-shrink: 0 !important;
}
.box-blog-post .box-image .image-cover {
    width: 100% !important;
    position: relative !important;
    height: 0 !important;
    overflow: hidden !important;
}
.box-blog-post .box-image .image-cover > a {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}
.box-blog-post .box-image img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.5s ease !important;
}
.box-blog-post:hover .box-image img {
    transform: scale(1.06) !important;
}
.box-blog-post .box-image .post-placeholder-img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f1f5f9 !important;
}
.box-blog-post .box-text {
    padding: 20px 22px 24px 22px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.box-blog-post .post-title {
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.45;
    margin-bottom: 8px;
}
.box-blog-post .post-title a {
    color: #0F1729;
    transition: color 0.2s ease;
}
.box-blog-post:hover .post-title a {
    color: #2563EB;
}
.box-blog-post .post-meta {
    font-size: 0.82rem;
    color: #94A3B8;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 12px;
}
.box-blog-post .is-divider {
    height: 1px;
    background: #F1F5F9;
    margin: 10px 0 12px 0;
    width: 100%;
}
.box-blog-post .from_the_blog_excerpt {
    font-size: 0.875rem;
    color: #64748B;
    line-height: 1.6;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.post-cat-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    background: rgba(15, 23, 42, 0.75);
    backdrop-filter: blur(4px);
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 50px;
    transition: background 0.2s ease;
}
.box-blog-post:hover .post-cat-badge {
    background: #2563EB;
}
.post-placeholder-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #F1F5F9;
    display: flex;
    align-items: center;
    justify-content: center;
}
.row-featured-news .box-blog-post .post-title {
    font-size: 1.18rem;
}
.btn-see-all-cat {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 28px;
    border-radius: 50px;
    background: #ffffff;
    border: 1.5px solid #E2E8F0;
    color: #2563EB;
    font-weight: 600;
    font-size: 0.92rem;
    transition: all 0.25s ease;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.03);
    text-decoration: none;
}
.btn-see-all-cat:hover {
    background: #2563EB;
    color: #ffffff;
    border-color: #2563EB;
    transform: translateY(-2px);
    box-shadow: 0 8px 16px -4px rgba(37, 99, 235, 0.3);
}
.topdata-pagination-wrapper ul.page-numbers {
    display: inline-flex;
    gap: 8px;
    padding: 0;
    margin: 0;
    list-style: none;
    align-items: center;
    justify-content: center;
}
.topdata-pagination-wrapper .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    padding: 0 14px;
    border-radius: 12px;
    background: #ffffff;
    border: 1px solid #E2E8F0;
    color: #475569;
    font-weight: 600;
    font-size: 0.92rem;
    text-decoration: none;
    transition: all 0.2s ease;
}
.topdata-pagination-wrapper .page-numbers.current {
    background: #2563EB;
    color: #ffffff;
    border-color: #2563EB;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);
}
.topdata-pagination-wrapper .page-numbers:hover:not(.current) {
    background: #F8FAFC;
    border-color: #CBD5E1;
    color: #2563EB;
    transform: translateY(-1px);
}
.section-pre-footer {
    background: linear-gradient(180deg, #09133B 0%, #102D73 55%, #1844A4 100%);
    padding: 70px 0 65px 0;
    color: #ffffff;
    position: relative;
    overflow: hidden;
}
.section-pre-footer::before {
    content: "";
    position: absolute;
    top: -50%;
    right: -20%;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(37, 99, 235, 0.2) 0%, transparent 70%);
    pointer-events: none;
}
.newsletter-title {
    color: #ffffff !important;
    font-size: 2.2rem;
    font-weight: 800;
    margin-bottom: 14px;
    text-align: center;
    letter-spacing: -0.02em;
}
.newsletter-sub {
    color: #D8E6FD !important;
    font-size: 1.05rem;
    margin: 0 auto 36px auto;
    text-align: center;
    max-width: 620px;
    line-height: 1.6;
    opacity: 0.95;
}
#section_newsletter_blog .wpcf7,
#section_newsletter_blog .wpcf7-form {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}
.cf7-subscribe-wrap {
    max-width: 620px;
    margin: 0 auto;
    width: 100%;
}
.cf7-subscribe-form {
    background: #ffffff !important;
    border-radius: 28px !important;
    padding: 36px 42px 38px 42px !important;
    box-shadow: 0 20px 45px -10px rgba(0, 0, 0, 0.22), 0 8px 18px -4px rgba(0, 0, 0, 0.08) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    border: none !important;
    box-sizing: border-box !important;
    width: 100% !important;
}
.cf7-subscribe-form p {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    display: block !important;
}
.cf7-subscribe-form .wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}
.cf7-subscribe-form input.cf7-subscribe-input {
    width: 100% !important;
    height: 52px !important;
    background: #ffffff !important;
    border: 1.5px solid #3B82F6 !important;
    border-radius: 14px !important;
    padding: 0 20px !important;
    font-size: 1rem !important;
    color: #0F172A !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    display: block !important;
}
.cf7-subscribe-form input.cf7-subscribe-input::placeholder {
    color: #94A3B8 !important;
    font-size: 0.98rem !important;
}
.cf7-subscribe-form input.cf7-subscribe-input:focus {
    border-color: #2563EB !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2) !important;
    outline: none !important;
}
.cf7-subscribe-form input.cf7-subscribe-btn {
    width: 100% !important;
    height: 50px !important;
    background: #1D68F2 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 9999px !important;
    font-weight: 700 !important;
    font-size: 1.05rem !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-shadow: 0 4px 14px rgba(29, 104, 242, 0.35) !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 50px !important;
    letter-spacing: 0.01em !important;
}
.cf7-subscribe-form input.cf7-subscribe-btn:hover {
    background: #1859D3 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(29, 104, 242, 0.45) !important;
}
.cf7-subscribe-form input.cf7-subscribe-btn:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 8px rgba(29, 104, 242, 0.3) !important;
}
.cf7-subscribe-wrap .wpcf7-response-output {
    margin: 16px 0 0 0 !important;
    padding: 10px 16px !important;
    border-radius: 12px !important;
    font-size: 0.9rem !important;
    text-align: center !important;
    color: #ffffff !important;
}
@media (max-width: 549px) {
    .section-pre-footer {
        padding: 50px 0 45px 0;
    }
    .newsletter-title {
        font-size: 1.75rem;
    }
    .newsletter-sub {
        font-size: 0.95rem;
        margin-bottom: 26px;
    }
    .cf7-subscribe-form {
        padding: 24px 20px !important;
        border-radius: 20px !important;
    }
    .cf7-subscribe-form input.cf7-subscribe-input {
        height: 48px !important;
    }
    .cf7-subscribe-form input.cf7-subscribe-btn {
        height: 48px !important;
        line-height: 48px !important;
    }
}
:root {
    --td-brand-red: #ED3237;
    --td-brand-red-hover: #D92328;
    --td-brand-red-light: #FFF5F5;
    --td-brand-red-border: rgba(237, 50, 55, 0.16);
    --td-brand-red-shadow: rgba(237, 50, 55, 0.25);
    --td-shopee-orange: #F35731;
    --td-shopee-orange-hover: #E0401A;
    --td-shopee-orange-light: #FEF4F0;
    --td-shopee-orange-border: #F5E2DA;
    --td-shopee-orange-shadow: rgba(243, 87, 49, 0.25);
}
.style-red,
span.style-red,
p.style-red,
h1.style-red,
h2.style-red,
h3.style-red,
h4.style-red,
h5.style-red,
h6.style-red {
    color: var(--td-brand-red) !important;
}
.bg-style-red {
    background-color: var(--td-brand-red) !important;
    color: #ffffff !important;
}
.border-style-red {
    border-color: var(--td-brand-red) !important;
}
.hero-pill-badge.style-red,
.badge-style-red,
.badge.style-red,
.style-red.hero-pill-badge {
    background: rgba(237, 50, 55, 0.08) !important;
    border: 1.5px solid rgba(237, 50, 55, 0.22) !important;
    color: var(--td-brand-red) !important;
}
.hero-pill-badge.style-red svg,
.style-red.hero-pill-badge svg {
    color: var(--td-brand-red) !important;
    stroke: var(--td-brand-red) !important;
}
.button.style-red,
.btn-style-red,
.style-red > .button,
.style-red.button {
    background: linear-gradient(135deg, #ED3237 0%, #D92328 100%) !important;
    border-color: #ED3237 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px -4px rgba(237, 50, 55, 0.38) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.button.style-red:hover,
.btn-style-red:hover,
.style-red > .button:hover,
.style-red.button:hover {
    background: linear-gradient(135deg, #D92328 0%, #B91C1C 100%) !important;
    border-color: #D92328 !important;
    color: #ffffff !important;
    box-shadow: 0 12px 26px -4px rgba(237, 50, 55, 0.48) !important;
    transform: translateY(-2px) !important;
}
.box.style-red,
.card.style-red,
.col-inner.style-red,
.style-red.col-inner {
    background: var(--td-brand-red-light) !important;
    border: 1px solid var(--td-brand-red-border) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
.box.style-red:hover,
.card.style-red:hover,
.col-inner.style-red:hover,
.style-red.col-inner:hover {
    box-shadow: 0 12px 28px rgba(237, 50, 55, 0.12) !important;
    border-color: rgba(237, 50, 55, 0.3) !important;
    transform: translateY(-3px) !important;
}
.style-red .icon-box-img,
.style-red .icon-box,
.style-red .icon-badge,
.icon-box.style-red .icon-box-img {
    background: var(--td-brand-red) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 16px rgba(237, 50, 55, 0.35) !important;
}
.style-red .icon-box svg,
.icon-box.style-red svg {
    color: #ffffff !important;
    fill: currentColor !important;
}
.section.style-red,
.section-red {
    background: linear-gradient(135deg, #0F1729 0%, #7F1D1D 50%, #ED3237 100%) !important;
    color: #ffffff !important;
}
.style-orange,
span.style-orange,
p.style-orange,
h1.style-orange,
h2.style-orange,
h3.style-orange,
h4.style-orange,
h5.style-orange,
h6.style-orange {
    color: var(--td-shopee-orange) !important;
}
.bg-style-orange {
    background-color: var(--td-shopee-orange) !important;
    color: #ffffff !important;
}
.border-style-orange {
    border-color: var(--td-shopee-orange) !important;
}
.hero-pill-badge.style-orange,
.badge-style-orange,
.badge.style-orange,
.style-orange.hero-pill-badge {
    background: rgba(243, 87, 49, 0.08) !important;
    border: 1.5px solid rgba(243, 87, 49, 0.22) !important;
    color: var(--td-shopee-orange) !important;
}
.hero-pill-badge.style-orange svg,
.style-orange.hero-pill-badge svg {
    color: var(--td-shopee-orange) !important;
    stroke: var(--td-shopee-orange) !important;
}
.button.style-orange,
.btn-style-orange,
.style-orange > .button,
.style-orange.button {
    background: linear-gradient(135deg, #F35731 0%, #E0401A 100%) !important;
    border-color: #F35731 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px -4px rgba(243, 87, 49, 0.38) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.button.style-orange:hover,
.btn-style-orange:hover,
.style-orange > .button:hover,
.style-orange.button:hover {
    background: linear-gradient(135deg, #E0401A 0%, #C23312 100%) !important;
    border-color: #E0401A !important;
    color: #ffffff !important;
    box-shadow: 0 12px 26px -4px rgba(243, 87, 49, 0.48) !important;
    transform: translateY(-2px) !important;
}
.box.style-orange,
.card.style-orange,
.col-inner.style-orange,
.style-orange.col-inner {
    background: var(--td-shopee-orange-light) !important;
    border: 1px solid var(--td-shopee-orange-border) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
.box.style-orange:hover,
.card.style-orange:hover,
.col-inner.style-orange:hover,
.style-orange.col-inner:hover {
    box-shadow: 0 12px 28px rgba(243, 87, 49, 0.12) !important;
    border-color: rgba(243, 87, 49, 0.3) !important;
    transform: translateY(-3px) !important;
}
.style-orange .icon-box-img,
.style-orange .icon-box,
.style-orange .icon-badge,
.icon-box.style-orange .icon-box-img {
    background: var(--td-shopee-orange) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 16px rgba(243, 87, 49, 0.3) !important;
}
.style-orange .icon-box svg,
.icon-box.style-orange svg {
    color: #ffffff !important;
    fill: currentColor !important;
}
.section.style-orange,
.section-orange {
    background: linear-gradient(135deg, #0F1729 0%, #C23312 50%, #F35731 100%) !important;
    color: #ffffff !important;
}
:root {
    --td-meta-blue: #1877F2;
    --td-meta-blue-hover: #0866FF;
    --td-meta-blue-light: #F0F7FF;
    --td-meta-blue-border: rgba(24, 119, 242, 0.16);
    --td-meta-blue-shadow: rgba(24, 119, 242, 0.25);
}
.style-blue,
.style-meta,
.style-facebook,
span.style-blue,
p.style-blue,
h1.style-blue,
h2.style-blue,
h3.style-blue,
h4.style-blue,
h5.style-blue,
h6.style-blue {
    color: var(--td-meta-blue) !important;
}
.bg-style-blue,
.bg-style-meta,
.bg-style-facebook {
    background-color: var(--td-meta-blue) !important;
    color: #ffffff !important;
}
.border-style-blue,
.border-style-meta,
.border-style-facebook {
    border-color: var(--td-meta-blue) !important;
}
.hero-pill-badge.style-blue,
.badge-style-blue,
.badge.style-blue,
.style-blue.hero-pill-badge,
.hero-pill-badge.style-meta,
.style-meta.hero-pill-badge {
    background: rgba(24, 119, 242, 0.08) !important;
    border: 1.5px solid rgba(24, 119, 242, 0.22) !important;
    color: var(--td-meta-blue) !important;
}
.hero-pill-badge.style-blue svg,
.style-blue.hero-pill-badge svg,
.hero-pill-badge.style-meta svg {
    color: var(--td-meta-blue) !important;
    stroke: var(--td-meta-blue) !important;
}
.button.style-blue,
.btn-style-blue,
.style-blue > .button,
.style-blue.button,
.button.style-meta,
.button.style-facebook {
    background: linear-gradient(135deg, #1877F2 0%, #0866FF 100%) !important;
    border-color: #1877F2 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px -4px rgba(24, 119, 242, 0.38) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.button.style-blue:hover,
.btn-style-blue:hover,
.style-blue > .button:hover,
.style-blue.button:hover,
.button.style-meta:hover,
.button.style-facebook:hover {
    background: linear-gradient(135deg, #0866FF 0%, #0052CC 100%) !important;
    border-color: #0866FF !important;
    color: #ffffff !important;
    box-shadow: 0 12px 26px -4px rgba(24, 119, 242, 0.48) !important;
    transform: translateY(-2px) !important;
}
.box.style-blue,
.card.style-blue,
.col-inner.style-blue,
.style-blue.col-inner,
.box.style-meta,
.box.style-facebook {
    background: var(--td-meta-blue-light) !important;
    border: 1px solid var(--td-meta-blue-border) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
.box.style-blue:hover,
.card.style-blue:hover,
.col-inner.style-blue:hover,
.style-blue.col-inner:hover,
.box.style-meta:hover,
.box.style-facebook:hover {
    box-shadow: 0 12px 28px rgba(24, 119, 242, 0.12) !important;
    border-color: rgba(24, 119, 242, 0.3) !important;
    transform: translateY(-3px) !important;
}
.style-blue .icon-box-img,
.style-blue .icon-box,
.style-blue .icon-badge,
.icon-box.style-blue .icon-box-img,
.style-meta .icon-box-img,
.style-facebook .icon-box-img {
    background: var(--td-meta-blue) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 16px rgba(24, 119, 242, 0.3) !important;
}
.style-blue .icon-box svg,
.icon-box.style-blue svg,
.style-meta .icon-box svg,
.style-facebook .icon-box svg {
    color: #ffffff !important;
    fill: currentColor !important;
}
.section.style-blue,
.section-blue,
.section.style-meta,
.section.style-facebook {
    background: linear-gradient(135deg, #0F1729 0%, #1E3A8A 50%, #1877F2 100%) !important;
    color: #ffffff !important;
}
.page-id-112 .td-problem-card:not(.style-red):not(.style-orange):not(.style-light),
.page-id-117 .td-problem-card:not(.style-red):not(.style-orange):not(.style-light),
.page-id-123 .td-problem-card:not(.style-red):not(.style-orange):not(.style-light),
.page-id-125 .td-problem-card:not(.style-red):not(.style-orange):not(.style-light),
.page-id-126 .td-problem-card:not(.style-red):not(.style-orange):not(.style-light) {
    background-color: var(--td-meta-blue-light) !important;
    border: 1px solid var(--td-meta-blue-border) !important;
}
.page-id-112 .td-problem-card:not(.style-red):not(.style-orange):not(.style-light) .td-problem-icon,
.page-id-117 .td-problem-card:not(.style-red):not(.style-orange):not(.style-light) .td-problem-icon,
.page-id-123 .td-problem-card:not(.style-red):not(.style-orange):not(.style-light) .td-problem-icon,
.page-id-125 .td-problem-card:not(.style-red):not(.style-orange):not(.style-light) .td-problem-icon,
.page-id-126 .td-problem-card:not(.style-red):not(.style-orange):not(.style-light) .td-problem-icon {
    background: var(--td-meta-blue) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 16px var(--td-meta-blue-shadow) !important;
}
.single-post #comments,
.single-post .comments-area,
.single-post .comment-respond,
.single-post #respond {
    display: none !important;
}
.topdata-related-posts-section {
    margin-top: 45px;
    margin-bottom: 30px;
    padding-top: 30px;
    border-top: 2px dashed #e2e8f0;
}
.topdata-related-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
}
.topdata-related-header-left {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.topdata-related-badge-tag {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 800;
    color: #ee4d2d;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.topdata-related-title {
    font-size: 1.35rem;
    font-weight: 800;
    color: #0f1729;
    margin: 0;
    line-height: 1.25;
}
.topdata-related-header-line {
    flex-grow: 1;
    height: 1px;
    background: linear-gradient(90deg, #e2e8f0 0%, rgba(226, 232, 240, 0) 100%);
}
.topdata-related-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 20px;
}
@media (max-width: 767px) {
    .topdata-related-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}
.topdata-related-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    background: #ffffff;
    border: 1px solid #eef2f6;
    border-radius: 14px;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.02);
}
.topdata-related-card:hover {
    transform: translateY(-3px);
    border-color: #cbd5e1;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}
.topdata-related-thumb-link {
    flex-shrink: 0;
    width: 86px !important;
    height: 86px !important;
    max-width: 86px !important;
    max-height: 86px !important;
    border-radius: 10px;
    overflow: hidden;
    background: #f1f5f9;
    display: block;
}
.topdata-related-thumb {
    width: 86px !important;
    height: 86px !important;
    max-width: 86px !important;
    max-height: 86px !important;
    object-fit: cover !important;
    display: block;
    border-radius: 10px;
    transition: transform 0.3s ease;
}
.topdata-related-card:hover .topdata-related-thumb {
    transform: scale(1.08);
}
.topdata-related-thumb-fallback {
    width: 86px;
    height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8fafc;
    border-radius: 10px;
}
.topdata-related-content {
    flex-grow: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}
.topdata-related-category {
    font-size: 0.72rem;
    font-weight: 700;
    color: #ee4d2d;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    line-height: 1;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.topdata-related-item-title {
    font-size: 0.94rem;
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.topdata-related-item-title a {
    color: #0f1729;
    text-decoration: none !important;
    transition: color 0.2s ease;
}
.topdata-related-card:hover .topdata-related-item-title a {
    color: #1877f2;
}
.topdata-related-date {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.75rem;
    color: #94a3b8;
    line-height: 1;
    margin-top: 2px;
}
.td-hub-card-body h1,
.td-hub-card-body h2,
.td-hub-card-body h3,
.td-hub-card-body h4,
.td-hub-card-body h5,
.td-hub-card-body h6 {
    font-weight: 600 !important;
}
.hsnl-hero-section {
    background: linear-gradient(180deg, #09133B 0%, #0E2560 55%, #1844A4 100%) !important;
    position: relative;
    overflow: hidden;
}
.hsnl-hero-section::before {
    content: "";
    position: absolute;
    top: -40%;
    right: -15%;
    width: 680px;
    height: 680px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(37, 99, 235, 0.28) 0%, transparent 70%);
    pointer-events: none;
}
.hsnl-hero-section::after {
    content: "";
    position: absolute;
    bottom: -30%;
    left: -10%;
    width: 550px;
    height: 550px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(237, 50, 55, 0.18) 0%, transparent 70%);
    pointer-events: none;
}
.hsnl-stats-section .col-inner {
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
}
.hsnl-stats-section .col-inner:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.1) !important;
    border-color: #CBD5E1 !important;
}
.hsnl-pillar-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.hsnl-pillar-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1) !important;
}
@media (max-width: 767px) {
    .hsnl-hero-section {
        padding: 50px 0 !important;
    }
    .hsnl-stats-section .row {
        gap: 12px;
    }
}
.td-badge-wrapper {
    position: relative;
    width: 100%;
    box-sizing: border-box;
}
.td-badge-wrapper.text-center {
    display: flex;
    justify-content: center;
}
.td-badge-wrapper.text-left {
    display: flex;
    justify-content: flex-start;
}
.td-badge-wrapper.text-right {
    display: flex;
    justify-content: flex-end;
}
.td-badge-wrapper.text-inline {
    display: inline-flex;
    width: auto;
}
.td-pill-badge {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle;
    text-decoration: none !important;
    cursor: default;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-sizing: border-box;
    max-width: 100%;
    width: auto !important;
    background: rgba(37, 99, 235, 0.08);
    border: 1px solid rgba(37, 99, 235, 0.2);
    border-radius: 9999px;
}
.td-pill-badge.is-link {
    cursor: pointer;
}
.td-pill-badge.is-link:hover {
    transform: translateY(-1.5px);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12) !important;
}
.td-badge-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
}
.td-badge-icon svg {
    display: block !important;
    max-width: 100% !important;
    max-height: 100% !important;
    flex-shrink: 0 !important;
    transition: transform 0.25s ease;
}
.td-pill-badge.is-link:hover .td-badge-icon svg {
    transform: scale(1.1);
}
.td-badge-text {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
    text-decoration: none !important;
}
@media (max-width: 549px) {
    .td-badge-text {
        white-space: normal;
        text-align: center;
    }
}