:root {
    --primary: #02254d;
    --accent: #c9a63b;
    --light: #f5f7fa;
    --text: #222;
    --muted: #666;
    --card: #fff;
    --border: #e0e0e0;
    --footer: #0b1829;
}

/* RESET */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: #fff;
    color: var(--text);
    line-height: 1.5;
}

a {
    text-decoration: none;
    color: inherit;
}

/* HEADER */
header {
    background: var(--primary);
    color: #fff;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    position: sticky;
    top: 0;
    z-index: 99;
    border: none !important;
}

.logo {
    font-weight: 800;
    font-size: 24px;
    letter-spacing: 1px;
}

nav ul {
    list-style: none;
    display: flex;
    gap: 22px;
    font-size: 14px;
    text-transform: uppercase;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

nav a:hover {
    color: var(--accent);
}

.header-cta a {
    background: var(--accent);
    color: var(--primary);
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 800;
    font-size: 14px;
    display: inline-block;
    white-space: nowrap;
}

/* HERO */
.hero {
    background:
        linear-gradient(#000000ad, #000000ad),
        url(/wp-content/uploads/2026/07/document-banner.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
    padding: 60px 40px 80px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center;
    justify-content: space-between;
}

.hero-text {
    max-width: 540px;
}

.hero-text h1 {
    font-size: 36px;
    margin-bottom: 12px;
    line-height: 1.2;
    color: white;
}

.hero-text p {
    font-size: 16px;
    margin-bottom: 20px;
    color: #e0e7ff;
}

.hero-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
}

.hero-badge {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 999px;
    padding: 4px 12px;
    font-size: 12px;
}

.hero-cta {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.btn-primary,
.btn-secondary {
    cursor: pointer;
}

.btn-primary {
    background: var(--accent);
    color: var(--primary);
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 900;
    font-size: 14px;
}

.btn-secondary {
    border: 1px solid #fff;
    color: #fff;
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 14px;
}

.hero-side {
    min-width: 260px;
    max-width: 430px;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    display: none;
}

.hero-side h3 {
    font-size: 16px;
    margin-bottom: 12px;
}

.hero-side ul {
    list-style: none;
    font-size: 14px;
    padding: 0;
    margin: 0;
}

.hero-side li {
    padding: 6px 0;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
}

/* SECTION */
.section {
    padding: 40px;
}

.section-title {
    font-size: 22px;
    margin-bottom: 8px;
}

.section-subtitle {
    font-size: 14px;
    color: var(--muted);
    margin-bottom: 20px;
    max-width: 900px;
}

/* GRID & CARDS */
.grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
}

.card {
    background: var(--light);
    border-radius: 10px;
    padding: 14px;
    border: 1px solid var(--border);
    cursor: pointer;
    transition:
        transform 0.15s ease,
        box-shadow 0.15s ease;
}

.card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.06);
}

.icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: var(--primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 13px;
    margin-bottom: 10px;
}

.card h3 {
    font-size: 14px;
    margin-bottom: 6px;
    color: var(--text);
}

.card p {
    font-size: 12px;
    color: #555;
}

/* FOOTER */
footer {
    background: var(--footer);
    color: #c9d1e0;
    padding: 30px 40px;
    font-size: 12px;
}

.footer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 20px;
    margin-bottom: 16px;
}

.footer-grid h5 {
    font-size: 13px;
    margin-bottom: 8px;
    color: #fff;
}

.footer-grid ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-grid li {
    margin-bottom: 4px;
}

.footer-bottom {
    border-top: none;
    padding-top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.footer-bottom a {
    color: var(--accent);
    font-size: 12px;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    header {
        padding: 10px 16px;
        flex-wrap: wrap;
    }

    .hero {
        padding: 40px 16px;
    }

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

    .section {
        padding: 24px 16px;
    }

    footer {
        padding: 20px 16px;
    }
}

.e-con.e-flex>.e-con-inner {
    padding: 0;
    max-width: 100% !important;
}

:is(.elementor-section-wrap, [data-elementor-id])>.e-con {
    padding: 0 !important;
}

.wp-block-woocommerce-customer-account,
.wc-block-mini-cart.wp-block-woocommerce-mini-cart {
    display: inline-flex;
    margin: 0;
}

.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-6413fb7d.wp-block-group-is-layout-constrained {
    width: 100%;
}

header .wp-block-column:first-child {
    display: flex;
    align-items: center;
}

header .wp-block-column:first-child h1 {
    font-weight: 800;
    font-size: 24px;
    letter-spacing: 1px;
    color: white;
}

header .wp-block-columns.alignwide.is-not-stacked-on-mobile.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex {
    max-width: 1432px;
    flex-direction: column;
}

header .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
    font-size: 14px !important;
}

header a.wp-block-button__link.wp-element-button {
    background: var(--accent);
    color: var(--primary);
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 800;
    font-size: 14px;
    display: inline-block;
    white-space: nowrap;
}

header .wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-6413fb7d.wp-block-group-is-layout-constrained {
    border: none !important;
}

header ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    gap: 0;
}

@media (max-width: 768px) {
    header .wp-block-columns.alignwide.is-not-stacked-on-mobile.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex {
        justify-content: space-between;
    }

    .wp-block-columns.is-not-stacked-on-mobile>.wp-block-column {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    header .wp-block-column:first-child {
        max-width: 50%;
    }

    header .wp-block-column:nth-child(2) {
        max-width: 30%;
    }

    header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    header .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
        padding: 12px 0;
    }
}

.woocommerce.product .is-layout-constrained>.alignwide {
    max-width: 1300px;
}

