:root {
                --ink: #1b2430;
                --muted: #4b5563;
                --line: #e5e7eb;
                --bg: #ffffff;
                --soft: #f6f7f9;
                --brand: #a54761;
                --brand-ink: #7e3049;
                --brand-soft: #fbeef2;
                --navy: #1f3a5f;
                --navy-deep: #14253f;
                --ok: #0f766e;
                --warn: #9a3412;
                --radius: 14px;
                --max: 1180px;
                --shadow: 0 1px 2px rgba(16, 24, 40, 0.05), 0 10px 28px rgba(16, 24, 40, 0.07);
                --shadow-hover: 0 2px 6px rgba(16, 24, 40, 0.08), 0 22px 44px rgba(16, 24, 40, 0.14);
                --grad-brand: linear-gradient(135deg, #b85a75 0%, var(--brand) 55%, var(--brand-ink) 100%);
                --grad-navy: linear-gradient(135deg, #14253f 0%, var(--navy) 55%, #2f5a8c 100%);
            }
           
            
            .wrap {
                max-width: var(--max);
                margin: 0 auto;
                padding: 0 clamp(16px, 4vw, 32px);
            }

            /* breadcrumbs */
            .crumbs {
                font-size: 14px;
                color: var(--muted);
                padding: 16px clamp(16px, 4vw, 32px) 0;
                max-width: var(--max);
                margin: 0 auto;
            }
            .crumbs ol {
                list-style: none;
                margin: 0;
                padding: 0;
                display: flex;
                flex-wrap: wrap;
                gap: 6px;
            }
            .crumbs li + li::before {
                content: "›";
                margin-right: 6px;
                color: #9ca3af;
            }

            /* hero */
            header.hero {
                position: relative;
                overflow: hidden;
                padding: clamp(40px, 6vw, 84px) 0;
                color: #fff;
                background: var(--grad-navy);
                border-bottom: 0;
            }
            header.hero::before,
            header.hero::after {
                content: "";
                position: absolute;
                border-radius: 50%;
                pointer-events: none;
            }
            header.hero::before {
                width: 520px;
                height: 520px;
                right: -140px;
                top: -180px;
                background: radial-gradient(circle, rgba(184, 90, 117, 0.55), rgba(184, 90, 117, 0) 70%);
            }
            header.hero::after {
                width: 420px;
                height: 420px;
                left: -160px;
                bottom: -200px;
                background: radial-gradient(circle, rgba(120, 170, 230, 0.35), rgba(120, 170, 230, 0) 70%);
            }
            header.hero .wrap {
                position: relative;
                z-index: 1;
                display: grid;
                grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
                column-gap: clamp(24px, 4vw, 60px);
                align-items: center;
            }
            header.hero .eyebrow {
                grid-column: 1;
                grid-row: 1;
                display: inline-flex;
                align-items: center;
                gap: 10px;
                justify-self: start;
                color: #fbd3df;
                padding: 6px 0px;
                border-radius: 999px;
                font-size: 12px;
                margin: 0 0 18px;
            }
            header.hero h1 {
                grid-column: 1;
                grid-row: 2;
                color: #fff;
                font-size: clamp(32px, 4.6vw, 54px);
                line-height: 1.1;
                letter-spacing: -0.02em;
                margin: 0 0 20px;
            }
            header.hero .answer {
                grid-column: 1;
                grid-row: 3;
                color: #e3eaf4;
                font-size: clamp(16px, 1.6vw, 18px);
                margin: 0 0 18px;
            }
            header.hero .answer strong {
                color: #fff;
            }
            header.hero .entity {
                grid-column: 1;
                grid-row: 4;
                color: #aebdd3;
                font-size: 14px;
                margin: 0;
            }
            header.hero .entity a {
                color: #fbd3df;
            }
            header.hero .cta-row {
                grid-column: 2;
                grid-row: 1 / 5;
                flex-direction: column;
                align-items: stretch;
                gap: 12px;   
            }
             .btn {
    padding: 10px 15px; 
}

.Frorm_new form.enquiry-form input.btn.submit {
    height: unset;
}
            header.hero .btn-ghost {
                background: transparent;
                color: #fff;
                border-color: rgba(255, 255, 255, 0.6);
            }
            header.hero .btn-ghost:hover {
                background: rgba(255, 255, 255, 0.12);
                color: #fff;
                border-color: #fff;
            }

            .eyebrow {
                font-size: 13px;
                letter-spacing: 0.08em;
                text-transform: uppercase;
                color: var(--brand);
                font-weight: 700;
                margin: 0 0 10px;
            }
            h1 {
                font-size: clamp(30px, 4.2vw, 46px);
                line-height: 1.14;
                margin: 0 0 16px;
                color: var(--navy);
            }
            h2 {
                font-size: clamp(25px, 3.1vw, 36px);
                line-height: 1.2;
                margin: 0 0 16px;
                color: var(--navy);
                letter-spacing: -0.015em;
            }
            h3 {
                font-size: 19px;
                line-height: 1.35;
                margin: 22px 0 8px;
                color: var(--ink);
            }
            .answer {
                font-size: 18px;
                max-width: 820px;
                margin: 0 0 18px;
            }
            .entity {
                font-size: 14px;
                color: var(--muted);
                margin: 0 0 22px;
            }

            /* buttons */
            .cta-row {
                display: flex;
                flex-wrap: wrap;
                gap: 12px;
            }
            .btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                text-align: center;
                padding: 14px 24px;
                border-radius: 12px;
                font-weight: 600;
                text-decoration: none;
                border: 2px solid var(--brand);
                transition:
                    transform 0.2s,
                    background 0.2s,
                    color 0.2s,
                    border-color 0.2s,
                    box-shadow 0.2s;
            }
            .btn:hover {
                transform: translateY(-1px);
            }
            .btn-primary { 
                border-color: transparent;
                color: #fff;
                box-shadow: 0 10px 22px rgba(165, 71, 97, 0.32);
            }
            .btn-primary:hover {
                color: #fff;
                box-shadow: 0 14px 28px rgba(165, 71, 97, 0.42);
            }
            .btn-ghost {
                background: #fff;
                color: var(--brand-ink);
            }
            .btn-ghost:hover {
                background: var(--brand-soft);
            }

            /* sections */
            section {
                position: relative;
                padding: clamp(52px, 7vw, 92px) 0;
                border-bottom: 0;
            }
            section.alt {
                background: radial-gradient(circle at 100% 0%, rgba(165, 71, 97, 0.05), transparent 40%), var(--soft);
            }
            section > .wrap > h2 {
                max-width: 860px;
            }
            
            .lead {
                max-width: 820px;
                color: var(--muted);
                font-size: 17px;
                margin: 0 0 26px;
            }
            .grid {
                display: grid;
                gap: 20px;
            }
            .g2 {
                grid-template-columns: repeat(auto-fit, minmax(min(100%, 500px), 1fr));
            }
            .g3 {
                grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
            }
            .card p a {
    display: inline-block;
    margin-top: 14px;
    color: #f57131;
}
            .card {
                position: relative;
                overflow: hidden;
                background: #fff;
                border: 1px solid var(--line);
                border-radius: var(--radius);
                padding: 24px 26px;
                box-shadow: var(--shadow);
                transition:
                    transform 0.25s ease,
                    box-shadow 0.25s ease,
                    border-color 0.25s ease;
                min-width: 0;
            }
          
            .card h3 {
                margin-top: 0;
            }
            .card p {
                margin: 0;
            }
            a.card {
                text-decoration: none;
                color: var(--ink);
            }
            a.card:hover {
                border-color: #e7c9d3;
                transform: translateY(-4px);
                box-shadow: var(--shadow-hover);
            }
            a.card h3 {
                color: var(--brand-ink);
            }
            .card .meta a {
                font-weight: 600;
            }

            /* table */
            .tbl {
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
                border: 1px solid var(--line);
                border-radius: var(--radius);
                background: #fff;
                box-shadow: var(--shadow);
            }
            table {
                width: 100%;
                border-collapse: collapse;
                font-size: 15px;
                min-width: 640px;
            }
            th,
            td {
                text-align: left;
                vertical-align: top;
                padding: 14px 18px;
                border-bottom: 1px solid var(--line);
            }
            thead th {
                background: var(--grad-navy);
                color: #fff;
                font-weight: 600;
            }
            tbody tr {
                transition: background 0.2s;
            }
            tbody tr:hover td {
                background: var(--brand-soft);
            }
            tbody tr:nth-child(even) td {
                background: #fbfbfc;
            }
            tbody tr:last-child td {
                border-bottom: 0;
            }
            .fit {
                border-left: 4px solid var(--ok);
            }
            .nofit {
                border-left: 4px solid var(--warn);
            }
            .fit::before,
            .nofit::before {
                display: none;
            }
            ul.clean {
                margin: 0;
                padding-left: 20px;
            }
            ul.clean li {
                margin: 7px 0;
            }
            ul.clean li::marker {
                color: var(--brand);
            }

            /* pills */
            .pill {
                display: inline-block;
                font-size: 12px;
                font-weight: 700;
                letter-spacing: 0.02em; 
                border-radius: 999px; 
                color: var(--brand-ink);
                margin-right: 6px;
                margin-bottom: 10px;
            }

            /* 9-step flow */
            ol.flow {
                counter-reset: s;
                list-style: none;
                margin: 0;
                padding: 0;
                display: grid;
                gap: 18px;
                grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
            }
            ol.flow li {
                counter-increment: s;
                position: relative;
                background: #fff;
                border: 1px solid var(--line);
                border-radius: var(--radius);
                padding: 20px 20px 22px;
                box-shadow: var(--shadow);
                transition:
                    transform 0.25s ease,
                    box-shadow 0.25s ease;
            }
            ol.flow li:hover {
                transform: translateY(-3px);
                box-shadow: var(--shadow-hover);
            }
            ol.flow li::before {
                content: counter(s);
                display: inline-grid;
                place-items: center;
                width: 32px;
                height: 32px;
                border-radius: 10px;
                background: var(--grad-brand);
                color: #fff;
                font-weight: 700;
                font-size: 14px;
                margin-bottom: 12px;
                box-shadow: 0 6px 14px rgba(165, 71, 97, 0.3);
            }
            ol.flow b {
                display: block;
                color: var(--navy);
                font-size: 16px;
            }
            ol.flow span {
                display: block;
                color: var(--muted);
                font-size: 14px;
                margin-top: 8px;
            }
            ol.flow em {
                font-style: normal;
                font-weight: 600;
                color: var(--brand-ink);
            }

            /* checklist: two columns */
            .checklist {
                padding-left: 0;
                margin: 0;
                list-style: none;
                counter-reset: c;
                columns: 2 380px;
                column-gap: 26px;
            }
            .checklist li {
                counter-increment: c;
                position: relative;
                break-inside: avoid;
                background: #fff;
                border: 1px solid var(--line);
                border-radius: var(--radius);
                padding: 18px 20px 18px 62px;
                margin: 0 0 16px;
                box-shadow: var(--shadow);
            }
            .checklist li::before {
                content: counter(c, decimal-leading-zero);
                position: absolute;
                left: 18px;
                top: 18px;
                font-weight: 800;
                font-size: 15px;
                color: var(--brand);
            }

            /* cost block */
            #cost .wrap {
                background: #fff;
                border: 1px solid var(--line);
                border-radius: 20px;
                box-shadow: var(--shadow);
                padding: clamp(26px, 4vw, 44px);
                position: relative;
                overflow: hidden;
            }
          
            #cost .answer {
                margin-bottom: 24px;
            }
            #cost h2 {
                margin-top: 0;
            }

            /* FAQ two columns */
            #faq .wrap {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 14px 20px;
                align-items: start;
            }
            #faq h2 {
                grid-column: 1 / -1;
                margin-bottom: 14px;
            }
            details {
                background: #fff;
                border: 1px solid var(--line);
                border-radius: var(--radius);
                margin: 0;
                box-shadow: var(--shadow);
                transition:
                    border-color 0.2s,
                    box-shadow 0.2s;
            }
            details:hover {
                box-shadow: var(--shadow-hover);
            }
            details[open] {
                border-color: #e7c9d3;
            }
            summary {
                cursor: pointer;
                padding: 18px 56px 18px 22px;
                font-weight: 600;
                list-style: none;
                position: relative;
            }
            summary::-webkit-details-marker {
                display: none;
            }
            summary::after {
                content: "+";
                position: absolute;
                right: 14px;
                top: 50%;
                transform: translateY(-50%);
                width: 28px;
                height: 28px;
                border-radius: 50%;
                background: var(--brand-soft);
                color: var(--brand);
                font-size: 18px;
                line-height: 28px;
                text-align: center;
                font-weight: 700;
            }
            details[open] summary::after {
                content: "–";
                background: var(--grad-brand);
                color: #fff;
            }
            summary h3 {
                display: inline;
                font-size: 17px;
                margin: 0;
            }
            details p {
                margin: 0;
                padding: 0 22px 20px;
                color: var(--ink);
            }

            .meta {
                font-size: 13px;
                color: var(--muted);
                margin-top: 18px;
            }

            /* closing band */
            section[aria-labelledby="rel-h"] {
                overflow: hidden;
                background: var(--grad-navy);
                color: #fff;
            }
            section[aria-labelledby="rel-h"]::before {
                content: "";
                position: absolute;
                width: 600px;
                height: 600px;
                right: -240px;
                top: -260px;
                border-radius: 50%;
                background: radial-gradient(circle, rgba(184, 90, 117, 0.45), rgba(184, 90, 117, 0) 70%);
                pointer-events: none;
            }
            section[aria-labelledby="rel-h"] > .wrap {
                position: relative;
                z-index: 1;
            }
            section[aria-labelledby="rel-h"] h2 {
                color: #fff;
            }
            section[aria-labelledby="rel-h"] > .wrap > h2::before {
                background: #fbd3df;
            }
            section[aria-labelledby="rel-h"] .lead {
                color: #d5deea;
            }
            section[aria-labelledby="rel-h"] .card {
                background: rgba(255, 255, 255, 0.97);
                border-color: rgba(255, 255, 255, 0.2);
            }
            section[aria-labelledby="rel-h"] a.card:hover {
                border-color: #fff;
            }
            section[aria-labelledby="rel-h"] .meta {
                color: #b9c6d8;
                border-top: 1px solid rgba(255, 255, 255, 0.18);
                padding-top: 18px;
            }
            section[aria-labelledby="rel-h"] .btn-primary {
                background: #fff;
                color: var(--brand-ink);
                border-color: #fff;
                box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
            }
            section[aria-labelledby="rel-h"] .btn-primary:hover {
                background: var(--brand-soft);
                color: var(--brand-ink);
            }
            section[aria-labelledby="rel-h"] .btn-ghost {
                background: transparent;
                color: #fff;
                border-color: rgba(255, 255, 255, 0.6);
            }
            section[aria-labelledby="rel-h"] .btn-ghost:hover {
                background: rgba(255, 255, 255, 0.12);
                border-color: #fff;
            }
            section[aria-labelledby="rel-h"] > .wrap > div[style] {
                margin-top: 52px !important;
            }

            /* tablet */
            @media (max-width: 900px) {
                header.hero .wrap {
                    grid-template-columns: 1fr;
                    row-gap: 14px;
                }
                header.hero .eyebrow,
                header.hero h1,
                header.hero .answer,
                header.hero .entity {
                    grid-column: 1;
                    grid-row: auto;
                }
                header.hero .cta-row {
                    grid-column: 1;
                    grid-row: auto;
                    margin-top: 12px;
                    flex-direction: row;
                    flex-wrap: wrap;
                }
                header.hero .cta-row::before {
                    display: none;
                }
                header.hero .cta-row .btn {
                    flex: 1 1 200px;
                }
                #faq .wrap {
                    grid-template-columns: 1fr;
                }
                .checklist {
                    columns: 1;
                }
            }

            /* phone */
            @media (max-width: 600px) {
                section {
                    padding: 42px 0;
                }
                .crumbs {
                    font-size: 13px;
                }
                .answer {
                    font-size: 17px;
                }
                .card {
                    padding: 20px 20px;
                }
                .btn {
                    width: 100%;
                    flex: 1 1 100%;
                }
                .cta-row {
                    flex-direction: column;
                }
                table {
                    font-size: 14px;
                }
                th,
                td {
                    padding: 12px 13px;
                }
                summary {
                    padding: 16px 52px 16px 18px;
                    font-size: 15px;
                }
                details p {
                    padding: 0 18px 18px;
                }
                ol.flow {
                    grid-template-columns: 1fr;
                }
                #cost .wrap {
                    padding: 24px 20px;
                }
            }

            @media (prefers-reduced-motion: reduce) {
                html {
                    scroll-behavior: auto;
                }
                * {
                    transition: none !important;
                }
            }

            [class^="ti-"], ul.icon-nav > li:before, .site-menu:not(.mobile-menu) li.menu-item-has-children > a:after {
    font-family: "themify-icons";
}