/* Shared styling for all Computer Point TallyPrime product pages.
   Brand colours: orange #f58220, navy #152238, white #ffffff. */
.cp-tally-page { color:#4c586a; background:#fff; }
.cp-tally-page h1,.cp-tally-page h2,.cp-tally-page h3 { color:#152238; }
.cp-tally-page .cp-topbar { background:#152238; color:#fff; font-size:12px; }
.cp-tally-page .cp-topbar-inner { min-height:42px; display:flex; align-items:center; justify-content:space-between; gap:15px; }
.cp-tally-page .cp-topbar a { color:#fff; text-decoration:none; }
.cp-tally-page .cp-topbar-link,.cp-tally-page .cp-phone-icon { display:inline-flex; align-items:center; gap:8px; }
.cp-tally-page .cp-topbar-phones { display:flex; flex-wrap:wrap; gap:18px; }
.cp-tally-page .cp-topbar i { color:#ff9a45; font-size:15px; }
.cp-tally-page .cp-navbar { background:#fff; box-shadow:0 4px 22px rgba(21,34,56,.07); padding:10px 0; }
.cp-tally-page .cp-brand img { width:210px; height:auto; max-height:70px; object-fit:contain; }
.cp-tally-page .cp-navbar .nav-link { color:#152238; font-size:14px; font-weight:700; text-transform:uppercase; padding:17px 12px; }
.cp-tally-page .cp-navbar .nav-link:hover,.cp-tally-page .cp-navbar .nav-item.active>.nav-link { color:#f58220; }
.cp-tally-page .cp-navbar .dropdown-menu { border:0; border-top:3px solid #f58220; border-radius:0 0 8px 8px; box-shadow:0 15px 35px rgba(21,34,56,.14); padding:7px 0; min-width:245px; }
.cp-tally-page .cp-navbar .dropdown-item { white-space:normal; padding:11px 18px; font-size:14px; color:#243247; }
.cp-tally-page .cp-navbar .dropdown-item:hover,.cp-tally-page .cp-navbar .dropdown-item:focus { background:#fff3e9; color:#d96508; }
.cp-tally-page .navbar-toggler { border:1px solid #e1e6ed; color:#152238; padding:8px 12px; }
.cp-tally-page .cp-tally-hero { padding:76px 0 72px; overflow:hidden; background:radial-gradient(circle at 90% 12%,rgba(245,130,32,.14),transparent 28%),linear-gradient(115deg,#fff 0%,#fffaf5 58%,#f5f7fa 100%); }
.cp-tally-page .cp-tally-eyebrow { color:#ed7415; font-size:11px; font-weight:800; letter-spacing:1.5px; margin:0 0 14px; }
.cp-tally-page .cp-tally-eyebrow:before { content:""; display:inline-block; width:25px; height:3px; border-radius:2px; background:#f58220; vertical-align:middle; margin:0 10px 3px 0; }
.cp-tally-page h1 { font-size:clamp(34px,4vw,54px); line-height:1.1; font-weight:800; letter-spacing:-1.2px; margin:0 0 22px; }
.cp-tally-page .cp-tally-lead { max-width:690px; font-size:16px; line-height:1.85; color:#536176; margin-bottom:26px; }
.cp-tally-page .cp-tally-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.cp-tally-page .cp-tally-btn,.cp-tally-page .cp-tally-btn-outline { padding:13px 20px; border-radius:6px; font-size:13px; font-weight:800; }
.cp-tally-page .cp-tally-btn { color:#fff; background:#f58220; border:1px solid #f58220; box-shadow:0 8px 20px rgba(245,130,32,.18); }
.cp-tally-page .cp-tally-btn:hover { background:#dc6e10; border-color:#dc6e10; color:#fff; }
.cp-tally-page .cp-tally-btn-outline { color:#152238; background:#fff; border:1px solid #d8e0e9; }
.cp-tally-page .cp-tally-btn-outline:hover { border-color:#f58220; color:#df6c0b; }
.cp-tally-page .cp-tally-trust { margin-top:23px; color:#536176; font-size:12px; }
.cp-tally-page .cp-tally-trust i { color:#f58220; margin-right:5px; }
.cp-tally-page .cp-product-image { margin:0; width:100%; }
.cp-tally-page .cp-product-image img { display:block; width:100%; height:auto; object-fit:cover; border-radius:14px; }
.cp-tally-page .cp-tally-hero-image img { max-height:400px; object-fit:contain; filter:drop-shadow(0 18px 30px rgba(21,34,56,.08)); }
.cp-tally-page .cp-tally-section { padding:76px 0; }
.cp-tally-page .cp-tally-section h2 { font-size:clamp(28px,3vw,40px); line-height:1.2; font-weight:800; margin:0 0 20px; letter-spacing:-.5px; }
.cp-tally-page .cp-tally-section p { line-height:1.85; }
.cp-tally-page .cp-tally-section-head { max-width:820px; margin:0 auto 38px; }
.cp-tally-page .cp-tally-section-head h2 { margin-bottom:15px; }
.cp-tally-page .cp-tally-section-head p:not(.cp-tally-eyebrow) { color:#687487; }
.cp-tally-page .cp-tally-feature-row { margin-top:10px; }
.cp-tally-page .cp-tally-card { background:#fff; height:100%; padding:29px 25px; border:1px solid #e8edf3; border-radius:12px; box-shadow:0 10px 30px rgba(21,34,56,.045); margin-bottom:22px; }
.cp-tally-page .cp-tally-card h3 { font-size:19px; line-height:1.4; font-weight:750; margin:0 0 12px; }
.cp-tally-page .cp-tally-card p { color:#687487; font-size:14px; margin:0; }
.cp-tally-page .cp-tally-card-icon { width:54px; height:54px; border-radius:12px; background:#fff1e5; color:#f58220; display:flex; align-items:center; justify-content:center; font-size:27px; margin-bottom:20px; }
.cp-tally-page .cp-tally-compare,.cp-tally-page .cp-tally-soft { background:#f7f9fc; }
.cp-tally-page .cp-tally-edition { height:100%; padding:28px; border:1px solid #e6ebf2; background:#fff; border-radius:13px; box-shadow:0 12px 32px rgba(21,34,56,.045); margin-bottom:20px; }
.cp-tally-page .cp-tally-edition-featured { border:2px solid #f58220; }
.cp-tally-page .cp-tally-edition img { width:100%; height:180px; object-fit:contain; margin-bottom:18px; }
.cp-tally-page .cp-tally-edition h3 { font-size:22px; font-weight:800; }
.cp-tally-page .cp-tally-edition p { color:#687487; line-height:1.75; min-height:74px; }
.cp-tally-page .cp-tally-text-link { color:#e86f0b; font-size:14px; font-weight:800; text-decoration:none; }
.cp-tally-page .cp-tally-text-link:hover { color:#152238; }
.cp-tally-page .cp-tally-check-list { list-style:none; padding:0; margin:22px 0 0; }
.cp-tally-page .cp-tally-check-list li { position:relative; padding:8px 0 8px 29px; line-height:1.6; }
.cp-tally-page .cp-tally-check-list li:before { content:"✓"; position:absolute; left:0; top:8px; display:inline-flex; align-items:center; justify-content:center; width:19px; height:19px; border-radius:50%; color:#f58220; background:#fff1e5; font-size:12px; font-weight:800; }
.cp-tally-page .cp-tally-faq { padding:76px 0; background:#fff; }
.cp-tally-page .cp-tally-faq-list { max-width:900px; margin:0 auto; }
.cp-tally-page .cp-tally-faq-list details { border:1px solid #e5eaf1; border-radius:9px; margin-bottom:12px; padding:0 21px; background:#fff; }
.cp-tally-page .cp-tally-faq-list summary { list-style:none; position:relative; cursor:pointer; padding:19px 32px 19px 0; color:#152238; font-weight:750; }
.cp-tally-page .cp-tally-faq-list summary::-webkit-details-marker { display:none; }
.cp-tally-page .cp-tally-faq-list summary:after { content:"+"; position:absolute; right:0; top:12px; color:#f58220; font-size:25px; font-weight:400; }
.cp-tally-page .cp-tally-faq-list details[open] summary:after { content:"−"; }
.cp-tally-page .cp-tally-faq-list details p { color:#687487; line-height:1.75; margin:0; padding:0 0 20px; }
.cp-tally-page .cp-tally-cta { padding:0 0 78px; background:#fff; }
.cp-tally-page .cp-tally-cta-inner { background:#152238; color:#fff; border-radius:15px; padding:40px 42px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.cp-tally-page .cp-tally-cta-inner h2 { color:#fff; font-size:clamp(25px,3vw,35px); line-height:1.25; font-weight:800; margin:0 0 12px; }
.cp-tally-page .cp-tally-cta-inner p:not(.cp-tally-eyebrow) { color:#d7deea; line-height:1.75; margin:0; }
.cp-tally-page .cp-tally-cta-inner .cp-tally-eyebrow { color:#ffb36e; }
.cp-tally-page .cp-product-footer { background:#101b2d; color:#c8d0dc; padding:58px 0 0; }
.cp-tally-page .cp-product-footer h2 { color:#fff; font-size:17px; font-weight:800; margin:0 0 18px; }
.cp-tally-page .cp-product-footer p { font-size:13px; line-height:1.85; }
.cp-tally-page .cp-product-footer a { color:#dbe2ec; text-decoration:none; }
.cp-tally-page .cp-product-footer a:hover { color:#ff9a45; }
.cp-tally-page .cp-footer-logo img { width:190px; height:auto; object-fit:contain; margin-bottom:20px; }
.cp-tally-page .cp-product-footer ul { list-style:none; margin:0; padding:0; }
.cp-tally-page .cp-product-footer li { margin:0 0 11px; font-size:13px; }
.cp-tally-page .cp-footer-whatsapp { display:inline-block; padding:10px 16px; background:#f58220; color:#fff!important; border-radius:5px; font-size:12px; font-weight:800; }
.cp-tally-page .cp-footer-bottom { border-top:1px solid rgba(255,255,255,.12); padding:18px 0; font-size:12px; }
.cp-tally-page .cp-product-whatsapp { position:fixed; z-index:999; right:20px; bottom:20px; width:54px; height:54px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#20bd66; color:#fff; font-size:28px; box-shadow:0 8px 25px rgba(0,0,0,.2); text-decoration:none; }
.cp-tally-page .cp-product-whatsapp:hover { color:#fff; transform:translateY(-2px); }
@media (max-width:991px) {
 .cp-tally-page .cp-topbar-inner { align-items:flex-start; flex-direction:column; padding-top:9px; padding-bottom:9px; }
 .cp-tally-page .cp-topbar-phones { gap:8px 15px; }
 .cp-tally-page .cp-navbar .navbar-collapse { padding:10px 0; }
 .cp-tally-page .cp-navbar .nav-link { padding:12px 6px; }
 .cp-tally-page .cp-navbar .dropdown-menu { box-shadow:none; border-top:0; border-left:3px solid #f58220; border-radius:0; margin-left:8px; }
 .cp-tally-page .cp-tally-hero { padding:52px 0; }
 .cp-tally-page .cp-tally-hero-image { margin-top:32px; }
 .cp-tally-page .cp-tally-cta-inner { align-items:flex-start; flex-direction:column; padding:32px 25px; }
}
@media (max-width:575px) {
 .cp-tally-page .cp-topbar-phones { display:grid; grid-template-columns:1fr; gap:7px; }
 .cp-tally-page .cp-brand img { width:178px; max-height:62px; }
 .cp-tally-page .cp-tally-hero { padding:42px 0; }
 .cp-tally-page h1 { font-size:34px; }
 .cp-tally-page .cp-tally-section,.cp-tally-page .cp-tally-faq { padding:54px 0; }
 .cp-tally-page .cp-tally-btn,.cp-tally-page .cp-tally-btn-outline { width:100%; text-align:center; }
 .cp-tally-page .cp-tally-cta { padding-bottom:54px; }
 .cp-tally-page .cp-tally-cta-inner .cp-tally-actions { width:100%; }
}



/* TallyPrime editions section */
.tp-editions-section {
    padding: 80px 0;
    background: #f6f8fb;
}

.tp-section-heading {
    max-width: 800px;
    margin: 0 auto 40px;
    text-align: center;
}

.tp-eyebrow {
    color: #f58220;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.5px;
    margin-bottom: 12px;
}

.tp-section-heading h2 {
    color: #152238;
    font-size: 36px;
    font-weight: 750;
    margin-bottom: 16px;
}

.tp-section-heading > p:last-child {
    color: #5b6678;
    line-height: 1.8;
}

.tp-edition-card {
    height: 100%;
    padding: 24px;
    margin-bottom: 25px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    box-shadow: 0 12px 32px rgba(21, 34, 56, 0.05);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.tp-edition-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(21, 34, 56, 0.1);
}

.tp-edition-card.tp-edition-featured {
    border: 2px solid #f58220;
}

.tp-edition-image {
    width: 100%;
    height: 210px;
    margin-bottom: 24px;
    overflow: hidden;
    border-radius: 10px;
    background: #f1f4f8;
}

.tp-edition-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.4s ease;
}

.tp-edition-card:hover .tp-edition-image img {
    transform: scale(1.04);
}

.tp-edition-card h3 {
    color: #152238;
    font-size: 23px;
    font-weight: 750;
    margin-bottom: 12px;
}

.tp-edition-card > p {
    min-height: 60px;
    color: #5b6678;
    line-height: 1.75;
    margin-bottom: 24px;
}

.tp-edition-card > a {
    display: inline-block;
    color: #f58220;
    font-weight: 700;
    text-decoration: none;
}

.tp-edition-card > a i {
    margin-left: 5px;
}

.tp-edition-card > a:hover {
    color: #152238;
}

@media (max-width: 767px) {
    .tp-editions-section {
        padding: 55px 0;
    }

    .tp-section-heading h2 {
        font-size: 29px;
    }

    .tp-edition-image {
        height: 230px;
    }

    .tp-edition-card > p {
        min-height: auto;
    }
}


.cp-tally-hero-image {
    width: 100%;
    margin: 0;
    overflow: hidden;
    border-radius: 18px 18px 24px 0;
    box-shadow: 0 18px 45px rgba(21, 34, 56, 0.12);
}

.cp-tally-hero-image img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}