.woocommerce.product h2.wp-block-post-title {
    color: black !important;
    font-size: 22px;
    margin-bottom: 0 !important;
    font-weight: bold;
}

:where(.wc-block-product-gallery-large-image) :where(.wc-block-product-gallery-large-image__wrapper):has(.wc-block-components-product-image--aspect-ratio-auto) {
    aspect-ratio: unset !important;
    height: auto !important;
}

:where(.wc-block-product-gallery-large-image) :where(.wc-block-product-gallery-large-image__inner-blocks) {
    height: auto !important;
    min-height: unset !important;
}

:where(.wc-block-product-gallery-large-image):has(.wc-block-components-product-image--aspect-ratio-auto) {
    aspect-ratio: unset !important;
    height: auto !important;
}


height: auto !important;
min-height: unset !important;
}

img.wc-block-woocommerce-product-gallery-large-image__image {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
}

.wc-block-product-gallery-large-image__inner-blocks {
    height: auto !important;
    min-height: unset !important;
}

img.wc-block-woocommerce-product-gallery-large-image__image {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
}
}

p.product-disclaimer {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 12px;
    margin-top: 10px;
    font-size: 13px;
}

.wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained:has(> ul.wp-block-list) {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 12px;
    margin-top: 10px;
    font-size: 13px;
    padding-left: 0px !important;
}

.wp-block-woocommerce-product-summary:has(.product-subtitle) {
    margin-top: 0;
}

.product-subtitle {
    font-size: 13px;
    color: #555;
    margin-bottom: 12px;
}

img.attachment-woocommerce_single.size-woocommerce_single.wc-block-woocommerce-product-gallery-large-image__image.wc-block-woocommerce-product-gallery-large-image__image--full-screen-on-click.wc-block-woocommerce-product-gallery-large-image__image--hoverZoom {
    border-radius: 12px;
}

.wp-block-group.is-layout-grid.wp-container-core-group-is-layout-478b6e6b.wp-block-group-is-layout-grid {
    margin-top: 15px;
    grid-template-columns: max-content max-content max-content;
}

.wc-block-product-description.wp-block-woocommerce-product-description.is-layout-flow.wp-block-woocommerce-product-description-is-layout-flow :is(h1, h2, h3, h4, .section-title) {
    font-size: 15px;
    margin: 18px 0 6px;
    font-weight: 900;
    color: black !important;
}

.wc-block-product-description.wp-block-woocommerce-product-description.is-layout-flow.wp-block-woocommerce-product-description-is-layout-flow :where(p) {
    font-size: 13px;
    color: #444;
    margin-bottom: 6px;
    margin-top: 0;
}

.wc-block-product-description.wp-block-woocommerce-product-description.is-layout-flow.wp-block-woocommerce-product-description-is-layout-flow :is(ul, ol) {
    font-size: 13px !important;
    margin-top: 0;
    padding-left: 20px;
}

.wc-block-product-description.wp-block-woocommerce-product-description.is-layout-flow.wp-block-woocommerce-product-description-is-layout-flow .box.light {
    margin-top: 0;
    padding-left: 0;
}

.woocommerce .woocommerce-breadcrumb {
    display: none;
}

body.wp-singular.product-template-default {
    background: #f5f7fa !important;
}

.woocommerce.product main .alignwide.wp-block-columns .wp-block-column {
    padding: 18px 0;
    background: white;
    border-radius: 12px;
    height: max-content;
    border: 1px solid var(--border);
}

.woocommerce.product main .alignwide.wp-block-columns .wp-block-column:nth-child(2) {
    padding: 18px !important;
}

.woocommerce.product main .alignwide.wp-block-columns .wp-block-column:nth-child(2) .wp-block-group {
    padding: 0 !important;
}

.woocommerce.product main .alignwide.wp-block-columns .wp-block-column:nth-child(2) .wp-block-group .wp-block-woocommerce-product-price del {
    font-size: 14px;
    color: var(--muted);
    margin-right: 0;
}

.woocommerce.product main .alignwide.wp-block-columns .wp-block-column:nth-child(2) .wp-block-group .wp-block-woocommerce-product-price ins {
    font-size: 22px;
    font-weight: 900;
    color: var(--primary);
    margin-bottom: 4px;
}

.woocommerce.product main .alignwide.wp-block-columns .wp-block-column:nth-child(2) p.license-text {
    font-size: 11px;
    color: #777;
    margin-bottom: 12px;
    margin-top: 0;
}

.woocommerce.product main .alignwide.wp-block-columns .wp-block-column:nth-child(2) .wp-block-button.wc-block-components-product-button {
    width: 100% !important;
}

.woocommerce.product main .alignwide.wp-block-columns .wp-block-column:nth-child(2) .wp-block-button.wc-block-components-product-button button {
    display: block;
    width: 100%;
    text-align: center;
    background: var(--accent);
    color: var(--primary);
    font-weight: 900;
    padding: 10px 0;
    border-radius: 10px;
    margin-bottom: 0;
    font-size: 13px;
}

.woocommerce.product main .alignwide.wp-block-columns .wp-block-column:nth-child(2) .wp-block-button.wc-block-components-product-button span:has(a.added_to_cart.wc_forward) {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 13px;
    padding: 0;
    margin-top: 0;
    margin-bottom: 10px;
}

.woocommerce.product main .alignwide.wp-block-columns .wp-block-column:nth-child(2) .wp-block-button.wc-block-components-product-button span a.added_to_cart.wc_forward {
    padding-top: 0;
    margin-top: 0;
}

