/* ServeWell CRM — calm, premium B2B SaaS design layer. Loaded after legacy styles. */
:root {
	color-scheme:light;
--sw-font-sans:Inter, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--sw-ink:#202124;
--sw-text:#3c4043;
--sw-muted:#5f6368;
--sw-brand:#3157a4;
--sw-brand-hover:#244785;
--sw-brand-soft:#edf3ff;
--sw-border:#dadce0;
--sw-surface:#f8fafd;
--sw-surface-alt:#f1f3f4;
--sw-radius:12px;
--sw-radius-lg:18px;
--sw-shadow:0 1px 2px rgba(60, 64, 67, .08), 0 4px 14px rgba(60, 64, 67, .07);
--sw-content-width:1200px
}
html {
	scroll-behavior:smooth;
	-webkit-text-size-adjust:100%;
	text-size-adjust:100%
}
body {
	margin:0;
	color:var(--sw-text);
	background:#fff;
	font-family:var(--sw-font-sans);
	font-size:16px;
	font-weight:400;
	line-height:1.65;
	letter-spacing:0;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	overflow-wrap:break-word
}
h1, h2, h3, h4, h5, h6 {
	color:var(--sw-ink);
	font-family:var(--sw-font-sans);
	font-weight:600;
	line-height:1.22;
	letter-spacing:-.025em;
	text-wrap:balance
}
h1 {
	font-size:clamp(2rem, 4.1vw, 3.35rem)
}
h2 {
	font-size:clamp(1.65rem, 3vw, 2.45rem)
}
h3 {
	font-size:clamp(1.2rem, 2vw, 1.55rem)
}
h4 {
	font-size:1.125rem
}
h5 {
	font-size:1rem
}
h6 {
font-size:.9375rem
}
p, li {
	line-height:1.7
}
p {
	margin-top:0
}
small {
font-size:.875rem
}
a {
	color:var(--sw-brand);
	text-decoration:none;
transition:color .16s ease, background-color .16s ease, box-shadow .16s ease
}
a:hover {
	color:var(--sw-brand-hover)
}
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
outline:3px solid #8ab4f8;
outline-offset:3px
}
img {
	max-width:100%;
	height:auto
}
hr {
	border:0;
	border-top:1px solid var(--sw-border)
}
::selection {
background:#d9e6ff;
color:var(--sw-ink)
}
/* Navigation */
.header {
	border-top:0;
	text-align:center
}
.topCon {
	background:#fff;
	border-bottom:1px solid var(--sw-border);
	padding:6px 0
}
.navbar {
	min-height:64px;
	border:0;
	box-shadow:none
}
.navbar-brand {
	margin-right:24px
}
.navbar-brand>img {
	max-height:48px;
	width:auto;
	object-fit:contain
}
.navbar-nav {
	gap:2px
}
.navbar-nav>li>a, .navbar-nav a {
	color:#3c4043!important;
	background:transparent!important;
	border:0!important;
	border-radius:8px!important;
	margin:2px 0;
	padding:10px 12px!important;
	font-family:var(--sw-font-sans);
font-size:.9375rem!important;
	font-weight:500!important;
	line-height:1.4;
	box-shadow:none!important
}
.navbar-nav>li>a:hover, .navbar-nav>li>a:focus, .navbar-nav a:hover, .navbar-nav a:focus {
	color:var(--sw-brand)!important;
	background:var(--sw-brand-soft)!important
}
.navbar-nav .dropdown-menu {
	border:1px solid var(--sw-border);
	border-radius:12px;
	padding:8px;
	box-shadow:var(--sw-shadow)
}
.dropdown-item {
	border:0!important;
	border-radius:7px!important
}
.navbar-toggler {
	color:var(--sw-ink);
	background:#f1f3f4!important;
	border:1px solid var(--sw-border);
	border-radius:8px
}
/* Shared page structure */
.container {
	width:min(100% - 32px, var(--sw-content-width))
}
.normal-section {
	padding:clamp(36px, 5vw, 72px) 0
}
.ind-section {
	padding:clamp(40px, 5vw, 72px) 0;
	background:var(--sw-surface)
}
.ind-section-new {
	background:#fff
}
.breadcrumb {
	color:var(--sw-muted);
	border-color:var(--sw-border)
}
.breadcrumb li a {
	color:var(--sw-muted)
}
.section-head, .benefite-title {
	color:var(--sw-ink)!important
}
.head-underline {
	background:var(--sw-brand)!important;
	border-radius:999px
}
.colored-text, .benefite-title, .industry-h2 {
	color:var(--sw-brand)!important
}
.tWidth {
	color:var(--sw-text)
}
/* Buttons */
button, .btn, input[type=submit], input[type=button], .sign-up-bx a, .client-btn-bx a {
	font-family:var(--sw-font-sans);
	font-weight:500;
	border-radius:8px;
transition:background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease
}
.btn-primary, .sign-up-bx a.signup, .form-design-bx-industries .btn, .client-btn-bx a:hover {
	color:#fff!important;
	background:var(--sw-brand)!important;
	border:1px solid var(--sw-brand)!important;
	box-shadow:none
}
.btn-primary:hover, .sign-up-bx a.signup:hover, .form-design-bx-industries .btn:hover {
	color:#fff!important;
	background:var(--sw-brand-hover)!important;
	border-color:var(--sw-brand-hover)!important
}
.sign-up-bx {
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin-top:20px
}
.sign-up-bx a {
	min-height:42px;
	padding:10px 17px;
	justify-content:center;
	align-items:center;
	display:inline-flex
}
.sign-up-bx a.plan, .client-btn-bx a {
	color:var(--sw-brand)!important;
	background:#fff!important;
	border:1px solid #c5d3ed!important
}
.sign-up-bx a.plan:hover, .client-btn-bx a:hover {
	background:var(--sw-brand-soft)!important
}
/* Forms */
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]), select, textarea, .textBox {
max-width:100%;
min-height:42px;
color:var(--sw-ink);
background:#fff;
border:1px solid #c9cdd2;
border-radius:8px;
box-shadow:none!important;
font:inherit;
font-size: 12px;
}
textarea {
	min-height:110px
}
input:focus, select:focus, textarea:focus, .textBox:focus {
	border-color:#6d91d4!important;
	outline:3px solid #e8f0fe;
	outline-offset:0
}
.form-design-bx, .con-inner-main {
	background:var(--sw-surface)!important;
	border:1px solid var(--sw-border)!important;
	border-radius:var(--sw-radius)
}
.form-design-bx-industries {
	color:var(--sw-text)!important;
	background:var(--sw-surface)!important;
	border:1px solid var(--sw-border)!important;
	border-radius:var(--sw-radius)
}
.form-design-bx-industries .tWidth, .form-design-bx-industries .tWidth span {
	color:var(--sw-text)!important
}
/* Content panels */
.test-bx, .blog-bx .inner, .pricing-feature, .feature, .benefite-article {
	border-color:var(--sw-border)
}
.test-bx {
	background:#fff;
	border:1px solid var(--sw-border);
	border-bottom:1px solid var(--sw-border);
	border-radius:var(--sw-radius);
	box-shadow:var(--sw-shadow)
}
.test-bx .title-bx h4 {
	line-height:1.35
}
.test-bx .title-bx h5 {
	color:var(--sw-muted)
}
.test-bx p {
	color:var(--sw-text);
	line-height:1.7;
	text-align:left!important
}
.test-bx strong {
	color:var(--sw-brand)!important
}
.customers img {
	border:1px solid #e8eaed!important;
	border-radius:8px!important;
	box-shadow:none!important
}
.customers h4, .customers h5 {
	color:var(--sw-ink)!important
}
.indu-icon span::before {
background:var(--sw-brand-soft)
}
.indu-icon h4 {
	color:var(--sw-text);
	font-weight:500
}
.benefite-article {
	border-bottom-color:var(--sw-border)
}
.benefite-article img {
	border-color:var(--sw-border);
	border-radius:var(--sw-radius)
}
.clients img:hover {
	border-color:#c5d3ed;
	box-shadow:var(--sw-shadow)
}
table {
	border-color:var(--sw-border)
}
th {
	color:var(--sw-ink);
	font-weight:600
}
td, th {
	padding:10px 12px;
	border-color:var(--sw-border)
}
/* Blog listing */
#swBlogSection {
	background:#fff!important;
	padding:clamp(42px, 5vw, 72px) 0
}
#swBlogSection h2.section-head {
	color:var(--sw-ink)!important;
	font-weight:600!important;
	font-size:clamp(1.65rem, 3vw, 2.45rem)!important
}
#swBlogSection .head-underline {
	background:var(--sw-brand)!important
}
#swBlogSection .blog-bx .img-wrap {
	background:var(--sw-surface-alt);
	border-radius:10px;
	overflow:hidden
}
#swBlogSection .blog-bx .img-badge {
	color:var(--sw-ink);
	background:rgba(255, 255, 255, .94)!important;
