:root {
    --clone-black: #171717;
    --clone-black-2: #222222;
    --clone-gold: #d4af37;
    --clone-gold-light: #f4d46b;
    --clone-red: #b91f2f;
    --clone-red-dark: #8f1724;
    --clone-cream: #fff8e6;
    --clone-soft: #f7f3e8;
    --clone-text: #1d1d1d;
}

/* Hero grey-black premium look */
.zts-home-page .hero {
    background: #f8f5ec !important;
}

.zts-home-page .hero .eyebrow,
.zts-home-page .section .eyebrow,
.zts-home-page .sectionhead .eyebrow {
    color: var(--clone-gold-light) !important;
    letter-spacing: 0.08em;
}

.zts-home-page .hero h1 span,
.zts-home-page h2 .red,
.zts-home-page .red {
    color: var(--clone-gold) !important;
}

.zts-home-page .hero .intro,
.zts-home-page .hero-trust {
    color: rgba(255, 255, 255, 0.84) !important;
}

.zts-home-page .hero-scene {
    filter: drop-shadow(0 24px 45px rgba(0, 0, 0, 0.35));
}

/* Buttons */
.zts-home-page .btn {
    background: linear-gradient(135deg, var(--clone-red), var(--clone-red-dark)) !important;
    border-color: var(--clone-red) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 28px rgba(185, 31, 47, 0.25);
}

.zts-home-page .btn:hover {
    background: linear-gradient(135deg, var(--clone-red-dark), #6f101a) !important;
    color: #ffffff !important;
}

.zts-home-page .btn.ghost,
.zts-home-page .btn.outline {
    background: #ffffff !important;
    color: var(--clone-black) !important;
    border-color: var(--clone-gold) !important;
}

/* General section premium background */
.zts-home-page .section.soft,
.zts-home-page .brandstrip,
.zts-home-page .problems,
.zts-home-page #solutions {
    background: var(--clone-soft);
}

.zts-home-page .section h2,
.zts-home-page .sectionhead h2,
.zts-home-page .aboutcopy h2,
.zts-home-page #results h2,
.zts-home-page #industries h2,
.zts-home-page #outcomes h2,
.zts-home-page #people h2,
.zts-home-page #testimonials h2,
.zts-home-page #faq h2 {
    color: var(--clone-black) !important;
}

.zts-home-page .section h2 span,
.zts-home-page .sectionhead h2 span {
    color: var(--clone-gold) !important;
}

/* Cards and boxes golden touch */
.zts-home-page .stat,
.zts-home-page .problem,
.zts-home-page .service-card,
.zts-home-page .casepanel,
.zts-home-page .industry-panel,
.zts-home-page .outcome-card,
.zts-home-page .blogcard {
    background: #ffffff !important;
    border: 1px solid rgba(212, 175, 55, 0.38) !important;
    box-shadow: 0 14px 34px rgba(23, 23, 23, 0.08) !important;
}

.zts-home-page .problem {
    border-left: 5px solid var(--clone-red) !important;
}

.zts-home-page .problem:hover,
.zts-home-page .service-card:hover,
.zts-home-page .blogcard:hover {
    background: #fffaf0 !important;
    border-color: var(--clone-gold) !important;
    transform: translateY(-3px);
}

.zts-home-page .problem h3,
.zts-home-page .service-card h3,
.zts-home-page .casepanel h3,
.zts-home-page .industry-panel h3,
.zts-home-page .blogcard h3,
.zts-home-page .accordion summary {
    color: var(--clone-black) !important;
}

.zts-home-page .problem small,
.zts-home-page .service-card small,
.zts-home-page .blogcopy small {
    color: var(--clone-red) !important;
}

/* CTA sections softer red */
.zts-home-page .zts-performance-cta,
.zts-home-page .growth-review,
.zts-home-page .contact {
    background:
        radial-gradient(circle at 85% 20%, rgba(244, 212, 107, 0.22), transparent 30%),
        linear-gradient(135deg, #8f1724 0%, #b91f2f 55%, #7c111b 100%) !important;
}

.zts-home-page .zts-performance-cta h2,
.zts-home-page .growth-review h2,
.zts-home-page .contact h2 {
    color: #ffffff !important;
}

.zts-home-page .zts-performance-cta h2 span,
.zts-home-page .growth-review h2 span,
.zts-home-page .contact h2 span {
    color: var(--clone-gold-light) !important;
}

/* Case study tabs */
.zts-home-page [role="tab"] {
    border-color: rgba(212, 175, 55, 0.45) !important;
    color: var(--clone-black) !important;
}

.zts-home-page [role="tab"][aria-selected="true"] {
    background: var(--clone-black) !important;
    color: var(--clone-gold-light) !important;
    border-color: var(--clone-gold) !important;
}

/* Testimonial */
.zts-home-page #testimonials {
    background: #fffaf0 !important;
}