.woocommerce.product main .alignwide.wp-block-columns .wp-block-column:nth-child(2) .taxonomy-product_tag.wp-block-post-terms {
    margin-top: 0;
    font-size: 12px;
    color: #555;
    border-top: 1px solid #eee;
    padding-top: 10px;
}

.woocommerce.product main .alignwide.wp-block-columns .wp-block-column:nth-child(2) .taxonomy-product_tag.wp-block-post-terms span {
    font-weight: bold;
}

p.single-product-notes {
    font-size: 12px;
    margin-top: 5px;
    color: #555;
}

li.wc-block-product {
    background: var(--card);
    border-radius: 12px;
    border: 1px solid var(--border);
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

li.wc-block-product .size-woocommerce_thumbnail {
    height: 150px;
    border-radius: 12px;
}

.wc-block-components-product-sale-badge.alignright.wc-block-components-product-sale-badge--align-right {
    font-size: 12px;
}

li.wc-block-product h2.has-text-align-center.wp-block-post-title.has-medium-font-size {
    font-size: 14px !important;
    color: black;
    text-align: left;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

li.wc-block-product .has-font-size.has-small-font-size.has-text-align-center.wp-block-woocommerce-product-price.has-small-font-size {
    text-align: left;
}

li.wc-block-product .has-font-size.has-small-font-size.has-text-align-center.wp-block-woocommerce-product-price.has-small-font-size del {
    font-weight: 400;
    color: var(--muted);
    font-size: 12px;
}

li.wc-block-product .has-font-size.has-small-font-size.has-text-align-center.wp-block-woocommerce-product-price.has-small-font-size ins {
    font-weight: 900;
    color: var(--primary);
    font-size: 13px;
}

li.wc-block-product .wp-block-group.is-content-justification-left {
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
}

li.wc-block-product .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
}

li.wc-block-product .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained .wp-block-columns {
    margin-right: 3px !important;
    padding-right: 1px !important;
}

li.wc-block-product .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained .wp-block-columns .taxonomy-product_cat.wp-block-post-terms::after {
    content: '•';
}

li.wc-block-product .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained .wp-block-columns .wp-block-post-terms {
    font-size: 11px;
    color: var(--muted);
}

li.wc-block-product .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained .wp-block-columns .wp-block-post-terms a {
    padding-right: 5px !important;
}

li.wc-block-product .wp-block-group .wp-block-post-terms {
    font-size: 11px;
    color: var(--muted);
}

li.wc-block-product .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:has(.add_to_cart_button) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
    border-top: 1px solid #fefe;
}

li.wc-block-product .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow .add_to_cart_button {
    background: var(--accent);
    color: var(--primary);
    display: inline-block;
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 900;
}

li.wc-block-product button.wp-block-button__link.wp-element-button.wc-block-components-product-button__button.add_to_cart_button {
    background: var(--accent);
    color: var(--primary);
    display: inline-block;
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 900;
}

li.wc-block-product .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow span:has(a.added_to_cart.wc_forward) {
    display: none;
}

li.wc-block-product>.wp-block-columns {
    margin-bottom: 0;
}

main {
    padding-bottom: 25px !important;
}

li.wc-block-product h2 {
    margin-bottom: 0;
}

li.wc-block-product :where(.wc-block-product-template .wc-block-product)> :not(:last-child) {
    margin-bottom: 0 !important;
}

li.wc-block-product .has-font-size.has-small-font-size.has-text-align-center.wp-block-woocommerce-product-price.has-small-font-size {
    margin-bottom: 0 !important;
}

li.wc-block-product .wp-block-button.wc-block-components-product-button {
    align-items: flex-end;
    margin-bottom: 0 !important;
}

li.wc-block-product a.added_to_cart {
    display: none;
}

header form.wp-block-search__button-outside.wp-block-search__text-button.wp-block-search {
    margin-left: 50%;
}

h2.wp-block-heading {
    font-size: 22px;
}

input#wp-block-search__input-2 {
    font-size: 12px;
    padding: 0 10px;
    height: 40px;
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

button.wp-block-search__button.wp-element-button {
    background: var(--accent);
    color: var(--primary);
    display: inline-block;
    padding: 8px 12px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    font-size: 12px;
    font-weight: 900;
    margin-left: 0 !important;
}

.woocommerce-page.woocommerce-uses-block-theme .woocommerce-ordering select {
    border-radius: 10px;
}

section.section.product-grid {
    padding-top: 0 !important;
}

.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column {
    display: flex;
    justify-content: center;
}

body.logged-in .login-register-button {
    display: none !important;
}

.wp-block-woocommerce-customer-account {
    display: none !important;
}

body.logged-in .wp-block-woocommerce-customer-account {
    display: block !important;
}

.wp-block-woocommerce-mini-cart {
    display: none !important;
}

body.logged-in .wp-block-woocommerce-mini-cart {
    display: block !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
    list-style: none;
    padding: 0;
    width: 100%;
    font-weight: bold;
}

.wp-container-core-group-is-layout-bea02a06> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 1300px !important;
}

h1.wp-block-post-title.has-superbfont-xlarge-font-size {
    font-size: 22px !important;
}

/* Categories */
.categories-list li.product-category {
    background: var(--light);
    border-radius: 10px;
    padding: 14px !important;
    border: 1px solid var(--border);
    cursor: pointer;
    transition:
        transform 0.15s ease,
        box-shadow 0.15s ease;
    margin-bottom: 20px !important;
}

.categories-list li.product-category:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.06);
}

.categories-list li.product-category a img {
    height: 60px !important;
    width: 60px !important;
    padding: 10px !important;
    background: #ffffff;
    border-radius: 7px;
    border: 2px solid #02254d;
}