font-size:.8125rem!important;
	font-weight:500!important;
	border-radius:8px 0 0 0
}
#swBlogSection .blog-bx h3 {
	color:var(--sw-ink);
	font-size:1.1875rem;
	font-weight:600;
	line-height:1.35
}
#swBlogSection .blog-bx p {
	color:var(--sw-muted);
font-size:.9375rem;
	line-height:1.7
}
#swBlogSection .blog-bx .read-more {
	color:var(--sw-brand);
	font-weight:500
}
#swBlogSection .blog-bx .read-more:hover {
	color:var(--sw-brand-hover)
}
/* Footer */
.footer-section {
	border-top:1px solid var(--sw-border);
	padding:clamp(32px, 4.5vw, 60px) 0;
	background:#fff
}
.footer-section-mii {
	background:var(--sw-surface)
}
.footer-con h2 {
	color:var(--sw-ink);
	font-size:clamp(1.7rem, 3vw, 2.5rem)
}
.footer-item strong {
	color:var(--sw-ink);
	font-weight:600
}
.footer-item p {
	color:var(--sw-muted);
	border:0;
	line-height:1.7
}
.footer-item ul {
	margin-top:12px
}
.footer-item ul li {
	margin:2px 0
}
.footer-item ul li a {
	color:var(--sw-muted);
	padding:3px 0
}
.footer-item ul li a:hover {
	color:var(--sw-brand);
	text-decoration:none
}
.footer-img-sec img {
	border:1px solid var(--sw-border);
	border-radius:var(--sw-radius-lg);
	box-shadow:none
}
.copyright-section {
	padding:18px 0;
	background:#f1f3f4;
	border-top:1px solid var(--sw-border)
}
.copyright-section p {
	color:var(--sw-muted);
font-size:.875rem
}
/* Retune older decorative components */
.topnav a {
	color:var(--sw-brand)!important;
	border-color:var(--sw-border);
	font-weight:500!important
}
.topnav a:hover, .topnav a.active {
	color:#fff!important;
	background:var(--sw-brand)!important;
	border-radius:8px
}
.prev, .next {
	color:#fff!important;
	background:rgba(32, 33, 36, .58)
}
.prev:hover, .next:hover {
	color:var(--sw-brand)!important;
	background:#fff!important
}
.bg-computer, .bg-billing, .bg-ac, .bg-pest_control, .bg-water_fureifier, .bg-ac_two, .bg-mediq, .bg-tank_clean, .bg-showrrom_eq, .bg-xerox, .bg-fire_safety, .bg-wt_machine, .bg-home_app, .bg-solar_pa, .bg-elevators, .bg-fieldservice {
	background-color:var(--sw-brand-soft)
}
.industry-reference-image {
	display:block;
	width:min(100%, 560px);
	max-height:360px;
	object-fit:contain;
	margin:1rem auto;
	border-radius:var(--sw-radius)
}
@media(max-width:991px) {
.navbar-brand {
width:auto;
margin-right:12px
}
.navbar-brand img {
max-width:220px;
max-height:44px
}
.navbar-nav {
float:none;
gap:0
}
.navbar-nav>li>a, .navbar-nav a {
text-align:left!important
}
.footer-item {
margin-bottom:28px
}
}
@media(max-width:767px) {
body {
font-size:16px;
line-height:1.65
}
.container {
width:min(100% - 28px, var(--sw-content-width))
}
.normal-section {
padding:32px 0
}
.navbar-brand {
width:auto;
margin:0;
padding:8px 0
}
.navbar-brand img {
max-width:190px
}
.navbar-nav>li>a, .navbar-nav a {
padding:11px 12px!important;
border-radius:6px!important
}
.sign-up-bx {
align-items:stretch
}
.sign-up-bx a {
flex:1 1 130px;
margin:0!important
}
.footer-section {
padding:32px 0
}
.footer-img-sec {
margin-bottom:24px
}
.footer-con br {
display:none
}
#swBlogSection .col-sm-4 {
width:100%
}
}
@media(prefers-reduced-motion:reduce) {
html {
scroll-behavior:auto
}
*, *::before, *::after {
transition-duration:.01ms!important;
animation-duration:.01ms!important;
animation-iteration-count:1!important
}
}