.zts-home-page #testimonials .review-card,
.zts-home-page #testimonials .testimonial-card {
    border-color: rgba(212, 175, 55, 0.45) !important;
}

.zts-home-page #review-count {
    color: var(--clone-black) !important;
}

/* Footer contact form area */
.zts-home-page .growth-form,
.zts-home-page .zts-homepage-form-box {
    background: #ffffff !important;
    border: 1px solid rgba(212, 175, 55, 0.45) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.18) !important;
}

.zts-home-page .growth-form h3 {
    color: var(--clone-black) !important;
}

.zts-home-page input[type="submit"],
.zts-home-page .form-submit input {
    background: linear-gradient(135deg, var(--clone-red), var(--clone-red-dark)) !important;
    color: #ffffff !important;
    border-color: var(--clone-red) !important;
}

/* Mobile */
@media (max-width: 767px) {
  .zts-home-page .hero {
   background: #f8f5ec !important;
}
    .zts-home-page .problem,
    .zts-home-page .service-card,
    .zts-home-page .blogcard {
        transform: none !important;
    }
}


/* FINAL VISIBILITY FIX - clone page only */

/* Keep main headings readable, not all golden */
.zts-home-page h2,
.zts-home-page h3,
.zts-home-page .sectionhead h2,
.zts-home-page .aboutcopy h2,
.zts-home-page #results h2,
.zts-home-page #industries h2,
.zts-home-page #outcomes h2,
.zts-home-page #people h2,
.zts-home-page #testimonials h2,
.zts-home-page #faq h2 {
    color: #111111 !important;
}

.zts-home-page .red,
.zts-home-page h2 span,
.zts-home-page h3 span {
    color: #b91f2f !important;
}

/* Small upper labels: red/gold balanced */
.zts-home-page .eyebrow,
.zts-home-page .sectionhead .eyebrow {
    color: #b91f2f !important;
    font-weight: 800 !important;
}

/* Remove heavy box border color */
.zts-home-page .stat,
.zts-home-page .problem,
.zts-home-page .service-card,
.zts-home-page .casepanel,
.zts-home-page .industry-panel,
.zts-home-page .outcome-card,
.zts-home-page .blogcard{
    border: 0 !important;
    box-shadow: 0 14px 34px rgba(17, 17, 17, 0.09) !important;
}

/* Keep left red line only where needed */
.zts-home-page .problem,
.zts-home-page .service-card {
    border-left: 4px solid #b91f2f !important;
}

/* Accordion text visibility fix */
.zts-home-page .accordion details,
.zts-home-page #faq details,
.zts-home-page #outcomes details {
    background: #ffffff !important;
    color: #111111 !important;
}

.zts-home-page .accordion summary,
.zts-home-page #faq summary,
.zts-home-page #outcomes summary {
    color: #111111 !important;
    font-weight: 800 !important;
}

.zts-home-page .accordion details p,
.zts-home-page #faq details p,
.zts-home-page #outcomes details p,
.zts-home-page .accordion details[open] p,
.zts-home-page #faq details[open] p,
.zts-home-page #outcomes details[open] p {
    color: #222222 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Remove unwanted duplicate marker/sign issue */
.zts-home-page summary::-webkit-details-marker {
    display: none !important;
}

.zts-home-page summary::marker {
    content: "" !important;
}

.zts-home-page .accordion summary:after,
.zts-home-page #faq summary:after,
.zts-home-page #outcomes summary:after {
    color: #d4af37 !important;
}