.categories-list li.product-category.home-page a img {
    height: 40px !important;
    width: 40px !important;
    padding: 5px !important;
    margin-bottom: 10px !important;
}

.categories-list li.product-category h2 {
    font-size: 14px !important;
    margin-bottom: 6px !important;
    color: var(--text);
}

.categories-list li.product-category h2 .count {
    display: none;
}

.categories-list li.product-category .woocommerce-category-description {
    font-size: 12px;
    color: #555;
}

.categories-list.home-page li.product-category h2 {
    min-height: 40px !important;
    padding: 0 !important;
    margin-bottom: 0px !important;
}

.categories-list.home-page li.product-category .woocommerce-category-description {
    min-height: 55px !important;
}

/* FOOTER */
.documentworld-footer {
    background: linear-gradient(135deg,
            #0b1829 0%,
            rgb(7.7634615385, 16.9384615385, 28.9365384615) 100%);
    color: #e8e8e8;
    padding: 2rem 2rem 1.5rem;
    margin-top: auto;
    background: var(--primary);
}

.documentworld-footer .footer-container {
    max-width: 1342px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 3rem;
    padding-bottom: 0;
    border-bottom: 1px solid #f1da92;
}

.documentworld-footer .footer-column {
    display: flex;
    flex-direction: column;
}

.documentworld-footer .footer-column-1 {
    grid-column: span 2;
}

