/* ---------------------------------------------------------------------------- * Remaining marketing pages, v3 alignment. * * One stylesheet for the tail of the site rather than a file per page: * .v3-legal privacy_policy2, terms2, refund_policy2, * product_listing2 (wrapper added to those views) * .blog_news / .latest_cse ... blogs_casestudy * .case_studyy / .new_flxx ... casestudy_2 * .nav-section / .on_hoverblck sub_industries * .sect-1 ... .image-slider life_at_lasting2 * .lspl-form freetrial_2 (TYPE ONLY - it is a live * multi-step signup flow, so layout and * behaviour are deliberately untouched) * * Every selector is scoped to a page-specific class. Bootstrap names * (.container, .row, .col-*, .nav-tabs on their own) are never restyled * globally, so the shared header/footer and untouched pages are unaffected. * * Tokens come from v3-shell.css (:root), loaded by views/partials/v3_head.php. * -------------------------------------------------------------------------- */ /* ---------- legal / policy prose ---------- */ .v3-legal{ font-family:var(--v3-body);background:var(--v3-paper);color:var(--v3-ink); padding-block:clamp(36px,5vw,64px);font-size:17px;line-height:1.7; } .v3-legal h1{ font-family:var(--v3-display);font-weight:800;text-transform:uppercase; font-size:clamp(34px,4.6vw,58px)!important;line-height:.95;margin:0 0 28px!important; text-align:left!important;text-wrap:balance; } .v3-legal h2,.v3-legal h3,.v3-legal h4{ font-family:var(--v3-body);font-weight:700;line-height:1.3;color:var(--v3-ink); margin:32px 0 10px; } .v3-legal h2{font-size:22px} .v3-legal h3,.v3-legal h4{font-size:19px} .v3-legal p,.v3-legal li{color:#3b4235;line-height:1.7} .v3-legal ul,.v3-legal ol{padding-left:22px;margin-bottom:16px} .v3-legal li{margin-bottom:6px} .v3-legal a{color:var(--v3-ink);border-bottom:2px solid var(--v3-lime);font-weight:600} .v3-legal a:hover{background:var(--v3-lime);text-decoration:none} .v3-legal .para_1{max-width:70ch;margin-inline:auto} .v3-legal .main_body,.v3-legal .inner_col{max-width:none} /* terms2 / product_listing2 use tab + accordion panels */ .v3-legal .tab-content,.v3-legal .card{background:var(--v3-card);border-color:var(--v3-rule)!important} .v3-legal .btn-link{font-family:var(--v3-body);font-weight:700;color:var(--v3-ink)} /* ---------- case studies + blog index ---------- */ .blog_news,.blogs_sction,.case_studyy,.latest_cse,.nav-section{font-family:var(--v3-body)} .blog_news h2,.latest_cse h2,.case_studyy h2,.nav-section h2, .blog_news h1,.latest_cse h1,.case_studyy h1,.nav-section h1{ font-family:var(--v3-display);font-weight:800;text-transform:uppercase; line-height:.96;text-wrap:balance; } .blog_news h3,.latest_cse h3,.case_studyy h3,.nav-section h3, .blog_news h4,.latest_cse h4,.case_studyy h4{ font-family:var(--v3-body);font-weight:700;line-height:1.3; } .blog_news p,.latest_cse p,.case_studyy p,.nav-section p{color:var(--v3-steel);line-height:1.65} .equal_img img,.retail-img{border-radius:6px} a.readd_moree,.readd_moree a{ font-family:var(--v3-body);font-weight:700;color:var(--v3-ink); border-bottom:2px solid var(--v3-lime);padding-bottom:2px;text-decoration:none; } a.readd_moree:hover,.readd_moree a:hover{text-decoration:none;border-bottom-color:var(--v3-ink)} .on_hoverblck{transition:background .15s ease} .new_flxx,.new_flxx1,.d_dflx{font-family:var(--v3-body)} /* ---------- life at lasting ---------- */ .sect-1,.sect-2,.sect-3,.sect-4,.image-slider{font-family:var(--v3-body)} .sect-1 .elementor-heading-title,.sect-2 .elementor-heading-title, .sect-3 .elementor-heading-title,.sect-4 .elementor-heading-title{ font-family:var(--v3-display);font-weight:800;text-transform:uppercase;line-height:1; } .sect-1 .elementor-widget-text,.sect-2 .elementor-widget-text, .sect-3 .elementor-widget-text,.sect-4 .elementor-widget-text{ font-family:var(--v3-body);line-height:1.65; } /* ---------- free trial signup (type only) ---------- */ .lspl-form,.form-label-left .item.form-group label, .form-label-left .item.form-group input, .form-label-left .item.form-group select{font-family:var(--v3-body)} .btn.lspl-form{font-family:var(--v3-body);font-weight:700;letter-spacing:0} @media (max-width:600px){ .v3-legal{font-size:16px} .v3-legal p,.v3-legal li{font-size:16px} } @media (prefers-reduced-motion:reduce){ .v3-legal *,.blog_news *,.case_studyy *,.nav-section *{transition:none!important;animation:none!important} } /* ---------- per-audience pricing pages ---------- * pricing_new (manufacturers), pricing_retailer, pricing_distributer and * our_services share one 46-selector vocabulary rooted at .main_pricing / * .mobile_pricing. Already on the brand palette; type and table treatment only. */ .main_pricing,.mobile_pricing{font-family:var(--v3-body);background:var(--v3-paper);color:var(--v3-ink)} .main_pricing p,.mobile_pricing p{color:var(--v3-steel);line-height:1.6} .main_pricing .top h1,.mobile_pricing .top h1{ font-family:var(--v3-display);font-weight:800;text-transform:uppercase; font-size:clamp(34px,4.8vw,62px);line-height:.95;text-wrap:balance; } .main_pricing .top h1 b,.mobile_pricing .top h1 b{font-weight:800} .main_pricing .pricing-title,.mobile_pricing .pricing-title{ font-family:var(--v3-display);font-weight:800;text-transform:uppercase; font-size:28px;line-height:1; } .main_pricing .pricing-subtitle,.mobile_pricing .pricing-subtitle{ font-family:var(--v3-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase; color:var(--v3-steel); } .main_pricing .pricing-amount,.mobile_pricing .pricing-amount{ font-family:var(--v3-display);font-weight:800;font-size:clamp(40px,4.4vw,58px); line-height:.85;font-variant-numeric:tabular-nums; } .main_pricing .pricing-currency,.main_pricing .pricing-condition, .mobile_pricing .pricing-currency,.mobile_pricing .pricing-condition{ font-family:var(--v3-body);color:var(--v3-steel); } .main_pricing .price-table,.mobile_pricing .price-table{background:var(--v3-card);border:1px solid var(--v3-rule)} .main_pricing .price-table-popular,.mobile_pricing .price-table-popular{ background:var(--v3-lime);border-color:var(--v3-lime); } /* beats the site-wide `table thead th{background-color:#c6ced6!important}` */ .main_pricing table thead th,.mobile_pricing table thead th{ background-color:var(--v3-ink)!important;color:#f2f4ea!important; font-family:var(--v3-mono)!important;font-size:12px!important;font-weight:400!important; letter-spacing:.06em;text-transform:uppercase;border:0 none!important; position:static!important;white-space:normal!important; } .main_pricing .pricing-features li,.mobile_pricing .pricing-features li{ font-family:var(--v3-body);font-size:15px;line-height:1.5; } .main_pricing .btn,.mobile_pricing .btn, .main_pricing .pricing-details-btn,.mobile_pricing .pricing-details-btn{ font-family:var(--v3-body);font-weight:700;letter-spacing:0;border-radius:var(--v3-radius-btn); } .main_pricing .btn-primary,.mobile_pricing .btn-primary{ background:var(--v3-ink);border-color:var(--v3-ink);color:#fff; } .main_pricing .btn-outline-dark,.mobile_pricing .btn-outline-dark{ border-color:var(--v3-ink);color:var(--v3-ink); } .main_pricing .btn-outline-dark:hover,.mobile_pricing .btn-outline-dark:hover{ background:var(--v3-ink);color:#fff; } /* ---------- tail pages ---------- * thankyou (where the contact + trial forms land), sigin_page, signup, * learningdemo, and the three funnel_* ad landing pages. Type alignment only; * all of these contain live forms or tracked funnels, so layout and behaviour * are left exactly as they were. */ .thankyou,.baneer-hadding,.cards-sction,.cse_stdy,.features-caption{font-family:var(--v3-body)} .thankyou{background:var(--v3-paper);color:var(--v3-ink);padding-block:clamp(40px,6vw,72px)} .thankyou h1,.thankyou h2,.baneer-hadding h1,.baneer-hadding h2, .cards-sction h2,.cse_stdy h2,.features-caption h2{ font-family:var(--v3-display);font-weight:800;text-transform:uppercase; line-height:.96;text-wrap:balance; } .thankyou p,.cards-sction p,.cse_stdy p,.features-caption p{color:var(--v3-steel);line-height:1.65} .crd-cption h3,.crd-cption h4,.features-caption h3{font-family:var(--v3-body);font-weight:700;line-height:1.3} .form .form-control,.form-group .form-control{font-family:var(--v3-body)} .erpanchor,.back{font-family:var(--v3-body);font-weight:700} /* ---------- careers ---------- * Already on the brand palette (#eeff38 on black); type alignment only. * Scoped to its own section classes — .container/.row/.col-* untouched. */ .lasting-india,.indalasting,.Our-Hiring-Process,.growing-moments, .invoice-factoring,.baneernac,.hiring-section,.contact-formss,.new_leader{ font-family:var(--v3-body); } .lasting-india h1,.indalasting h1,.baneernac h1,.hiring-section h1, .lasting-india h2,.Our-Hiring-Process h2,.growing-moments h2, .invoice-factoring h2,.hiring-section h2,.new_leader h2{ font-family:var(--v3-display);font-weight:800;text-transform:uppercase; line-height:.96;text-wrap:balance; } .Our-Hiring-Process h3,.growing-moments h3,.box-inner-text2 h3, .box-inner-text2 h4,.icon-boxx h3,.new_leader h3{ font-family:var(--v3-body);font-weight:700;line-height:1.3; } .lasting-india p,.Our-Hiring-Process p,.growing-moments p, .invoice-factoring p,.box-inner-text2 p,.hiring-section p{ color:var(--v3-steel);line-height:1.65; } .contact-formss input,.contact-formss select,.contact-formss textarea, .contact-formss label{font-family:var(--v3-body)} .contact-formss .wpcf7-submit,.btn-register-header{ font-family:var(--v3-body);font-weight:700;letter-spacing:0;border-radius:var(--v3-radius-btn); } /* ---------- app privacy policies ---------- * newPrivecypolicy, newSalesApppolicy, newPmsApppolicy, ePrivecypolicy and * agentPrivecypolicy are unstyled prose sharing one root div. That div now * carries .v3-legal (see the legal/policy block above), which supplies the * typography. These two rules only undo what its inline style did badly. */ .v3-legal.content-justify{ text-align:left; /* .text-align-center on a legal document */ max-width:78ch;margin-inline:auto; padding:0 clamp(16px,4vw,24px)!important; /* was inline padding:10px 66px */ } /* The per-audience pricing pages style their detail link as `.price-table td.price a{border-radius:5px}` in their own