/* Better hover with golden touch */
.zts-home-page .btn:hover,
.zts-home-page button:hover,
.zts-home-page input[type="submit"]:hover,
.zts-home-page .form-submit input:hover,
.zts-home-page .review-nav button:hover,
.zts-home-page .brandstrip-dots button:hover,
.zts-home-page [data-brand-dot]:hover {
    background: linear-gradient(135deg, #d4af37, #f4d46b) !important;
    border-color: #d4af37 !important;
    color: #111111 !important;
    box-shadow: 0 12px 30px rgba(212, 175, 55, 0.32) !important;
}

/* Card hover should be light, readable */
.zts-home-page .problem:hover,
.zts-home-page .service-card:hover,
.zts-home-page .blogcard:hover,
.zts-home-page .stat:hover {
    background: #fff8e6 !important;
    color: #111111 !important;
}

.zts-home-page .problem:hover h3,
.zts-home-page .service-card:hover h3,
.zts-home-page .blogcard:hover h3,
.zts-home-page .problem:hover p,
.zts-home-page .service-card:hover p,
.zts-home-page .blogcard:hover p {
    color: #111111 !important;
}

/* CTA red but softer */
.zts-home-page .zts-performance-cta,
.zts-home-page .growth-review,
.zts-home-page .contact {
    background: linear-gradient(135deg, #9f1826 0%, #b91f2f 55%, #86131f 100%) !important;
}

.zts-home-page .zts-performance-cta .btn,
.zts-home-page .growth-review .btn,
.zts-home-page .contact .btn {
    background: #ffffff !important;
    color: #111111 !important;
    border-color: #ffffff !important;
}

.zts-home-page .zts-performance-cta .btn:hover,
.zts-home-page .growth-review .btn:hover,
.zts-home-page .contact .btn:hover {
    background: #d4af37 !important;
    color: #111111 !important;
    border-color: #d4af37 !important;
}





/* CLONE FINAL ACCORDION + VISIBILITY FIX */

.zts-home-page .accordion details {
    background: #ffffff !important;
    border: none !important;
    color: #111111 !important;
}

.zts-home-page .accordion summary {
    color: #111111 !important;
    font-weight: 800 !important;
    background: #ffffff !important;
}

.zts-home-page .accordion details p,
.zts-home-page .accordion details[open] p {
    color: #111111 !important;
    opacity: 1 !important;
    display: block !important;
    visibility: visible !important;
}

/* fix duplicate + + / - - */
.zts-home-page .accordion summary::before {
    display: none !important;
    content: none !important;
}

.zts-home-page .accordion summary::after {
    content: "+" !important;
    color: #d4af37 !important;
    font-size: 22px !important;
    font-weight: 900 !important;
}

.zts-home-page .accordion details[open] summary::after {
    content: "-" !important;
}

/* better heading visibility */
.zts-home-page h2,
.zts-home-page h3 {
    color: #111111 !important;
}

.zts-home-page .red,
.zts-home-page h2 span {
    color: #b91f2f !important;
}

.zts-home-page .eyebrow {
    color: #b91f2f !important;
}

/* golden hover for all buttons */
.zts-home-page .btn:hover,
.zts-home-page button:hover,
.zts-home-page input[type="submit"]:hover,
.zts-home-page .form-submit input:hover {
    background: linear-gradient(135deg, #d4af37, #f4d46b) !important;
    border-color: #d4af37 !important;
    color: #111111 !important;
}









/* FINAL CLONE CLEANUP - visibility, border, hover */

/* 1st + 2nd screenshot: remove coloured borders from boxes */
.zts-home-page .stat,
.zts-home-page .problem,
.zts-home-page .service-card,
.zts-home-page .casepanel,
.zts-home-page .industry-panel,
.zts-home-page .outcome-card,
.zts-home-page .blogcard,
.zts-home-page .review-card,
.zts-home-page .testimonial-card,
.zts-home-page .growth-form,
.zts-home-page .zts-homepage-form-box {
    border-color: transparent !important;
    border-width: 0 !important;
    box-shadow: 0 14px 34px rgba(17, 17, 17, 0.08) !important;
}

/* keep problem cards professional without coloured border */
.zts-home-page .problem,
.zts-home-page .service-card {
    border-left: 0 !important;
}

/* 3rd screenshot: accordion opened text black and visible */
.zts-home-page .accordion details,
.zts-home-page .accordion details[open],
.zts-home-page .accordion summary,
.zts-home-page .accordion details p,
.zts-home-page .accordion details[open] p {
    color: #111111 !important;
    background: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.zts-home-page .accordion details p,
.zts-home-page .accordion details[open] p {
    display: block !important;
    color: #111111 !important;
    font-weight: 500 !important;
}

/* remove duplicate + + / - - issue */
.zts-home-page .accordion summary::before,
.zts-home-page .accordion summary::after {
    display: none !important;
    content: none !important;
}

/* high visibility heading balance */
.zts-home-page h2,
.zts-home-page h3,
.zts-home-page .sectionhead h2,
.zts-home-page .aboutcopy h2 {
    color: #111111 !important;
}

.zts-home-page .red,
.zts-home-page h2 span,
.zts-home-page h3 span {
    color: #b91f2f !important;
}

.zts-home-page .eyebrow,
.zts-home-page .sectionhead .eyebrow {
    color: #b91f2f !important;
    font-weight: 800 !important;
}

/* 4th screenshot: make red box/CTA slightly lighter */
.zts-home-page .zts-performance-cta,
.zts-home-page .growth-review,
.zts-home-page .contact {
    background: linear-gradient(135deg, #b92a38 0%, #c83a47 55%, #9f1f2d 100%) !important;
}

/* if second solution/service box is red, make it lighter */
.zts-home-page .service-card:nth-child(2),
.zts-home-page .solutionsgrid > *:nth-child(2),
.zts-home-page .servicesgrid > *:nth-child(2) {
    background: #c83a47 !important;
    color: #ffffff !important;
}

/* button hover golden touch */
.zts-home-page .btn:hover,
.zts-home-page button:hover,
.zts-home-page input[type="submit"]:hover,
.zts-home-page .form-submit input:hover,

.zts-home-page .service-card a:hover,
.zts-home-page .blogcard a:hover,
.zts-home-page .link:hover {
    background: linear-gradient(135deg, #d4af37, #f4d46b) !important;
    border-color: #d4af37 !important;
    color: #111111 !important;
    box-shadow: 0 12px 30px rgba(212, 175, 55, 0.32) !important;
}

/* keep hover readable */
.zts-home-page .problem:hover,
.zts-home-page .service-card:hover,
.zts-home-page .blogcard:hover,
.zts-home-page .stat:hover {
    background: #fff8e6 !important;
    color: #111111 !important;
}

.zts-home-page .problem:hover *,
.zts-home-page .service-card:hover *,
.zts-home-page .blogcard:hover *,
.zts-home-page .stat:hover * {
    color: #111111 !important;
}



















/* FINAL CLONE CLEANUP */

.zts-home-page .stat,
.zts-home-page .problem,
.zts-home-page .service-card,
.zts-home-page .casepanel,
.zts-home-page .industry-panel,
.zts-home-page .outcome-card,
.zts-home-page .blogcard,
.zts-home-page .review-card,
.zts-home-page .testimonial-card,
.zts-home-page .growth-form,
.zts-home-page .zts-homepage-form-box {
    border: 0 !important;
    box-shadow: 0 14px 34px rgba(17, 17, 17, 0.08) !important;
}

.zts-home-page .accordion details,
.zts-home-page .accordion details[open],
.zts-home-page .accordion summary,
.zts-home-page .accordion details p,
.zts-home-page .accordion details[open] p {
    background: #ffffff !important;
    color: #111111 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.zts-home-page .accordion summary::before,
.zts-home-page .accordion summary::after {
    display: none !important;
    content: none !important;
}

.zts-home-page h2,
.zts-home-page h3,
.zts-home-page .sectionhead h2,
.zts-home-page .aboutcopy h2 {
    color: #111111 !important;
}

.zts-home-page .red,
.zts-home-page h2 span,
.zts-home-page h3 span {
    color: #b91f2f !important;
}

.zts-home-page .eyebrow,
.zts-home-page .sectionhead .eyebrow {
    color: #b91f2f !important;
    font-weight: 800 !important;
}

.zts-home-page .zts-performance-cta,
.zts-home-page .growth-review,
.zts-home-page .contact {
    background: linear-gradient(135deg, #b92a38 0%, #c83a47 55%, #9f1f2d 100%) !important;
}

.zts-home-page .service-card:nth-child(2),
.zts-home-page .solutionsgrid > *:nth-child(2),
.zts-home-page .servicesgrid > *:nth-child(2) {
    background: #c83a47 !important;
    color: #ffffff !important;
}

.zts-home-page .btn:hover,
.zts-home-page button:hover,
.zts-home-page input[type="submit"]:hover,
.zts-home-page .form-submit input:hover,
.zts-home-page .problem a:hover,
.zts-home-page .service-card a:hover,
.zts-home-page .blogcard a:hover,
.zts-home-page .link:hover {
    background: linear-gradient(135deg, #d4af37, #f4d46b) !important;
    border-color: #d4af37 !important;
    color: #111111 !important;
    box-shadow: 0 12px 30px rgba(212, 175, 55, 0.32) !important;
}

.zts-home-page .problem:hover,
.zts-home-page .service-card:hover,
.zts-home-page .blogcard:hover,
.zts-home-page .stat:hover {
    background: #fff8e6 !important;
    color: #111111 !important;
}

.zts-home-page .problem:hover *,
.zts-home-page .service-card:hover *,
.zts-home-page .blogcard:hover *,
.zts-home-page .stat:hover * {
    color: #111111 !important;
}









/* FINAL CLONE FIX - accordion, visibility, buttons */

.zts-home-page .accordion details,
.zts-home-page .accordion details:first-child,
.zts-home-page .accordion details[open] {
    border: 0 !important;
    border-bottom: 1px solid #e5e5e5 !important;
    background: #ffffff !important;
    color: #111111 !important;
}

.zts-home-page .accordion summary,
.zts-home-page .accordion details[open] summary,
.zts-home-page .accordion details p,
.zts-home-page .accordion details[open] p {
    color: #111111 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.zts-home-page .accordion summary::after {
    border-color: #d4af37 !important;
    color: #111111 !important;
    background: #ffffff !important;
}

.zts-home-page .accordion details[open] summary::after {
    background: #d4af37 !important;
    color: #111111 !important;
    border-color: #d4af37 !important;
}

.zts-home-page .service-card:nth-child(2),
.zts-home-page .solutionsgrid > *:nth-child(2),
.zts-home-page .servicesgrid > *:nth-child(2) {
    background: #c83a47 !important;
    color: #ffffff !important;
}

.zts-home-page .service-card:nth-child(2) *,
.zts-home-page .solutionsgrid > *:nth-child(2) *,
.zts-home-page .servicesgrid > *:nth-child(2) * {
    color: #ffffff !important;
}

.zts-home-page .btn:hover,
.zts-home-page button:hover,
.zts-home-page input[type="submit"]:hover,
.zts-home-page .form-submit input:hover,
.zts-home-page .problem a:hover,
.zts-home-page .service-card a:hover,
.zts-home-page .blogcard a:hover,
.zts-home-page .link:hover {
    background: linear-gradient(135deg, #d4af37, #f4d46b) !important;
    border-color: #d4af37 !important;
    color: #111111 !important;
}
/* FINAL FIX - Problems section text forced white */
body .zts-home-page #problems .problem h3,
body .zts-home-page #problems .problem h3.text-white,
body .zts-home-page #problems .problem p,
body .zts-home-page #problems .problem:hover h3,
body .zts-home-page #problems .problem:hover h3.text-white,
body .zts-home-page #problems .problem:hover p {
    color: #111111 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body .zts-home-page #problems .problem .number,
body .zts-home-page #problems .problem span.number {
    color: #d4af37 !important;
}

body .zts-home-page #problems .problem a,
body .zts-home-page #problems .problem a *,
body .zts-home-page #problems .problem:hover a,
body .zts-home-page #problems .problem:hover a * {
    color !important;
}

/* Clone page only - remove white gap between recognition and solutions */
.zts-home-page #about.section {
    padding-bottom: 0 !important;
    background: #ffffff !important;
}

.zts-home-page #about .recognition {
    margin-bottom: 0 !important;
}

.zts-home-page #solutions {
    margin-top: -1px !important;
}











/* Clone contact left side attractive cards */
.zts-home-page .contact .zts-contact-intro {
    max-width: 610px !important;
    margin-top: 22px !important;
}

.zts-home-page .contact .zts-contact-intro p {
    color: rgba(255, 255, 255, 0.88) !important;
    font-size: 18px !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

.zts-home-page .contact .zts-contact-action-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 15px !important;
    max-width: 610px !important;
    margin-top: 30px !important;
}

.zts-home-page .contact .zts-contact-action-card {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 18px 20px !important;
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.24) !important;
    border-left: 5px solid #ffe07a !important;
    border-radius: 16px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.16) !important;
    transition: all 0.25s ease !important;
}

.zts-home-page .contact .zts-contact-icon {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    border-radius: 50% !important;
}

.zts-home-page .contact .zts-contact-icon svg {
    width: 24px !important;
    height: 24px !important;
    fill: none !important;
    stroke: #b91f2f !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.zts-home-page .contact .zts-contact-action-card strong {
    display: block !important;
    color: #ffffff !important;
    font-size: 19px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}

.zts-home-page .contact .zts-contact-action-card small {
    display: block !important;
    margin-top: 5px !important;
    color: #ffe07a !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}

.zts-home-page .contact .zts-contact-action-card:hover {
    background: rgba(255, 255, 255, 0.20) !important;
    border-color: #ffe07a !important;
    transform: translateY(-3px) !important;
}

@media (max-width: 767px) {
    .zts-home-page .contact .zts-contact-intro p {
        font-size: 16px !important;
    }

    .zts-home-page .contact .zts-contact-action-card {
        padding: 16px !important;
        gap: 13px !important;
    }

    .zts-home-page .contact .zts-contact-icon {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
    }

    .zts-home-page .contact .zts-contact-action-card strong {
        font-size: 16px !important;
    }

    .zts-home-page .contact .zts-contact-action-card small {
        font-size: 13px !important;
    }
}

/* Clone contact left side - clean golden icon cards */
.zts-home-page .contact .zts-contact-intro {
    max-width: 620px !important;
    margin-top: 22px !important;
}

.zts-home-page .contact .zts-contact-intro p {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
    margin: 0 !important;
}

.zts-home-page .contact .zts-contact-action-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    max-width: 590px !important;
    margin-top: 28px !important;
}

.zts-home-page .contact .zts-contact-action-card {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    width: 100% !important;
    padding: 17px 20px !important;
    background: rgba(255, 255, 255, 0.11) !important;
    border: 1px solid rgba(255, 224, 122, 0.35) !important;
    border-left: 5px solid #ffe07a !important;
    border-radius: 14px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.16) !important;
    transition: all 0.25s ease !important;
}

.zts-home-page .contact .zts-contact-icon {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 224, 122, 0.16) !important;
    border: 1px solid rgba(255, 224, 122, 0.55) !important;
    border-radius: 50% !important;
    color: #ffe07a !important;
    font-size: 22px !important;
    line-height: 1 !important;
}

.zts-home-page .contact .zts-contact-icon i {
    color: #ffe07a !important;
    font-size: 22px !important;
    line-height: 1 !important;
}

.zts-home-page .contact .zts-contact-text {
    display: block !important;
    min-width: 0 !important;
}

.zts-home-page .contact .zts-contact-action-card strong {
    display: block !important;
    color: #ffffff !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}

.zts-home-page .contact .zts-contact-action-card small {
    display: block !important;
    margin-top: 5px !important;
    color: #ffe07a !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}

.zts-home-page .contact .zts-contact-action-card:hover {
    background: rgba(255, 255, 255, 0.18) !important;
    border-color: #ffe07a !important;
    transform: translateY(-2px) !important;
}

@media (max-width: 767px) {
    .zts-home-page .contact .zts-contact-action-card {
        padding: 15px !important;
        gap: 12px !important;
    }

    .zts-home-page .contact .zts-contact-icon {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        font-size: 19px !important;
    }

    .zts-home-page .contact .zts-contact-icon i {
        font-size: 19px !important;
    }

    .zts-home-page .contact .zts-contact-action-card strong {
        font-size: 16px !important;
    }

    .zts-home-page .contact .zts-contact-action-card small {
        font-size: 13px !important;
    }
}
/* Contact section - simple one-by-one icon list */
.zts-home-page .contact .zts-contact-action-grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
    margin-top: 28px !important;
    max-width: 560px !important;
}

.zts-home-page .contact .zts-contact-action-card {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    width: auto !important;
    min-width: 430px !important;
    max-width: 100% !important;
    padding: 12px 16px !important;
    background: rgba(255, 255, 255, 0.10) !important;
    border: 1px solid rgba(255, 224, 122, 0.35) !important;
    border-radius: 50px !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.zts-home-page .contact .zts-contact-icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 224, 122, 0.18) !important;
    border: 1px solid rgba(255, 224, 122, 0.55) !important;
    border-radius: 50% !important;
    color: #ffe07a !important;
}

.zts-home-page .contact .zts-contact-icon i {
    color: #ffe07a !important;
    font-size: 17px !important;
    line-height: 1 !important;
}

.zts-home-page .contact .zts-contact-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.zts-home-page .contact .zts-contact-action-card strong {
    display: block !important;
    color: #ffffff !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

.zts-home-page .contact .zts-contact-action-card small {
    display: block !important;
    color: #ffe07a !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
}

.zts-home-page .contact .zts-contact-action-card:hover {
    background: rgba(255, 255, 255, 0.17) !important;
    border-color: #ffe07a !important;
    transform: translateX(4px) !important;
}

@media (max-width: 767px) {
    .zts-home-page .contact .zts-contact-action-card {
        width: 100% !important;
        min-width: 0 !important;
        border-radius: 18px !important;
    }
}







/* Final contact icon list layout */
.zts-home-page .contact .zts-contact-action-grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 18px !important;
    margin-top: 30px !important;
    max-width: 520px !important;
}

.zts-home-page .contact .zts-contact-action-card {
    display: inline-flex !important;
    align-items: center !important;
    gap: 14px !important;
    width: auto !important;
    min-width: 420px !important;
    padding: 12px 18px !important;
    background: rgba(255, 255, 255, 0.10) !important;
    border: 1px solid rgba(255, 224, 122, 0.40) !important;
    border-radius: 40px !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.zts-home-page .contact .zts-contact-icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 224, 122, 0.18) !important;
    border: 1px solid rgba(255, 224, 122, 0.65) !important;
    border-radius: 50% !important;
}