.documentworld-footer .footer-logo {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.documentworld-footer .footer-logo img {
    width: 220px;
    height: auto;
    object-fit: contain;
}

.documentworld-footer .footer-logo span {
    font-size: 1.5rem;
    font-weight: 700;
    background: linear-gradient(135deg,
            #02254d 0%,
            rgb(3.9367088608, 72.8291139241, 151.5632911392) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: -0.5px;
}

.documentworld-footer .footer-about {
    color: #b8b8b8;
    font-size: 0.9rem;
    line-height: 1.7;
    margin-bottom: 1.5rem;
}

.documentworld-footer .footer-social {
    display: flex;
    gap: 1rem;
}

.documentworld-footer .footer-social .social-link {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 50%;
    color: #e8e8e8;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

.documentworld-footer .footer-social .social-link:hover {
    background: linear-gradient(135deg, #02254d 0%, #c9a63b 100%);
    transform: translateY(-3px);
    box-shadow: 0 8px 20px #f1da92;
}

.documentworld-footer .footer-social .social-link svg {
    width: 20px;
    height: 20px;
}

.documentworld-footer .footer-heading {
    font-size: 1.1rem;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 1.25rem;
    margin-top: 0;
    position: relative;
    padding-bottom: 0.5rem;
    line-height: 1.2;
}

.documentworld-footer .footer-heading::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background: linear-gradient(90deg, #02254d 0%, #c9a63b 100%);
    border-radius: 2px;
}

.documentworld-footer .footer-links {
    list-style: none;
    padding-left: 0;
}

.documentworld-footer .footer-links li {
    color: #b8b8b8;
    text-decoration: none;
    font-size: 0.95rem;
    margin-bottom: 0.75rem;
}

.documentworld-footer .footer-links a {
    color: #b8b8b8;
    text-decoration: none;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    display: inline-block;
    position: relative;
}

.documentworld-footer .footer-links a::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #02254d 0%, #c9a63b 100%);
    transition: width 0.3s ease;
}

.documentworld-footer .footer-links a:hover {
    color: #c9a63b;
    transform: translateX(5px);
}

.documentworld-footer .footer-links a:hover::before {
    width: 100%;
}

.documentworld-footer .footer-bottom {
    max-width: 1342px;
    margin: 0 auto;
    padding-top: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.documentworld-footer .footer-bottom p {
    color: #888;
    font-size: 0.875rem;
    margin: 0;
}

.documentworld-footer .footer-bottom p a {
    color: #c9a63b;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

.documentworld-footer .footer-bottom p a:hover {
    color: rgb(212.016, 184.156, 98.984);
    text-decoration: underline;
}

.footer-bottom-section {
    border-bottom: 1px solid #f1da92;
    max-width: 1342px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.footer-bottom-section-content {
    max-width: 1342px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.footer-bottom-section-content span {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.footer-bottom-section-content span img {
    width: 26px;
    height: 26px;
}

.footer-bottom-section-content span p {
    font-size: 16px;
    color: #888;
}

@media (max-width: 768px) {
    .documentworld-footer {
        padding: 3rem 1.5rem 1rem;
    }

    .documentworld-footer .footer-container {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .documentworld-footer .footer-logo h2 {
        font-size: 1.5rem;
    }

    .documentworld-footer .footer-bottom {
        flex-direction: column;
        text-align: center;
        gap: 0.5rem;
    }

    .footer-bottom-section {
        flex-direction: column;
        gap: 0;
    }

    .footer-bottom-section-content {
        gap: 0.5;
        margin: 15px 0;
    }

    .footer-bottom-section-content span p {
        font-size: 12px;
        margin: 0;
    }

    .footer-bottom-section-content span img {
        width: 15px;
        height: 15px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .documentworld-footer .footer-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

footer.wp-block-template-part {
    padding: 0;
}

/* Page name */
h1.wp-block-query-title {
    font-size: 0;
    color: white;
}

h1.wp-block-query-title span {
    font-size: 22px;
    color: black !important;
}

header.woocommerce-Address-title.title {
    background: none !important;
    gap: 0;
    justify-content: flex-start !important;
}

header.woocommerce-Address-title.title h2 {
    font-size: 22px;
    margin-right: 30px;
}

header.woocommerce-Address-title.title a {
    font-size: 12px;
    margin-bottom: 0 !important;
}

woocommerce-account .wp-block-post-title,
.woocommerce-account main .woocommerce,
.woocommerce-cart .wp-block-post-title,
.woocommerce-cart main .woocommerce,
.woocommerce-checkout .wp-block-post-title,
.woocommerce-checkout main .woocommerce {
    max-width: unset !important;
}

p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide {
    margin-bottom: 0.5em !important;
}

.woocommerce form .form-row {
    margin-bottom: 1em !important;
    padding: 0.5em !important;
}

.woocommerce-page form .form-row label {
    margin-bottom: 0.2em !important;
    font-size: 12px !important;
}

form.woocommerce-form.woocommerce-form-register.register p {
    font-size: 12px !important;
}

p.woocommerce-LostPassword.lost_password {
    font-size: 12px !important;
}

button.woocommerce-button.button.wp-element-button,
button.woocommerce-Button.button.wp-element-button {
    font-size: 12px !important;
}

.woocommerce h2 {
    font-size: 22px !important;
    padding: 0 !important;
    margin: 0 !important;
}

form.woocommerce-form {
    margin-top: 20px !important;
}

.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
    padding: 0.5em !important;
}

.woocommerce p {
    font-size: 12px !important;
}

.marquee-section-banner {
    background: #02254d;
    border-top: 1px solid #f1da92;
    border-bottom: 1px solid #f1da92;
    margin-top: 0;
}

.marquee-section-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 20px 20px;
    width: 100%;
}

.marquee-section-banner span {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: white;
    gap: 0.5rem;
}

.marquee-section-banner span img {
    height: 22px;
}

.wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-6c531013.wp-block-group-is-layout-flex {
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: auto !important;
}

label.wp-block-search__label {
    display: none;
}

input#wp-block-search__input-1 {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background: none;
    color: white;
}

@media (max-width: 768px) {
    .wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-6c531013.wp-block-group-is-layout-flex {
        flex-direction: column !important;
    }

    header form.wp-block-search__button-outside.wp-block-search__text-button.wp-block-search {
        margin-left: 0%;
        width: 100%;
        z-index: 999999;
    }

    .marquee-section-banner {
        margin-bottom: 16px;
    }

    .marquee-section-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
        margin-top: 0px;
        justify-content: flex-end;
        width: 100%;
        min-width: 300px;
    }

    /* navigation fix */
    ul.wp-block-navigation__container.has-superbfont-xsmall-font-size.is-responsive.items-justified-right.wp-block-navigation.has-superbfont-xsmall-font-size {
        width: 100%;
    }

    a.wp-block-navigation-item__content {
        padding: 0 !important;
    }

    li.has-superbfont-xsmall-font-size.wp-block-navigation-item.wp-block-navigation-link a.wp-block-navigation-item__content {
        width: max-content !important;
    }

    li.wp-block-navigation-item.has-superbfont-xsmall-font-size.has-child.open-on-hover-click.wp-block-navigation-submenu a.wp-block-navigation-item__content {
        width: max-content !important;
    }
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
select.wpcf7-form-control.wpcf7-select,
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required,
input.wpcf7-form-control.wpcf7-file {
    padding: 10px 0;
    border: 1px solid var(--primary);
    border-radius: 10px;
    width: 100%;
    max-width: 400px;
}

textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
    height: 100px;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    padding: 7px 20px;
    border-radius: 10px;
    border: none;
    background: var(--accent);
    color: var(--primary);
}

ul.wp-block-navigation__container.has-superbfont-xsmall-font-size.is-responsive.items-justified-right.wp-block-navigation.has-superbfont-xsmall-font-size li a {
    font-size: 12px !important;
}

ul.wp-block-navigation__container.has-superbfont-xsmall-font-size.is-responsive.items-justified-right.wp-block-navigation.has-superbfont-xsmall-font-size li:hover {
    background: var(--primary);
    color: white;
}

/*==========================
  Superb Addons Navigation Fix
===========================*/

/* Responsive only */
@media (max-width: 768px) {

    /* Parent li: column layout */
    .wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        align-items: flex-start;
    }

    /* Link + arrow container */
    .wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu>.wp-block-navigation-item__content {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        /* left-align text+arrow */
        width: max-content !important;
        /* width fits content */
        padding: 8px 16px;
        /* optional spacing */
    }

    /* Arrow button */
    .wp-block-navigation-submenu__toggle {
        display: inline-flex !important;
        align-items: center !important;
        margin-left: 8px !important;
        /* small gap from text */
        flex: 0 0 auto !important;
    }

    /* Submenu ul below the parent link, no extra margin */
    .wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu>.wp-block-navigation__submenu-container {
        display: none;
        /* hide by default */
        flex-direction: column !important;
        margin: 0 !important;
        /* remove any spacing */
        padding: 0 !important;
        width: max-content !important;
        /* match parent width */
        left: 0 !important;
    }

    /* Show submenu only when parent is active */
    .wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu:hover>.wp-block-navigation__submenu-container,
    .wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu:focus-within>.wp-block-navigation__submenu-container,
    .wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu.active>.wp-block-navigation__submenu-container {
        display: flex !important;
    }

    /* Submenu links */
    .wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu .wp-block-navigation-item__content {
        justify-content: flex-start !important;
        width: 100% !important;
    }

    /* Optional: remove borders/padding if any */
    .wp-block-navigation__submenu-container li {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    div#modal-2 {
        z-index: 999999;
    }

    .alignwide form.wp-block-search__button-outside.wp-block-search__text-button.wp-block-search {
        z-index: 1;
    }

    ul.wp-block-navigation__container.has-superbfont-xsmall-font-size.is-responsive.items-justified-right.wp-block-navigation.has-superbfont-xsmall-font-size {
        align-items: flex-start;
    }

    button.wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle {
        margin-top: -12px;
    }

    .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
        justify-content: flex-start !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
        width: 100%;
    }

    .wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu>.wp-block-navigation__submenu-container {
        margin-top: 15px !important;
    }

    ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu li.has-superbfont-xsmall-font-size.wp-block-navigation-item.wp-block-navigation-link {
        text-align: left !important;
        justify-content: flex-start !important;
        align-items: flex-start;
        padding: 2px 10px !important;
    }

    header .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex {
        display: flex;
        align-items: flex-start;
        width: 100%;
    }

    .wp-container-core-group-is-layout-cb46ffcb {
        flex-direction: column;
    }

    .wp-block-woocommerce-product-collection.alignwide.is-layout-flow.wp-block-woocommerce-product-collection-is-layout-flow .wc-block-product-template__responsive.columns-3 {
        grid-template-columns: 1fr;
    }

    li.wc-block-product .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained .wp-block-columns {
        margin-right: 0px !important;
        padding-right: 0px !important;
        flex-direction: column;
        width: 100%
    }

    li.wc-block-product .wp-block-group .wp-block-post-terms {
        visibility: hidden;
    }
}

main#wp--skip-link--target:has(.wp-block-woocommerce-order-confirmation-status) {
    width: 80%;
    margin: auto;
}

.wp-block-woocommerce-order-confirmation-status.wc-block-order-confirmation-status.alignwide.has-font-size.has-large-font-size h1 {
    font-size: 32px;
}

.wp-block-woocommerce-order-confirmation-status.wc-block-order-confirmation-status.alignwide.has-font-size.has-large-font-size p {
    font-size: 24px;
}

/* Target WooCommerce product titles */
.wc-block-product .wp-block-post-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
}

/* Optional: force equal height for 2 lines */
.wc-block-product .wp-block-post-title {
    min-height: 2.8em;
    /* 1.4 line-height × 2 */
}

.wc-block-components-product-sale-badge.alignright.wc-block-components-product-sale-badge--align-right {
    font-size: 12px;
    background: #c9a63c;
    color: #02254d;
    border: #c9a63c;
}

li.wc-block-product .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:has(.add_to_cart_button) {
    border: none;
}

li.wc-block-product .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
    margin-top: 20px !important;
}

@media (max-width: 768px) {
    .woocommerce.product main .alignwide.wp-block-columns .wp-block-column:nth-child(2) {
        margin-top: 20px !important;
    }

    .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
        padding-top: 0px;
    }

    .wp-block-group.is-layout-grid.wp-container-core-group-is-layout-478b6e6b.wp-block-group-is-layout-grid {
        display: flex;
    }
}

:root :where(.wp-element-button:hover, .wp-block-button__link:hover) {
    background-color: var(--wp--preset--color--primary-hover);
    color: #c9a63c;
}

img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    height: auto;
}


