.cliccop-demo-page { background: #fff; }
.cliccop-demo-page .demo-hero { padding: 138px 0 34px; background: #111; color: #fff; }
.cliccop-demo-page .demo-hero-copy { max-width: 760px; }
.cliccop-demo-page .demo-hero h1 { margin: 10px 0 12px; color: #fff; font-size: clamp(38px, 5vw, 64px); line-height: 1.02; letter-spacing: -.04em; }
.cliccop-demo-page .demo-hero p { max-width: 650px; margin: 0; color: rgba(255,255,255,.78); font-size: 18px; line-height: 1.6; }
.cliccop-demo-page .demo-form-section { padding: 34px 0 72px; }
.cliccop-demo-page .demo-layout { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(300px, .72fr); gap: 28px; align-items: start; }
.cliccop-demo-page .demo-form-card { padding: 34px; border: 1px solid rgba(0,0,0,.08); border-radius: 22px; background: #fff; box-shadow: 0 18px 55px rgba(18,18,22,.08); scroll-margin-top: 100px; }
.cliccop-demo-page .demo-progress { margin-bottom: 32px; }
.cliccop-demo-page .demo-progress-track { position: relative; height: 4px; margin: 0 12px -16px; overflow: hidden; background: #e7e7e2; }
.cliccop-demo-page .demo-progress-track span { display: block; width: 0; height: 100%; background: #f4c430; transition: width .25s ease; }
.cliccop-demo-page .demo-progress ol { position: relative; display: flex; justify-content: space-between; margin: 0; padding: 0; list-style: none; }
.cliccop-demo-page .demo-progress li { display: flex; flex-direction: column; align-items: center; gap: 7px; color: #777; font-size: 13px; font-weight: 700; }
.cliccop-demo-page .demo-progress li span { display: grid; width: 32px; height: 32px; place-items: center; border: 2px solid #e7e7e2; border-radius: 50%; background: #fff; color: #777; }
.cliccop-demo-page .demo-progress li.is-active span, .cliccop-demo-page .demo-progress li.is-complete span { border-color: #f4c430; background: #f4c430; color: #111; }
.cliccop-demo-page .demo-progress li.is-active { color: #111; }
.cliccop-demo-page .demo-step { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; margin: 0; padding: 0; border: 0; animation: demoReveal .25s ease both; }
.cliccop-demo-page .demo-step[hidden] { display: none !important; }
@keyframes demoReveal { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.cliccop-demo-page .demo-step legend { grid-column: 1 / -1; margin: 0 0 8px; }
.cliccop-demo-page .demo-step legend strong { display: block; color: #111; font-size: 26px; }
.cliccop-demo-page .demo-step legend small { display: block; margin-top: 5px; color: #666; font-size: 15px; }
.cliccop-demo-page .demo-field-full { grid-column: 1 / -1; }
.cliccop-demo-page .demo-field label, .cliccop-demo-page .demo-label { display: block; margin-bottom: 8px; color: #222; font-size: 14px; font-weight: 700; }
.cliccop-demo-page .demo-field label span { color: #777; font-weight: 400; }
.cliccop-demo-page .demo-field input[type="text"], .cliccop-demo-page .demo-field input[type="email"], .cliccop-demo-page .demo-field input[type="tel"], .cliccop-demo-page .demo-field select, .cliccop-demo-page .demo-field textarea { width: 100%; min-height: 54px; padding: 13px 15px; border: 1px solid #d9d9d3; border-radius: 11px; background: #fff; color: #111; font-size: 16px; }
.cliccop-demo-page .demo-field textarea { min-height: 104px; resize: vertical; }
.cliccop-demo-page .demo-field input:focus, .cliccop-demo-page .demo-field select:focus, .cliccop-demo-page .demo-field textarea:focus { border-color: #111; outline: 3px solid rgba(244,196,48,.3); }
.cliccop-demo-page .demo-choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.cliccop-demo-page .demo-choice-grid label, .cliccop-demo-page .demo-radio-row label { display: flex; align-items: center; gap: 9px; min-height: 48px; margin: 0; padding: 10px 12px; border: 1px solid #deded8; border-radius: 11px; cursor: pointer; font-weight: 600; }
.cliccop-demo-page .demo-choice-grid input, .cliccop-demo-page .demo-radio-row input { width: 18px; height: 18px; accent-color: #111; }
.cliccop-demo-page .demo-radio-row { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; }
.cliccop-demo-page .demo-form-actions { display: flex; justify-content: flex-end; gap: 12px; margin-top: 26px; padding-top: 22px; border-top: 1px solid #ecece7; }
.cliccop-demo-page .demo-form-actions button { min-height: 50px; }
.cliccop-demo-page .demo-back { padding: 12px 22px; border: 1px solid #d7d7d1; border-radius: 999px; background: transparent; color: #111; font-weight: 700; }
.cliccop-demo-page .demo-submit { min-width: 260px; }
.cliccop-demo-page .demo-assurance { padding: 34px 30px; border-radius: 22px; background: #f4c430; color: #111; }
.cliccop-demo-page .demo-assurance-kicker { font-size: 12px; font-weight: 800; letter-spacing: .12em; }
.cliccop-demo-page .demo-assurance h2 { margin: 10px 0 24px; font-size: 31px; line-height: 1.08; }
.cliccop-demo-page .demo-assurance ul { margin: 0; padding: 0; list-style: none; }
.cliccop-demo-page .demo-assurance li { display: flex; gap: 12px; padding: 15px 0; border-top: 1px solid rgba(0,0,0,.14); line-height: 1.5; }
.cliccop-demo-page .demo-assurance li i { margin-top: 4px; }
.cliccop-demo-page .demo-contact-note { display: flex; gap: 12px; margin-top: 24px; padding: 17px; border-radius: 14px; background: #111; color: #fff; }
.cliccop-demo-page .demo-contact-note > i { font-size: 25px; }
.cliccop-demo-page .demo-contact-note strong, .cliccop-demo-page .demo-contact-note a { display: block; color: #fff; }
.cliccop-demo-page .demo-content-section { padding: 78px 0; background: #fff; }
.cliccop-demo-page .demo-content-heading { max-width: 700px; margin-bottom: 34px; }
.cliccop-demo-page .demo-content-heading h2 { margin: 10px 0; font-size: clamp(34px,4vw,52px); }
.cliccop-demo-page .demo-benefits { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.cliccop-demo-page .demo-benefits article { padding: 28px; border: 1px solid #e7e7e2; border-radius: 18px; }
.cliccop-demo-page .demo-benefits i { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 50%; background: #f4c430; color: #111; }
.cliccop-demo-page .demo-benefits h3 { margin: 18px 0 8px; font-size: 22px; }
.landing-form-status { width: 100%; margin-top: 18px !important; padding: 14px 16px; border-radius: 10px; }
.landing-form-status:empty { display: none; }
.landing-form-status.is-success { background: #eaf8ee; color: #146c2e; }
.landing-form-status.is-error { background: #fff0f0; color: #a12222; }
.landing-form-status.is-loading { background: #f4f4ef; color: #444; }
.landing-field-error { display: block; width: 100%; margin-top: 6px; color: #b42318; font-size: 12px; font-weight: 650; line-height: 1.4; }
.has-error input:not([type="checkbox"]):not([type="radio"]),
.has-error select,
.has-error textarea,
.has-error .nice-select { border-color: #d92d20 !important; }
.has-error .demo-choice-grid label,
.has-error .demo-radio-row label { border-color: rgba(217,45,32,.55) !important; }
.has-error input:focus,
.has-error select:focus,
.has-error textarea:focus,
.has-error .nice-select:focus { box-shadow: 0 0 0 3px rgba(217,45,32,.12) !important; }

.landing-success-panel[hidden] { display: none !important; }
.landing-success-panel {
    display: flex;
    width: 100%;
    min-height: 410px;
    padding: 42px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px solid #e4e5df;
    border-radius: 16px;
    background: #fff;
    color: #111;
    text-align: center;
    outline: 0;
}
.landing-success-icon {
    display: grid;
    width: 62px;
    height: 62px;
    margin-bottom: 18px;
    place-items: center;
    border-radius: 50%;
    background: #eaf8ee;
    color: #16863a;
    font-size: 25px;
}
.landing-success-kicker { margin-bottom: 8px; color: #16863a; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.landing-success-panel h3 { max-width: 720px; margin: 0 0 12px; font-family: var(--tp-theme-font); font-size: clamp(30px,3.5vw,44px); font-weight: 650; line-height: 1.1; letter-spacing: -.03em; }
.landing-success-panel > p { max-width: 680px; margin: 0; color: #5f6368; font-size: 16px; line-height: 1.65; }
.landing-success-panel > p strong { color: #202124; }
.demo-success-summary {
    width: 100%;
    max-width: 900px;
    margin-top: 28px;
    overflow: hidden;
    border: 1px solid #dfe1dc;
    border-radius: 14px;
    background: #fff;
    text-align: left;
}
.demo-success-summary-heading {
    display: flex;
    padding: 16px 20px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e4e5e0;
    background: #f4f5f6;
}
.demo-success-summary-heading span { color: #151515; font-size: 15px; font-weight: 800; }
.demo-success-summary-heading small { color: #74787e; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.demo-success-summary table { width: 100%; table-layout: fixed; border-collapse: collapse; }
.demo-success-summary td {
    width: 33.333%;
    padding: 16px 20px 18px;
    vertical-align: top;
    border-right: 1px solid #ecece7;
    border-bottom: 1px solid #ecece7;
}
.demo-success-summary tr:last-child td { border-bottom: 0; }
.demo-success-summary td:last-child { border-right: 0; }
.demo-success-summary td span,
.demo-success-summary td strong { display: block; }
.demo-success-summary td span { margin-bottom: 7px; color: #6b7077; font-size: 11px; font-weight: 750; letter-spacing: .025em; text-transform: uppercase; }
.demo-success-summary td strong { overflow-wrap: anywhere; color: #151515; font-size: 14px; font-weight: 750; }
.contact-success-summary { display: grid; width: 100%; max-width: 520px; grid-template-columns: auto 1fr; gap: 5px 16px; margin-top: 25px; padding: 18px 20px; border-radius: 11px; background: #f7f8f9; text-align: left; }
.contact-success-summary span { color: #73777d; font-size: 13px; }
.contact-success-summary strong { overflow-wrap: anywhere; color: #151515; font-size: 14px; }
.landing-success-actions { display: flex; margin-top: 28px; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px; }
.landing-success-actions a { display: inline-flex; min-height: 52px; padding: 0 24px; align-items: center; justify-content: center; gap: 9px; border-radius: 999px; font-family: var(--tp-theme-font); font-size: 14px; font-weight: 750; text-decoration: none; transition: transform .2s ease, background-color .2s ease; }
.landing-success-actions a:hover { transform: translateY(-2px); }
.landing-success-whatsapp { border: 1px solid #20b858; background: #25d366; color: #071d0f; }
.landing-success-whatsapp:hover { background: #20c45e; color: #071d0f; }
.landing-success-whatsapp svg { display: block; width: 20px; height: 20px; flex: 0 0 20px; }
.landing-success-back { border: 1px solid #222; background: #fff; color: #111; }
.landing-success-back:hover { background: #111; color: #fff; }

.cliccop-contact-page .tp-breadcrumb { min-height: 245px; padding-bottom: 25px !important; }
.cliccop-contact-page .tp-contect-area { padding-top: 38px !important; padding-bottom: 70px !important; }
.cliccop-contact-page .contact-primary-layout { order: 1; }
.cliccop-contact-page .contact-info-layout { order: 2; margin: 55px 0 20px !important; }
.cliccop-contact-page .contact-benefits-layout { order: 3; margin-bottom: 0 !important; }
.cliccop-contact-page .tp-contect-box { background: #fff !important; color: #111; }
.cliccop-contact-page .contact-form-column { order: 1; }
.cliccop-contact-page .contact-map-column { order: 2; }
.cliccop-contact-page .contact-purpose-note { margin: 0 0 18px; color: #555; line-height: 1.55; }

@media (max-width: 991.98px) {
    .cliccop-demo-page .demo-layout { grid-template-columns: 1fr; }
    .cliccop-demo-page .demo-assurance { order: 2; }
    .cliccop-demo-page .demo-benefits { grid-template-columns: 1fr; }
    .cliccop-contact-page .contact-map-column { margin-top: 30px; }
}
@media (max-width: 767.98px) {
    .cliccop-demo-page .demo-hero { padding: 112px 0 26px; }
    .cliccop-demo-page .demo-hero p { font-size: 16px; }
    .cliccop-demo-page .demo-form-section { padding: 18px 0 50px; }
    .cliccop-demo-page .demo-form-card { padding: 22px 16px; border-radius: 17px; box-shadow: none; }
    .cliccop-demo-page .demo-step { grid-template-columns: 1fr; }
    .cliccop-demo-page .demo-field, .cliccop-demo-page .demo-field-full { grid-column: 1; }
    .cliccop-demo-page .demo-choice-grid, .cliccop-demo-page .demo-radio-row { grid-template-columns: 1fr; }
    .cliccop-demo-page .demo-form-actions { justify-content: stretch; }
    .cliccop-demo-page .demo-form-actions button { flex: 1; min-width: 0; }
    .cliccop-demo-page .demo-submit { font-size: 13px; }
    .cliccop-demo-page .demo-assurance { padding: 27px 21px; }
    .cliccop-demo-page .demo-content-section { padding: 55px 0; }
    .cliccop-contact-page .tp-breadcrumb { min-height: 210px; }
    .cliccop-contact-page .tp-contect-area { padding-top: 20px !important; }
    .cliccop-contact-page .tp-contect-box { padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
    .cliccop-contact-page .contact-form-column { order: 1; }
    .cliccop-contact-page .contact-map-column { order: 2; }
    .cliccop-contact-page .contact-info-layout { margin-top: 38px !important; }
    .landing-success-panel { min-height: 0; padding: 30px 18px; }
    .landing-success-panel h3 { font-size: 28px; }
    .landing-success-panel > p { font-size: 14px; }
    .demo-success-summary { margin-top: 22px; }
    .demo-success-summary-heading { padding: 14px 15px; align-items: flex-start; flex-direction: column; gap: 2px; }
    .demo-success-summary table,
    .demo-success-summary tbody,
    .demo-success-summary tr,
    .demo-success-summary td { display: block; width: 100%; }
    .demo-success-summary td { padding: 12px 15px; border-right: 0; border-bottom: 1px solid #ecece7; }
    .demo-success-summary tr:last-child td:not(:last-child) { border-bottom: 1px solid #ecece7; }
    .demo-success-summary td span { margin-bottom: 3px; }
    .contact-success-summary { grid-template-columns: 1fr; }
    .contact-success-summary span:not(:first-child) { margin-top: 8px; }
    .landing-success-actions { width: 100%; flex-direction: column; }
    .landing-success-actions a { width: 100%; }
}

/* Demo form inside the original ClicCop landing-page composition. */
.cliccop-demo-page .demo-legacy-shell {
    padding: 48px 0 0;
    background: #fff;
}
.cliccop-demo-page .demo-legacy-shell .tp-contect-spacing {
    padding-top: 82px;
    padding-bottom: 120px;
}
.cliccop-demo-page .demo-legacy-shell .tp-contect-main {
    padding: 58px 10px 64px;
}
.cliccop-demo-page .demo-legacy-shell .demo-form-card {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.cliccop-demo-page .demo-legacy-shell .demo-progress {
    position: relative;
    margin-bottom: 34px;
    padding: 18px 22px;
    border-radius: 14px;
    background: rgba(255,255,255,.42);
}
.cliccop-demo-page .demo-legacy-shell .demo-progress-track { background: rgba(0,0,0,.16); }
.cliccop-demo-page .demo-legacy-shell .demo-progress-track span { background: #000; }
.cliccop-demo-page .demo-legacy-shell .demo-progress li { color: rgba(0,0,0,.62); }
.cliccop-demo-page .demo-legacy-shell .demo-progress li span { border-color: rgba(0,0,0,.2); }
.cliccop-demo-page .demo-legacy-shell .demo-progress li.is-active span,
.cliccop-demo-page .demo-legacy-shell .demo-progress li.is-complete span { border-color: #000; background: #000; color: #fff; }
.cliccop-demo-page .demo-legacy-shell .demo-step legend strong,
.cliccop-demo-page .demo-legacy-shell .demo-step legend small,
.cliccop-demo-page .demo-legacy-shell .demo-field label,
.cliccop-demo-page .demo-legacy-shell .demo-label { color: #111; }
.cliccop-demo-page .demo-legacy-shell .demo-field input[type="text"],
.cliccop-demo-page .demo-legacy-shell .demo-field input[type="email"],
.cliccop-demo-page .demo-legacy-shell .demo-field input[type="tel"],
.cliccop-demo-page .demo-legacy-shell .demo-field select,
.cliccop-demo-page .demo-legacy-shell .demo-field textarea,
.cliccop-demo-page .demo-legacy-shell .demo-choice-grid label,
.cliccop-demo-page .demo-legacy-shell .demo-radio-row label {
    border-color: rgba(0,0,0,.12);
    background: rgba(255,255,255,.92);
}
.cliccop-demo-page .demo-legacy-shell .demo-form-actions { border-color: rgba(0,0,0,.16); }

/* Demo conversion area: use the same clean, cardless workspace as Contact. */
.cliccop-demo-page .demo-form-section.demo-legacy-shell {
    padding: 0;
    background: #fff;
}
.cliccop-demo-page .demo-legacy-shell > .container-wide {
    width: 100%;
    max-width: none;
    margin: 0 auto;
    padding: 0;
}
.cliccop-demo-page .demo-legacy-shell .tp-contect-spacing {
    padding: 0 0 16px;
    overflow: visible;
    border-radius: 0;
    background: transparent !important;
    background-image: none !important;
}
.cliccop-demo-page .demo-legacy-shell .tp-contect-main {
    padding: 0;
    margin-top: -40px;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none;
    overflow: visible;
}
.cliccop-demo-page .demo-legacy-shell .tp-contect-shape,
.cliccop-demo-page .demo-legacy-shell .tp-contect-shape-inner { display: none !important; }
.cliccop-demo-page .demo-legacy-shell .tp-contect-heading {
    max-width: 700px;
    margin-bottom: 24px !important;
    text-align: left !important;
}
.cliccop-demo-page .demo-legacy-shell .tp-contect-heading .tp-section-sub-title {
    color: inherit;
    font-size: inherit;
}
.cliccop-demo-page .demo-legacy-shell .tp-contect-heading .tp-section-title {
    max-width: 700px;
    margin: 10px 0;
    color: #111;
    font-family: var(--tp-theme-font);
    font-size: clamp(34px, 4vw, 52px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -.02em;
}
.cliccop-demo-page .demo-legacy-shell .tp-contect-heading p {
    max-width: 700px;
    margin: 0;
    color: var(--tp-body-color);
    font-family: var(--tp-theme-font);
    font-size: 16px;
    line-height: 28px;
}
.cliccop-demo-page .demo-legacy-shell .demo-form-card {
    width: 100%;
    max-width: none;
    padding: 26px 24px 24px;
    border: 1px solid #ecece7;
    border-radius: 16px;
    background: #f6f7f8 !important;
}
.cliccop-demo-page .demo-legacy-shell .demo-progress {
    margin-bottom: 32px;
    padding: 0 8px 18px;
    border-bottom: 1px solid #d9d9d3;
    border-radius: 0;
    background: transparent;
}
.cliccop-demo-page .demo-legacy-shell .demo-progress li span { background: #fff; }
.cliccop-demo-page .demo-legacy-shell .demo-step legend strong {
    font-family: var(--tp-theme-font);
    font-size: 26px;
    font-weight: 700;
}
.cliccop-demo-page .demo-legacy-shell .demo-field input[type="text"],
.cliccop-demo-page .demo-legacy-shell .demo-field input[type="email"],
.cliccop-demo-page .demo-legacy-shell .demo-field input[type="tel"],
.cliccop-demo-page .demo-legacy-shell .demo-field select,
.cliccop-demo-page .demo-legacy-shell .demo-field textarea,
.cliccop-demo-page .demo-legacy-shell .demo-choice-grid label,
.cliccop-demo-page .demo-legacy-shell .demo-radio-row label {
    background: #fff !important;
    background-color: #fff !important;
    box-shadow: none;
    color-scheme: light;
}
.cliccop-demo-page .demo-legacy-shell .demo-field select,
.cliccop-demo-page .demo-legacy-shell .demo-field select:hover,
.cliccop-demo-page .demo-legacy-shell .demo-field select:focus,
.cliccop-demo-page .demo-legacy-shell .nice-select,
.cliccop-demo-page .demo-legacy-shell .nice-select:hover,
.cliccop-demo-page .demo-legacy-shell .nice-select:focus,
.cliccop-demo-page .demo-legacy-shell .nice-select.open,
.cliccop-demo-page .demo-legacy-shell .nice-select .list,
.cliccop-demo-page .demo-legacy-shell .nice-select .option {
    background: #fff !important;
    background-color: #fff !important;
}
.cliccop-demo-page .demo-legacy-shell .demo-field select option {
    background: #fff;
    color: #111;
}
.cliccop-demo-page .demo-legacy-shell .demo-field input[type="text"],
.cliccop-demo-page .demo-legacy-shell .demo-field input[type="email"],
.cliccop-demo-page .demo-legacy-shell .demo-field input[type="tel"],
.cliccop-demo-page .demo-legacy-shell .demo-field textarea {
    min-height: 54px;
    padding: 13px 15px;
    border: 1px solid #d9d9d3;
    border-radius: 11px;
    background: #fff !important;
    color: #111;
    opacity: 1;
    font-family: var(--tp-theme-font);
    font-size: 16px;
    color-scheme: only light;
    -webkit-box-shadow: inset 0 0 0 1000px #fff !important;
    box-shadow: inset 0 0 0 1000px #fff !important;
}
.cliccop-demo-page .demo-legacy-shell .demo-field textarea {
    min-height: 104px;
}
.cliccop-demo-page .demo-legacy-shell .demo-field select {
    width: 100%;
    height: 58px;
    min-height: 58px;
    padding: 0 58px 0 28px;
    border: 1px solid #d9d9d3;
    border-radius: 999px;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1.25L7 7.25L13 1.25' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-position: right 28px center !important;
    background-repeat: no-repeat !important;
    color: #111;
    opacity: 1;
    font-family: var(--tp-theme-font);
    font-size: 16px;
    font-weight: 400;
    line-height: 56px;
    appearance: none;
    -webkit-appearance: none;
    color-scheme: only light;
    -webkit-box-shadow: inset 0 0 0 1000px #fff !important;
    box-shadow: inset 0 0 0 1000px #fff !important;
}
.cliccop-demo-page .demo-legacy-shell .demo-field :is(input, select, textarea):focus {
    background-color: #fff !important;
    -webkit-box-shadow: inset 0 0 0 1000px #fff, 0 0 0 3px rgba(217,216,19,.2) !important;
    box-shadow: inset 0 0 0 1000px #fff, 0 0 0 3px rgba(217,216,19,.2) !important;
}
.cliccop-demo-page .demo-legacy-shell .demo-field input:-webkit-autofill,
.cliccop-demo-page .demo-legacy-shell .demo-field input:-webkit-autofill:hover,
.cliccop-demo-page .demo-legacy-shell .demo-field input:-webkit-autofill:focus {
    -webkit-text-fill-color: #111 !important;
    -webkit-box-shadow: inset 0 0 0 1000px #fff !important;
    box-shadow: inset 0 0 0 1000px #fff !important;
}
.cliccop-demo-page .demo-legacy-shell .demo-field input::placeholder,
.cliccop-demo-page .demo-legacy-shell .demo-field textarea::placeholder {
    color: #404038;
    opacity: 1;
}
.cliccop-demo-page .demo-legacy-shell .demo-form-actions .demo-next,
.cliccop-demo-page .demo-legacy-shell .demo-form-actions .demo-submit {
    display: inline-flex;
    min-width: 132px;
    min-height: 52px;
    padding: 0 28px;
    align-items: center;
    justify-content: center;
    gap: 0;
    border: 0;
    border-radius: 999px;
    background: var(--tp-secoundery-color);
    color: #111;
    font-family: var(--tp-theme-font);
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    box-shadow: none;
}
.cliccop-demo-page .demo-content-section {
    padding-top: 24px;
}

@media (max-width: 767.98px) {
    .cliccop-demo-page .demo-legacy-shell { padding-top: 0; }
    .cliccop-demo-page .demo-legacy-shell > .container-wide { padding: 0; }
    .cliccop-demo-page .demo-legacy-shell .tp-contect-spacing { padding: 0 0 12px; border-radius: 0; }
    .cliccop-demo-page .demo-legacy-shell .tp-contect-main { padding: 0; border-radius: 0; }
    .cliccop-demo-page .demo-legacy-shell .demo-form-card { padding: 18px 14px; border-radius: 14px; background: #f6f7f8 !important; }
    .cliccop-demo-page .demo-legacy-shell .tp-contect-heading { margin-bottom: 20px !important; }
    .cliccop-demo-page .demo-legacy-shell .tp-contect-heading .tp-section-title { font-size: 34px !important; }
    .cliccop-demo-page .demo-legacy-shell .tp-contect-heading p { font-size: 15px; line-height: 1.6; }
    .cliccop-demo-page .demo-legacy-shell .demo-progress { padding: 0 4px 16px; }
    .cliccop-demo-page .demo-legacy-shell .demo-form-actions .demo-next,
    .cliccop-demo-page .demo-legacy-shell .demo-form-actions .demo-submit { min-width: 0; min-height: 50px; padding: 0 20px; }
    .cliccop-demo-page .demo-content-section { padding-top: 20px; }
}

/* Contact page based on the supplied ClicCop reference. */
.cliccop-contact-page .contact-reference-hero {
    position: relative;
    min-height: 320px;
    overflow: hidden;
    padding: 126px 0 10px;
    background: #080d12 url("../img/about/about-thumb-2.webp") center right / cover no-repeat;
    color: #fff;
}
.cliccop-contact-page .contact-reference-hero::before {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(5,9,13,.98) 0%, rgba(5,9,13,.88) 39%, rgba(5,9,13,.35) 70%, rgba(5,9,13,.08) 100%);
    content: "";
}
.cliccop-contact-page .contact-reference-hero::after {
    position: absolute;
    right: -52px;
    bottom: -76px;
    width: 160px;
    height: 160px;
    transform: rotate(32deg);
    background: rgba(217,216,19,.88);
    content: "";
}
.cliccop-contact-page .contact-reference-hero .container { position: relative; z-index: 2; }
.cliccop-contact-page .contact-reference-hero__copy { max-width: 700px; }
.cliccop-contact-page .contact-reference-hero__crumb { display: flex; gap: 15px; margin-bottom: 18px; color: rgba(255,255,255,.75); font-size: 17px; font-weight: 500; }
.cliccop-contact-page .contact-reference-hero__crumb a { color: inherit; }
.cliccop-contact-page .contact-reference-hero h1 { margin: 0 0 14px; color: #fff; font-size: clamp(42px,4.2vw,64px); font-weight: 700; line-height: 1.05; letter-spacing: -.045em; }
.cliccop-contact-page .contact-reference-hero h1 em { color: #f3efa4; font-family: var(--tp-ff-dmserif); font-weight: 400; }
.cliccop-contact-page .contact-reference-hero > .container p { margin: 0; color: rgba(255,255,255,.9); font-size: 17px; line-height: 1.45; }
.cliccop-contact-page .contact-reference-hero__benefits { display: flex; max-width: 720px; margin-top: 20px; }
.cliccop-contact-page .contact-reference-hero__benefits > div { display: flex; min-width: 0; padding: 0 24px; align-items: center; gap: 12px; border-right: 1px solid rgba(255,255,255,.18); }
.cliccop-contact-page .contact-reference-hero__benefits > div:first-child { padding-left: 0; }
.cliccop-contact-page .contact-reference-hero__benefits > div:last-child { border-right: 0; }
.cliccop-contact-page .contact-reference-hero__benefits i { display: grid; flex: 0 0 44px; width: 44px; height: 44px; place-items: center; border: 1px solid rgba(255,255,255,.35); border-radius: 10px; background: linear-gradient(135deg,rgba(217,216,19,.2),rgba(255,255,255,.04)); color: #e9e800; font-size: 18px; }
.cliccop-contact-page .contact-reference-hero__benefits span,
.cliccop-contact-page .contact-reference-hero__benefits strong,
.cliccop-contact-page .contact-reference-hero__benefits small { display: block; }
.cliccop-contact-page .contact-reference-hero__benefits strong { color: #fff; font-size: 13px; white-space: nowrap; }
.cliccop-contact-page .contact-reference-hero__benefits small { margin-top: 2px; color: rgba(255,255,255,.72); font-size: 11px; }

.cliccop-contact-page .tp-contect-area { padding: 12px 0 66px !important; background: #f8f9fa; }
.cliccop-contact-page .contact-primary-layout { margin: 0 0 22px; }
.cliccop-contact-page .contact-primary-layout > .row { margin-right: -5px; margin-left: -5px; align-items: stretch; }
.cliccop-contact-page .contact-primary-layout > .row > div { padding-right: 5px; padding-left: 5px; }
.cliccop-contact-page .contact-form-column,
.cliccop-contact-page .contact-map-column { display: flex; }
.cliccop-contact-page .contact-form-column .tp-contect-box {
    width: 100%;
    margin: 0 !important;
    padding: 24px 0 22px;
    border: 0;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none;
}
.cliccop-contact-page .tp-contect-box-content { margin-bottom: 16px !important; }
.cliccop-contact-page .tp-contect-box-content > a { color: #48505c; font-size: 14px; font-weight: 500; text-transform: none; }
.cliccop-contact-page .tp-contect-box-title { margin: 0 0 4px; color: #111; font-family: var(--tp-theme-font); font-size: 32px; font-weight: 700; line-height: 1.08; letter-spacing: -.035em; }
.cliccop-contact-page .contact-purpose-note { margin: 0; color: #77808d; font-size: 14px; line-height: 1.5; }
.cliccop-contact-page .contact-form-column form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px 16px; }
.cliccop-contact-page .contact-form-column form > .tp-contect-box-input { margin: 0 !important; }
.cliccop-contact-page .contact-form-column form > .tp-contect-box-input:first-of-type,
.cliccop-contact-page .contact-form-column form > .tp-contect-box-input:nth-last-child(3),
.cliccop-contact-page .contact-form-column form > .landing-form-status { grid-column: 1 / -1; }
.cliccop-contact-page .tp-contect-box-input label { display: block; margin-bottom: 8px; color: #111; font-size: 14px; font-weight: 700; }
.cliccop-contact-page .tp-contect-box-input label span { color: #737b87; font-weight: 400; }
.cliccop-contact-page .tp-contect-box-input input,
.cliccop-contact-page .tp-contect-box-input select,
.cliccop-contact-page .tp-contect-box-input textarea { width: 100%; min-height: 54px; padding: 13px 15px; border: 1px solid #d9d9d3; border-radius: 11px; background: #fff; color: #111; font-family: inherit; font-size: 16px; box-shadow: none; }
.cliccop-contact-page .contact-form-column .nice-select,
.cliccop-contact-page .contact-form-column .nice-select:hover,
.cliccop-contact-page .contact-form-column .nice-select:focus,
.cliccop-contact-page .contact-form-column .nice-select.open { background-color: #fff !important; }
.cliccop-contact-page .tp-contect-box-input textarea { min-height: 104px; resize: vertical; }
.cliccop-contact-page .tp-btn-submit { min-height: 54px; padding: 0 26px; border: 0; border-radius: 999px; background: #e1e000; color: #101010; font-family: inherit; font-size: 14px; font-weight: 700; }
.cliccop-contact-page .tp-contect-box-input.tp-text-center { display: flex; align-items: center; text-align: left; }
.cliccop-contact-page .tp-contect-box-input.tp-text-center p { color: #737b87; font-size: 12px; line-height: 1.5; }

.cliccop-contact-page .contact-map-column .tp-contect-map-wrap { display: flex; position: relative; width: 100%; height: 100%; margin: 0 !important; padding: 24px 0 22px; overflow: hidden; border: 0; border-radius: 0; background: transparent; color: #111; box-shadow: none; flex-direction: column; }
.cliccop-contact-page .contact-map-column .tp-contect-map-wrap::before { display: none; content: none; }
.cliccop-contact-page .contact-location-heading { position: relative; z-index: 1; max-width: none; }
.cliccop-contact-page .contact-location-heading > span { display: inline-block; padding: 3px 14px; border: 1px solid rgba(255,255,255,.3); border-radius: 999px; color: rgba(255,255,255,.78); font-size: 9px; }
.cliccop-contact-page .contact-location-heading h2 { margin: 0 0 16px; color: #111; font-family: var(--tp-theme-font); font-size: 32px; font-weight: 700; line-height: 1.08; letter-spacing: -.035em; }
.cliccop-contact-page .contact-location-heading h2 em { display: inline; color: #807f10; font-family: inherit; font-size: inherit; font-style: normal; font-weight: inherit; }
.cliccop-contact-page .contact-location-heading p { margin: 0; color: rgba(255,255,255,.78); font-size: 12px; line-height: 1.4; }
.cliccop-contact-page .contact-location-badge { display: flex; position: absolute; z-index: 2; top: 20px; right: 20px; width: 185px; padding: 10px 12px; align-items: center; gap: 9px; border: 1px solid rgba(255,255,255,.27); border-radius: 12px; background: rgba(10,15,19,.75); }
.cliccop-contact-page .contact-location-badge i { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; background: rgba(217,216,19,.15); color: #e5e400; }
.cliccop-contact-page .contact-location-badge span,
.cliccop-contact-page .contact-location-badge strong,
.cliccop-contact-page .contact-location-badge small { display: block; }
.cliccop-contact-page .contact-location-badge strong { color: #fff; font-size: 11px; }
.cliccop-contact-page .contact-location-badge small { color: rgba(255,255,255,.65); font-size: 9px; line-height: 1.35; }
.cliccop-contact-page .contact-map-column .tp-contect-map { position: relative; z-index: 1; min-height: 0; padding-top: 0 !important; flex: 1 1 0; }
.cliccop-contact-page .contact-map-column .tp-contect-map iframe { display: block; width: 100%; height: 100%; min-height: 0; max-height: none; border-radius: 9px; filter: none; mix-blend-mode: normal; }
.cliccop-contact-page .contact-location-details { display: grid; position: relative; z-index: 1; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 12px; }
.cliccop-contact-page .contact-location-details > * { display: flex; min-width: 0; padding: 0 9px; align-items: center; gap: 8px; border-right: 1px solid rgba(217,216,19,.45); color: rgba(255,255,255,.82); font-size: 8px; line-height: 1.3; }
.cliccop-contact-page .contact-location-details > *:first-child { padding-left: 0; }
.cliccop-contact-page .contact-location-details > *:last-child { border: 0; }
.cliccop-contact-page .contact-location-details i { display: grid; flex: 0 0 30px; width: 30px; height: 30px; place-items: center; border-radius: 8px; background: rgba(217,216,19,.12); color: #e5e400; font-size: 13px; }
.cliccop-contact-page .contact-location-details span,
.cliccop-contact-page .contact-location-details small { display: block; min-width: 0; }
.cliccop-contact-page .contact-location-details small { margin-bottom: 1px; color: #fff; font-size: 9px; font-weight: 600; }
.cliccop-contact-page .contact-info-layout { margin: 18px 0 !important; }
.cliccop-contact-page .contact-benefits-layout { margin-bottom: 0 !important; }

/* Keep the Contact form and map headings consistent with the demo page. */
.cliccop-contact-page .tp-contect-box-title,
.cliccop-contact-page .contact-location-heading h2 {
    color: #111;
    font-family: var(--tp-theme-font);
    font-size: clamp(34px, 4vw, 52px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -.02em;
}
.cliccop-contact-page .contact-location-heading h2 em {
    color: inherit;
    font-family: inherit;
    font-style: normal;
    font-weight: inherit;
}

@media (max-width: 991.98px) {
    .cliccop-contact-page .contact-reference-hero { padding-top: 126px; }
    .cliccop-contact-page .contact-reference-hero__copy { max-width: 620px; }
    .cliccop-contact-page .contact-map-column { margin-top: 12px; }
}

@media (max-width: 767.98px) {
    .cliccop-contact-page .contact-reference-hero { min-height: 320px; padding: 118px 0 10px; background-position: 65% center; }
    .cliccop-contact-page .contact-reference-hero__crumb { gap: 9px; font-size: 13px; }
    .cliccop-contact-page .contact-reference-hero::before { background: linear-gradient(90deg,rgba(4,8,12,.96),rgba(4,8,12,.68)); }
    .cliccop-contact-page .contact-reference-hero::after { right: -72px; bottom: -92px; width: 175px; height: 175px; }
    .cliccop-contact-page .contact-reference-hero h1 { font-size: 36px; }
    .cliccop-contact-page .contact-reference-hero > .container p { font-size: 14px; }
    .cliccop-contact-page .contact-reference-hero__benefits { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
    .cliccop-contact-page .contact-reference-hero__benefits > div { padding: 0; border: 0; }
    .cliccop-contact-page .contact-reference-hero__benefits > div:last-child { display: none; }
    .cliccop-contact-page .contact-reference-hero__benefits i { flex-basis: 39px; width: 39px; height: 39px; }
    .cliccop-contact-page .tp-contect-area { padding: 0 0 50px !important; }
    .cliccop-contact-page .tp-contect-area .container { padding-right: 16px; padding-left: 16px; }
    .cliccop-contact-page .contact-primary-layout > .row { margin: 0; }
    .cliccop-contact-page .contact-primary-layout > .row > div { padding: 0; }
    .cliccop-contact-page .contact-form-column .tp-contect-box { padding: 28px 0 20px; border: 0; border-radius: 0; background: transparent !important; box-shadow: none; }
    .cliccop-contact-page .contact-form-column form { grid-template-columns: 1fr; gap: 11px; }
    .cliccop-contact-page .contact-form-column form > .tp-contect-box-input { grid-column: 1 !important; }
    .cliccop-contact-page .tp-contect-box-input input,
    .cliccop-contact-page .tp-contect-box-input select,
    .cliccop-contact-page .tp-contect-box-input textarea { min-height: 54px; background: #fff; font-size: 16px; }
    .cliccop-contact-page .tp-contect-box-input textarea { min-height: 104px; }
    .cliccop-contact-page .tp-btn-submit { width: 100%; min-height: 54px; }
    .cliccop-contact-page .contact-map-column { margin-top: 4px; }
    .cliccop-contact-page .contact-map-column .tp-contect-map-wrap { display: block; height: auto; padding: 28px 0 20px; }
    .cliccop-contact-page .contact-location-heading { max-width: 100%; padding-right: 0; }
    .cliccop-contact-page .tp-contect-box-title,
    .cliccop-contact-page .contact-location-heading h2 { font-size: 34px; }
    .cliccop-contact-page .contact-location-heading h2 { margin: 0 0 16px; }
    .cliccop-contact-page .contact-location-heading h2 em { font-size: inherit; }
    .cliccop-contact-page .contact-location-badge { position: static; width: 100%; margin-top: 14px; }
    .cliccop-contact-page .contact-map-column .tp-contect-map iframe { height: 280px; }
    .cliccop-contact-page .contact-location-details { grid-template-columns: 1fr 1fr; gap: 12px 0; }
    .cliccop-contact-page .contact-location-details > *:nth-child(2) { border-right: 0; }
    .cliccop-contact-page .contact-info-layout { margin-top: 16px !important; }
}

/* Disabled: the conversion pages retain the established landing-page UI. */
@media not all {
/* App-aligned conversion shell ------------------------------------------ */
.cliccop-demo-page,
.cliccop-contact-page {
    --app-primary: #d9d813;
    --app-primary-hover: #c8c712;
    --app-ink: #101010;
    --app-muted: #5f6368;
    --app-workspace: #f6f6f6;
    --app-surface: #fff;
    --app-soft: #f1f3f5;
    --app-line: #e1e4e9;
    margin: 0;
    background: var(--app-workspace);
    color: var(--app-ink);
    font-family: Inter, Sora, Tajawal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    -webkit-font-smoothing: antialiased;
}
.cliccop-demo-page #navbar-placeholder,
.cliccop-contact-page #navbar-placeholder,
.cliccop-demo-page #footer-placeholder,
.cliccop-contact-page #footer-placeholder,
.cliccop-demo-page #magic-cursor,
.cliccop-contact-page #magic-cursor,
.cliccop-demo-page .back-to-top-wrapper,
.cliccop-contact-page .back-to-top-wrapper { display: none !important; }
.cliccop-contact-page #smooth-wrapper {
    top: 78px !important;
    height: calc(100% - 78px) !important;
}
.conversion-appbar {
    display: flex;
    position: relative;
    z-index: 100;
    min-height: 76px;
    padding: 11px clamp(20px, 4vw, 58px);
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    border-bottom: 1px solid var(--app-line);
    background: rgba(255,255,255,.96);
    box-shadow: 0 3px 18px rgba(15,23,42,.035);
}
.conversion-appbar__brand { display: inline-flex; align-items: center; }
.conversion-appbar__brand img { display: block; width: 166px; height: auto; }
.conversion-appbar nav { display: flex; align-items: center; gap: 8px; }
.conversion-appbar nav a {
    display: inline-flex;
    min-height: 42px;
    padding: 0 16px;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    color: #45484e;
    font-size: 14px;
    font-weight: 650;
    text-decoration: none;
    transition: background .18s ease, color .18s ease, transform .18s ease;
}
.conversion-appbar nav a:hover,
.conversion-appbar nav a[aria-current="page"] { background: var(--app-soft); color: var(--app-ink); }
.conversion-appbar nav .conversion-appbar__login { border: 1px solid #202124; background: #fff; color: #202124; }
.conversion-appbar nav .conversion-appbar__primary { border: 1px solid var(--app-primary); background: var(--app-primary); color: var(--app-ink); box-shadow: 0 8px 20px rgba(217,216,19,.18); }
.conversion-appbar nav .conversion-appbar__primary:hover { background: var(--app-primary-hover); transform: translateY(-1px); }

/* Demo page follows the app login split-panel and form language. */
.cliccop-demo-page .demo-hero {
    padding: 36px 0 28px;
    border-bottom: 1px solid var(--app-line);
    background: #fff;
    color: var(--app-ink);
}
.cliccop-demo-page .demo-hero-copy { max-width: 760px; }
.cliccop-demo-page .demo-hero .tp-section-sub-title {
    color: #807f10;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
}
.cliccop-demo-page .demo-hero h1 {
    margin: 9px 0 7px;
    color: var(--app-ink);
    font-size: clamp(32px, 3.5vw, 46px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -.035em;
}
.cliccop-demo-page .demo-hero p { max-width: 680px; color: var(--app-muted); font-size: 16px; line-height: 1.55; }
.cliccop-demo-page .demo-form-section { padding: 28px 0 58px; background: var(--app-workspace); }
.cliccop-demo-page .demo-layout {
    grid-template-columns: minmax(300px,.72fr) minmax(0,1.5fr);
    gap: 18px;
    max-width: 1220px;
    margin: 0 auto;
}
.cliccop-demo-page .demo-form-card {
    order: 2;
    padding: 30px;
    border: 1px solid var(--app-line);
    border-radius: 16px;
    box-shadow: 0 7px 22px rgba(15,23,42,.045);
}
.cliccop-demo-page .demo-assurance {
    position: relative;
    order: 1;
    min-height: 100%;
    overflow: hidden;
    padding: 34px 30px;
    border: 0;
    border-radius: 16px;
    background: #050505;
    color: #fff;
}
.cliccop-demo-page .demo-assurance::before {
    position: absolute;
    top: -54px;
    right: -38px;
    width: 124px;
    height: 124px;
    border-radius: 50%;
    background: var(--app-primary);
    content: "";
}
.cliccop-demo-page .demo-assurance-kicker { position: relative; color: var(--app-primary); }
.cliccop-demo-page .demo-assurance h2 { position: relative; color: #fff; font-size: 30px; font-weight: 800; letter-spacing: -.025em; }
.cliccop-demo-page .demo-assurance li { border-color: rgba(255,255,255,.14); color: rgba(255,255,255,.84); }
.cliccop-demo-page .demo-assurance li i { color: var(--app-primary); }
.cliccop-demo-page .demo-contact-note { border: 1px solid rgba(217,216,19,.4); background: rgba(217,216,19,.1); }
.cliccop-demo-page .demo-progress {
    margin-bottom: 28px;
    padding: 15px 18px;
    border: 1px solid var(--app-line);
    border-radius: 13px;
    background: #f8fafc;
}
.cliccop-demo-page .demo-progress-track { background: #dfe2e6; }
.cliccop-demo-page .demo-progress-track span { background: var(--app-primary); }
.cliccop-demo-page .demo-progress li { color: #777c84; font-size: 12px; font-weight: 650; }
.cliccop-demo-page .demo-progress li span { border-color: #dfe2e6; color: #6b7078; }
.cliccop-demo-page .demo-progress li.is-active span,
.cliccop-demo-page .demo-progress li.is-complete span { border-color: var(--app-primary); background: var(--app-primary); color: #1b1b0a; }
.cliccop-demo-page .demo-step { gap: 16px; }
.cliccop-demo-page .demo-step legend strong { color: #202124; font-size: 23px; font-weight: 750; }
.cliccop-demo-page .demo-step legend small { color: var(--app-muted); font-size: 13px; }
.cliccop-demo-page .demo-field label,
.cliccop-demo-page .demo-label { color: #30343a; font-size: 12px; font-weight: 750; }
.cliccop-demo-page .demo-field input[type="text"],
.cliccop-demo-page .demo-field input[type="email"],
.cliccop-demo-page .demo-field input[type="tel"],
.cliccop-demo-page .demo-field select,
.cliccop-demo-page .demo-field textarea {
    min-height: 52px;
    padding: 12px 14px;
    border: 1px solid var(--app-line);
    border-radius: 11px;
    background: var(--app-soft);
    color: #202124;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
}
.cliccop-demo-page .demo-field input:focus,
.cliccop-demo-page .demo-field select:focus,
.cliccop-demo-page .demo-field textarea:focus {
    border-color: #d0b81c;
    outline: 0;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(217,216,19,.16);
}
.cliccop-demo-page .demo-choice-grid label,
.cliccop-demo-page .demo-radio-row label {
    min-height: 46px;
    border-color: var(--app-line);
    border-radius: 11px;
    background: var(--app-soft);
    color: #41454c;
    font-size: 12px;
    font-weight: 600;
}
.cliccop-demo-page .demo-choice-grid label:has(input:checked),
.cliccop-demo-page .demo-radio-row label:has(input:checked) { border-color: #d0b81c; background: #fff8ce; color: #564900; }
.cliccop-demo-page .demo-form-actions { border-color: var(--app-line); }
.cliccop-demo-page .demo-form-actions .tp-btn,
.cliccop-demo-page .demo-back {
    min-height: 49px;
    border-radius: 11px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 750;
}
.cliccop-demo-page .demo-form-actions .demo-next,
.cliccop-demo-page .demo-form-actions .demo-submit { border-color: var(--app-primary); background: var(--app-primary); color: var(--app-ink); box-shadow: 0 8px 18px rgba(217,216,19,.18); }
.cliccop-demo-page .demo-form-actions .demo-next:hover,
.cliccop-demo-page .demo-form-actions .demo-submit:hover { background: var(--app-primary-hover); }
.cliccop-demo-page .demo-content-section { padding: 54px 0 66px; border-top: 1px solid var(--app-line); background: #fff; }
.cliccop-demo-page .demo-content-heading .tp-section-sub-title { color: #807f10; font-size: 12px; }
.cliccop-demo-page .demo-content-heading h2 { color: #202124; font-size: clamp(28px,3vw,40px); font-weight: 750; }
.cliccop-demo-page .demo-content-heading p { color: var(--app-muted); }
.cliccop-demo-page .demo-benefits { gap: 14px; }
.cliccop-demo-page .demo-benefits article { padding: 22px; border-color: var(--app-line); border-radius: 14px; background: #f8fafc; box-shadow: none; }
.cliccop-demo-page .demo-benefits i { border-radius: 11px; background: #fff5b8; color: #6f5b00; }
.cliccop-demo-page .demo-benefits h3 { color: #202124; font-size: 18px; }
.cliccop-demo-page .demo-benefits p { color: var(--app-muted); font-size: 13px; line-height: 1.55; }

/* Contact is an app workspace: compact module header and clean panels. */
.cliccop-contact-page .tp-breadcrumb-area {
    min-height: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid var(--app-line);
    background: #fff !important;
    background-image: none !important;
}
.cliccop-contact-page .tp-breadcrumb-area::before,
.cliccop-contact-page .tp-breadcrumb-shape { display: none !important; }
.cliccop-contact-page .tp-breadcrumb {
    min-height: 0 !important;
    padding: 24px 0 !important;
}
.cliccop-contact-page .tp-breadcrumb-menu { justify-content: flex-start; margin: 0 0 4px !important; padding: 0 !important; }
.cliccop-contact-page .tp-breadcrumb-menu span,
.cliccop-contact-page .tp-breadcrumb-menu a { color: #777c84 !important; font-family: inherit; font-size: 11px; font-weight: 600; }
.cliccop-contact-page .tp-breadcrumb-title { max-width: none; color: #202124 !important; font-family: inherit; font-size: clamp(30px,3.5vw,42px) !important; font-weight: 800; letter-spacing: -.035em; }
.cliccop-contact-page .tp-contect-area { padding: 28px 0 60px !important; background: var(--app-workspace); }
.cliccop-contact-page .contact-primary-layout { margin-bottom: 20px; }
.cliccop-contact-page .contact-primary-layout > .row { align-items: stretch; }
.cliccop-contact-page .contact-form-column,
.cliccop-contact-page .contact-map-column { display: flex; }
.cliccop-contact-page .tp-contect-box,
.cliccop-contact-page .tp-contect-map-wrap {
    width: 100%;
    margin: 0 !important;
    padding: 26px;
    border: 1px solid var(--app-line) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 7px 22px rgba(15,23,42,.045) !important;
}
.cliccop-contact-page .tp-contect-box-content > a { color: #777c84; font-family: inherit; font-size: 12px; font-weight: 600; }
.cliccop-contact-page .tp-contect-box-title { margin-top: 5px; color: #202124; font-family: inherit; font-size: 28px; font-weight: 800; letter-spacing: -.025em; }
.cliccop-contact-page .contact-purpose-note { color: var(--app-muted); font-size: 13px; }
.cliccop-contact-page .tp-contect-box-input label { margin-bottom: 7px; color: #30343a; font-family: inherit; font-size: 12px; font-weight: 750; }
.cliccop-contact-page .tp-contect-box-input input,
.cliccop-contact-page .tp-contect-box-input select,
.cliccop-contact-page .tp-contect-box-input textarea {
    min-height: 50px;
    padding: 11px 13px;
    border: 1px solid var(--app-line) !important;
    border-radius: 11px !important;
    background: var(--app-soft) !important;
    color: #202124;
    font-family: inherit;
    font-size: 13px;
    box-shadow: none !important;
}
.cliccop-contact-page .tp-contect-box-input textarea { min-height: 110px; }
.cliccop-contact-page .tp-contect-box-input :is(input,select,textarea):focus {
    border-color: #d0b81c !important;
    outline: 0;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(217,216,19,.16) !important;
}
.cliccop-contact-page .tp-btn-submit {
    width: 100%;
    min-height: 50px;
    border: 1px solid var(--app-primary);
    border-radius: 11px;
    background: var(--app-primary);
    color: var(--app-ink);
    font-family: inherit;
    font-size: 13px;
    font-weight: 800;
    box-shadow: 0 8px 18px rgba(217,216,19,.18);
}
.cliccop-contact-page .tp-btn-submit:hover { background: var(--app-primary-hover); }
.cliccop-contact-page .tp-contect-map-wrap > h2 { color: #202124; font-family: inherit; font-size: 28px !important; font-weight: 800; letter-spacing: -.025em; }
.cliccop-contact-page .tp-contect-map-wrap > h2 span { color: #807f10; }
.cliccop-contact-page .tp-contect-map { padding-top: 20px !important; }
.cliccop-contact-page .tp-contect-map iframe { height: 100%; min-height: 590px; border-radius: 12px; }
.cliccop-contact-page .contact-info-layout {
    margin: 18px 0 14px !important;
    padding: 22px 24px;
    border: 1px solid var(--app-line);
    border-radius: 14px;
    background: #fff;
}
.cliccop-contact-page .contact-info-layout .tp-section-sub-title { color: #807f10; font-size: 11px; }
.cliccop-contact-page .contact-info-layout .tp-section-title { color: #202124; font-family: inherit; font-size: 28px !important; font-weight: 750; }
.cliccop-contact-page .contact-info-layout p { color: var(--app-muted); font-family: inherit; font-size: 13px; }
.cliccop-contact-page .tp-contect-cta-item { border-radius: 11px; background: var(--app-soft); }
.cliccop-contact-page .contact-benefits-layout { gap: 0; }
.cliccop-contact-page .tp-services-support { min-height: 126px; border-color: var(--app-line); border-radius: 14px; box-shadow: none; }
.cliccop-contact-page .tp-services-support-icon { border-radius: 11px; background: #fff5b8; color: #6f5b00; }
.cliccop-contact-page .tp-services-support-title { color: #202124; font-family: inherit; font-size: 16px; }
.cliccop-contact-page .tp-services-support p { color: var(--app-muted); font-family: inherit; font-size: 12px; line-height: 1.5; }

@media (max-width: 991.98px) {
    .conversion-appbar { min-height: 68px; }
    .cliccop-contact-page #smooth-wrapper { top: 70px !important; height: calc(100% - 70px) !important; }
    .conversion-appbar nav > a:not(.conversion-appbar__login):not(.conversion-appbar__primary) { display: none; }
    .cliccop-demo-page .demo-layout { grid-template-columns: 1fr; }
    .cliccop-demo-page .demo-form-card { order: 1; }
    .cliccop-demo-page .demo-assurance { order: 2; }
    .cliccop-contact-page .tp-contect-map iframe { min-height: 360px; }
}

@media (max-width: 767.98px) {
    .conversion-appbar { min-height: 62px; padding: 8px 16px; }
    .cliccop-contact-page #smooth-wrapper { top: 63px !important; height: calc(100% - 63px) !important; }
    .conversion-appbar__brand img { width: 140px; }
    .conversion-appbar nav { gap: 6px; }
    .conversion-appbar nav a { min-height: 40px; padding: 0 13px; font-size: 12px; }
    .conversion-appbar nav .conversion-appbar__primary { display: none; }
    .cliccop-demo-page .demo-hero { padding: 23px 0 20px; }
    .cliccop-demo-page .demo-hero h1 { font-size: 31px; }
    .cliccop-demo-page .demo-hero p { font-size: 13px; }
    .cliccop-demo-page .demo-form-section { padding: 12px 0 40px; }
    .cliccop-demo-page .demo-form-section .container,
    .cliccop-contact-page .tp-contect-area .container { padding-right: 14px; padding-left: 14px; }
    .cliccop-demo-page .demo-form-card { padding: 18px 14px; border-radius: 15px; background: #fff; }
    .cliccop-demo-page .demo-progress { margin-bottom: 22px; padding: 12px 10px; }
    .cliccop-demo-page .demo-step legend strong { font-size: 21px; }
    .cliccop-demo-page .demo-assurance { padding: 25px 21px; }
    .cliccop-demo-page .demo-content-section { padding: 42px 0 50px; }
    .cliccop-contact-page .tp-breadcrumb { padding: 18px 0 !important; }
    .cliccop-contact-page .tp-breadcrumb-title { font-size: 30px !important; }
    .cliccop-contact-page .tp-contect-area { padding: 12px 0 44px !important; }
    .cliccop-contact-page .contact-primary-layout { margin-bottom: 14px; }
    .cliccop-contact-page .contact-form-column .tp-contect-box {
        padding: 20px 2px 10px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    .cliccop-contact-page .tp-contect-box-title { font-size: 25px; }
    .cliccop-contact-page .contact-map-column { margin-top: 16px; }
    .cliccop-contact-page .tp-contect-map-wrap { padding: 18px; }
    .cliccop-contact-page .tp-contect-map iframe { min-height: 290px; }
    .cliccop-contact-page .contact-info-layout { margin-top: 14px !important; padding: 18px; }
    .cliccop-contact-page .contact-info-layout .tp-section-title { font-size: 24px !important; }
}
}