.zts-home-page .contact .zts-contact-icon i {
    color: #ffe07a !important;
    font-size: 17px !important;
    line-height: 1 !important;
}

.zts-home-page .contact .zts-contact-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
}

.zts-home-page .contact .zts-contact-action-card strong {
    color: #ffffff !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

.zts-home-page .contact .zts-contact-action-card small {
    color: #ffe07a !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
}

.zts-home-page .contact .zts-contact-action-card:hover {
    background: rgba(255, 255, 255, 0.18) !important;
    border-color: #ffe07a !important;
    transform: translateX(4px) !important;
}

@media (max-width: 767px) {
    .zts-home-page .contact .zts-contact-action-card {
        width: 100% !important;
        min-width: 0 !important;
        border-radius: 18px !important;
    }
}

.zts-home-page #about.section {
    padding-bottom: 0 !important;
    background: #ffffff !important;
}

.zts-home-page #about,
.zts-home-page #about .wrap,
.zts-home-page #about .aboutgrid,
.zts-home-page #about .stats {
    background: #ffffff !important;
}


html body .zts-home-page #about,
html body .zts-home-page #about.section {
    background: #ffffff !important;
    background-color: #ffffff !important;
}


/* Clone accordion plus/minus icon fix */
body .zts-home-page #outcomes summary,
body .zts-home-page #faq summary {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding-right: 52px !important;
    list-style: none !important;
    cursor: pointer !important;
}

body .zts-home-page #outcomes summary::-webkit-details-marker,
body .zts-home-page #faq summary::-webkit-details-marker {
    display: none !important;
}

body .zts-home-page #outcomes summary::before,
body .zts-home-page #faq summary::before {
    display: none !important;
    content: none !important;
}

body .zts-home-page #outcomes summary::after,
body .zts-home-page #faq summary::after {
    content: "+" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    border-radius: 50% !important;
    border: 1px solid #d4af37 !important;
    background: #ffffff !important;
    color: #b91f2f !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

body .zts-home-page #outcomes details[open] summary::after,
body .zts-home-page #faq details[open] summary::after {
    content: "-" !important;
    background: #d4af37 !important;
    color: #111111 !important;
    border-color: #d4af37 !important;
}


.zts-home-page img.hero-art {
    border-radius: 20px !important;
    overflow: hidden !important;
}