li.wc-block-product.type-product.status-publish.has-post-thumbnail.purchasable.product-type-simple .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
    margin-top: 0px !important;
}

/* ===========================
   TRUST BOX
   =========================== */
.trust-box {
    border: 1px solid #cdd3de;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 28px;
}

/* --- Header --- */
.trust-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 16px;
    background: #fff;
    border-bottom: 1px solid #cdd3de;
}

.shield-svg {
    width: 42px;
    height: 42px;
    flex-shrink: 0;
}

.trust-title {
    font-size: 15.5px;
    font-weight: 800;
    color: #111827;
    line-height: 1.2;
}

/* --- Body grid --- */
.trust-body {
    background: #f7f8fa;
    padding: 16px 18px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 13px 22px;
}

.trust-item {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    font-size: 13px;
    font-weight: 500;
    color: #1f2937;
    line-height: 1.4;
    overflow: hidden;
    min-width: 0;
}

.badge {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #16a34a;
    margin-top: 1px;
}

.badge svg {
    width: 14px;
    height: 14px;
}

/* --- Payment logos --- */
.payment-logos {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-top: 2px;
    flex-wrap: nowrap;
    white-space: nowrap;
}

.logo-visa {
    height: 20px;
    width: auto;
}

.logo-mc {
    height: 24px;
    width: auto;
}

.razorpay-wrap {
    display: flex;
    align-items: center;
    gap: 3px;
    white-space: nowrap;
    flex-shrink: 0;
}

.bolt-svg {
    width: 10px;
    height: 13px;
}

.razorpay-name {
    font-size: 14px;
    font-weight: 700;
    font-style: italic;
    color: #111827;
    letter-spacing: -0.02em;
}

/* --- Footer --- */
.trust-footer {
    background: #fff;
    border-top: 1px solid #cdd3de;
    padding: 9px 16px;
    text-align: center;
    font-size: 12.5px;
    color: #374151;
}

.trust-footer a {
    color: #1d4ed8;
    font-weight: 600;
    text-decoration: none;
}

.trust-footer a:hover {
    text-decoration: underline;
}

/* ===========================
   SECTION TITLES
   =========================== */
.section-title {
    font-size: 13.5px;
    font-weight: 800;
    color: #111827;
    margin-bottom: 14px;
    line-height: 1.2;
}

.caps {
    letter-spacing: 0.04em;
}

/* ===========================
   WHAT YOU WILL RECEIVE
   =========================== */
.section-block {
    margin-bottom: 24px;
}

.two-col-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 11px 20px;
}

.check-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 500;
    color: #1f2937;
}

.green-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: #16a34a;
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
}

/* ===========================
   DIVIDER
   =========================== */
.rule {
    border: none;
    border-top: 1px solid #e9ecef;
    margin: 22px 0;
}

/* ===========================
   BOTTOM ROW
   =========================== */
.bottom-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.steps {
    list-style: none;
    counter-reset: s;
    padding: 0;
}

.steps li {
    counter-increment: s;
    display: flex;
    gap: 5px;
    font-size: 13px;
    font-weight: 500;
    color: #1f2937;
    margin-bottom: 9px;
}

.steps li::before {
    content: counter(s) ".";
    font-weight: 700;
    color: #111;
    flex-shrink: 0;
}

.note-text {
    font-size: 13px;
    color: #374151;
    line-height: 1.65;
}

/* ===========================
   RESPONSIVE
   =========================== */
@media (max-width: 520px) {

    .trust-body,
    .two-col-grid,
    .bottom-row {
        grid-template-columns: 1fr;
    }

    .payment-logos {
        flex-wrap: wrap;
    }
}

.container {
    max-width: 740px;
    margin: 30px;
}



/* WRITE STYLES ONLY HERE  */

/* ===========================
   DOCUMENT MAIN CATEGORY
   =========================== */

.document-main-category {
    background: #f5f7fa;
    padding: 36px 40px;
    margin: 0;
}

/* Wrapper */
.dmc-wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

/* Section Heading */
.dmc-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
}

.dmc-heading-bar {
    display: inline-block;
    width: 4px;
    height: 18px;
    background: #c9a63b;
    border-radius: 2px;
    flex-shrink: 0;
}

.dmc-heading-text {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #374151;
}

/* Grid */
.dmc-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

/* Card */
.dmc-card {
    background: #ffffff;
    border-radius: 14px;
    border: 1px solid #e5e7eb;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 0;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.dmc-card:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}

/* Card Top Row */
.dmc-card-top {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 14px;
}

/* Icon */
.dmc-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 900;
    flex-shrink: 0;
    line-height: 1;
}

.dmc-icon--green {
    background: #d1fae5;
    color: #065f46;
}

.dmc-icon--blue {
    background: #dbeafe;
    color: #1e40af;
    font-size: 22px;
}

.dmc-icon--purple {
    background: #ede9fe;
    color: #5b21b6;
    font-size: 22px;
}

.dmc-icon--orange {
    background: #ffedd5;
    color: #9a3412;
    font-size: 22px;
}

.dmc-icon--yellow {
    background: #fef9c3;
    color: #713f12;
}

.dmc-icon--lightgreen {
    background: #dcfce7;
    color: #14532d;
}

/* Title group */
.dmc-card-title-group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

.dmc-card-title {
    font-size: 16px;
    font-weight: 800;
    color: #0b1829;
    margin: 0;
    line-height: 1.2;
}

.dmc-card-badge {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #c9a63b;
}

/* Description */
.dmc-card-desc {
    font-size: 13px;
    color: #4b5563;
    line-height: 1.6;
    margin: 0 0 auto 0;
    flex-grow: 1;
}

/* Card Footer */
.dmc-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #e5e7eb;
    margin-top: 16px;
    padding-top: 12px;
}

.dmc-card-count {
    font-size: 12px;
    color: #9ca3af;
}

.dmc-card-link {
    font-size: 13px;
    font-weight: 800;
    color: #0b1829;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.15s ease;
}

.dmc-card-link:hover {
    color: #c9a63b;
}

/* ===========================
   DMC RESPONSIVE
   =========================== */

@media (max-width: 900px) {
    .dmc-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 580px) {
    .document-main-category {
        padding: 24px 16px;
    }

    .dmc-grid {
        grid-template-columns: 1fr;
    }

    .dmc-card-title {
        font-size: 15px;
    }
}

/* ===========================
   DOCUMENT WHY CHOOSE
   =========================== */

.document-why-choose {
    background: #f5f7fa;
    padding: 36px 40px;
}

/* Wrapper */
.dwc-wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

/* Section Heading */
.dwc-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
}

.dwc-heading-bar {
    display: inline-block;
    width: 4px;
    height: 18px;
    background: #c9a63b;
    border-radius: 2px;
    flex-shrink: 0;
}

.dwc-heading-text {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #374151;
}

/* Grid */
.dwc-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

/* Card */
.dwc-card {
    background: #ffffff;
    border-radius: 14px;
    border: 1px solid #e5e7eb;
    padding: 22px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.dwc-card:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07);
    transform: translateY(-2px);
}

.dwc-card-title {
    font-size: 15px;
    font-weight: 800;
    color: #0b1829;
    margin: 0;
    line-height: 1.3;
}

.dwc-card-desc {
    font-size: 13px;
    color: #4b5563;
    line-height: 1.65;
    margin: 0;
}

/* ===========================
   DWC RESPONSIVE
   =========================== */

@media (max-width: 900px) {
    .dwc-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 580px) {
    .document-why-choose {
        padding: 24px 16px;
    }

    .dwc-grid {
        grid-template-columns: 1fr;
    }
}

/* WRITE SEARCH ONLY HERE  */

/* ===========================
   DOCUMENT SEARCH SECTION
   =========================== */

.document-search {
    background: #f0f2f5;
    padding: 52px 40px 48px;
    text-align: center;
    margin: 0;
}

.ds-wrapper {
    max-width: 820px;
    margin: 0 auto;
}

/* Title */
.ds-title {
    font-size: 28px;
    font-weight: 800;
    color: #0b1829;
    margin: 0 0 12px;
    line-height: 1.25;
}

/* Subtitle */
.ds-subtitle {
    font-size: 14px;
    color: #4b5563;
    line-height: 1.65;
    margin: 0 0 28px;
}

/* Search bar container */
.ds-search-bar {
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    max-width: 740px;
    margin: 0 auto;
}

/* Text input */
.ds-input {
    flex: 1;
    border: none;
    outline: none;
    box-shadow: none;
    font-size: 13px;
    color: #374151;
    background: transparent;
    padding: 0 18px;
    height: 52px;
    min-width: 0;
    border-radius: 0;
}

.ds-input::placeholder {
    color: #9ca3af;
}

/* Golden Search button */
.ds-btn {
    flex-shrink: 0;
    height: 52px;
    padding: 0 28px;
    background: #c9a63b;
    color: #0b1829;
    border: none;
    border-radius: 0;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    letter-spacing: 0.3px;
    white-space: nowrap;
    transition: background 0.18s ease;
    margin: 0;
    line-height: 1;
}

.ds-btn:hover {
    background: #b8922f;
}

/* ===========================
   RESPONSIVE
   =========================== */
@media (max-width: 768px) {
    .document-search {
        padding: 36px 20px 32px;
    }

    .ds-title {
        font-size: 22px;
    }

    .ds-subtitle {
        font-size: 13px;
    }

    .ds-input {
        font-size: 12px;
        height: 46px;
        padding: 0 12px;
    }

    .ds-btn {
        height: 46px;
        padding: 0 18px;
        font-size: 13px;
    }
}

header.wp-block-template-part .wp-block-group {
    margin: auto;
}

/* ===========================
   NEW HERO SECTION
   =========================== */
.new-hero {
    background: linear-gradient(to right, rgba(2, 37, 77, 0.95) 0%, rgba(2, 37, 77, 0.7) 60%, rgba(2, 37, 77, 0) 100%), url(/wp-content/uploads/2026/07/document-banner.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    padding: 80px 40px;
    position: relative;
    font-family: Arial, sans-serif;
}

.new-hero-container {
    max-width: 1200px;
    margin: 0 auto;
}

.new-hero-title {
    font-size: 42px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 16px;
    letter-spacing: -0.5px;
    color: #fff;
}

.text-accent {
    color: #ffb800;
}

.new-hero-desc {
    font-size: 16px;
    line-height: 1.6;
    margin: 0 0 32px;
    color: #e5e7eb;
}

.new-hero-desc .text-accent {
    font-weight: 600;
}

.new-hero-features {
    display: flex;
    flex-wrap: wrap;
    gap: 24px 32px;
    margin-bottom: 32px;
}

.nh-feature {
    display: flex;
    align-items: center;
    gap: 12px;
}

.nh-feature svg {
    color: #ffb800;
    flex-shrink: 0;
}

.nh-feature span {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
}

.new-hero-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 32px;
}

.nh-badge {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 20px;
    padding: 6px 16px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    background: rgba(2, 37, 77, 0.4);
    backdrop-filter: blur(4px);
}

.new-hero-search {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    max-width: 600px;
    margin-bottom: 24px;
    height: 56px;
}

.nh-search-input {
    flex: 1;
    border: none;
    outline: none;
    padding: 0 20px;
    font-size: 15px;
    color: #333;
    height: 100%;
}

.nh-search-input::placeholder {
    color: #888;
}

.nh-search-select-wrapper {
    position: relative;
    border-left: 1px solid #e0e0e0;
    height: 100%;
    display: flex;
    align-items: center;
}

.nh-search-select {
    appearance: none;
    -webkit-appearance: none;
    border: none;
    background: transparent;
    padding: 0 36px 0 16px;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    cursor: pointer;
    outline: none;
    height: 100%;
}

.nh-search-select-wrapper::after {
    content: "";
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
    pointer-events: none;
}

.nh-search-btn {
    background: #ffb800;
    border: none;
    height: 100%;
    width: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0b1829;
    cursor: pointer;
    transition: background 0.2s;
}

.nh-search-btn:hover {
    background: #e6a600;
}

.new-hero-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.nh-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 4px;
    transition: all 0.2s ease;
    text-decoration: none;
}

.nh-btn-primary {
    background: #ffb800;
    color: #0b1829;
    border: 1px solid #ffb800;
}

.nh-btn-primary:hover {
    background: #e6a600;
    border-color: #e6a600;
}

.nh-btn-secondary {
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.4);
}

.nh-btn-secondary:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: #fff;
}

/* Responsive */
@media (max-width: 992px) {
    .new-hero {
        background: linear-gradient(to bottom, rgba(2, 37, 77, 0.9) 0%, rgba(2, 37, 77, 0.8) 100%), url(/wp-content/uploads/2026/07/document-banner.png);
        background-size: cover;
        background-position: center;
    }
}

@media (max-width: 768px) {
    .new-hero {
        padding: 50px 20px;
    }
    .new-hero-title {
        font-size: 28px;
    }
    .new-hero-desc {
        font-size: 14px;
    }
    .new-hero-features {
        gap: 16px;
        flex-direction: row;
    }
    .nh-feature {
        width: calc(50% - 8px);
    }
    .new-hero-search {
        height: 50px;
    }
    .nh-search-select-wrapper {
        display: none;
    }
}

@media (max-width: 480px) {
    .nh-feature {
        width: 100%;
    }
    .new-hero-cta {
        flex-direction: column;
    }
    .nh-btn {
        width: 100%;
        justify-content: center;
    }
}