/* Swasthe CMS landing — brand tokens + layout helpers (Tailwind utilities via CDN) */ .cms-html-block, .home-cms-body, .gp-body-content { font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; } .text-swasthe-navy { color: #0a1d37; } .bg-swasthe-navy { background-color: #0a1d37; } .text-swasthe-orange { color: #b9860b; } .bg-swasthe-orange { background-color: #b9860b; } .border-swasthe-orange { border-color: #b9860b; } .bg-swasthe-cream { background-color: #fdfaf5; } .container-wide { max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 1.5rem; padding-right: 1.5rem; } /* Spacing fallbacks — Tailwind CDN in may not see CMS body classes */ .cms-html-block .py-12, .home-cms-body .py-12, .gp-body-content .py-12 { padding-top: 3rem; padding-bottom: 3rem; } .cms-html-block .py-10, .home-cms-body .py-10, .gp-body-content .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .cms-html-block .px-6, .home-cms-body .px-6, .gp-body-content .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } @media (min-width: 768px) { .cms-html-block .md\:py-20, .home-cms-body .md\:py-20, .gp-body-content .md\:py-20 { } .home-cms-body > section.sw-hero-section.md\:py-20, .home-cms-body > section:first-child.md\:py-20, .home-cms-body > main > section.sw-hero-section.md\:py-20, .home-cms-body > main > section:first-child.md\:py-20, .gp-body-content > section.sw-hero-section.md\:py-20, .gp-body-content > section:first-child.md\:py-20 { padding-top: 2rem !important; padding-bottom: 4rem !important; } } /* Header → hero: collapse webshop wrappers + embedded duplicate header */ html.has-cms-layout-header .home-container > .section.section--body:first-of-type { margin-top: 0; } html.has-cms-layout-header .home-container > .section.section--body:first-of-type .panel.panel--body { padding-top: 0; padding-bottom: 0; } html.has-cms-layout-header .home-container > .section.section--body { margin-top: 0; } /* First hero inside CMS html blocks (Solutions, Services, etc.) — nested, not direct child */ .home-cms-body .cms-html-block > section:first-child, .home-cms-body .gp-html-block > section:first-child, .gp-body-content .cms-html-block > section:first-child, .gp-body-content .gp-html-block > section:first-child, .home-cms-body .cms-html-block > section.sw-page-hero, .home-cms-body .gp-html-block > section.sw-page-hero, .gp-body-content .cms-html-block > section.sw-page-hero, .gp-body-content .gp-html-block > section.sw-page-hero { padding-top: 1rem !important; padding-bottom: 2.5rem !important; } @media (min-width: 768px) { .home-cms-body .cms-html-block > section:first-child, .home-cms-body .gp-html-block > section:first-child, .gp-body-content .cms-html-block > section:first-child, .gp-body-content .gp-html-block > section:first-child, .home-cms-body .cms-html-block > section.sw-page-hero, .home-cms-body .gp-html-block > section.sw-page-hero, .gp-body-content .cms-html-block > section.sw-page-hero, .gp-body-content .gp-html-block > section.sw-page-hero { padding-top: 1.25rem !important; padding-bottom: 3rem !important; } } .home-cms-body > header, .gp-body-content > header { display: none !important; } .home-cms-body > section.sw-hero-section, .home-cms-body > main > section.sw-hero-section, .home-cms-body > section:first-child, .home-cms-body > main > section:first-child, .gp-body-content > section.sw-hero-section, .gp-body-content > section:first-child { padding-top: 1.5rem !important; padding-bottom: 3rem !important; } @media (min-width: 768px) { .home-cms-body > section.sw-hero-section, .home-cms-body > main > section.sw-hero-section, .home-cms-body > section:first-child, .home-cms-body > main > section:first-child, .gp-body-content > section.sw-hero-section, .gp-body-content > section:first-child { padding-top: 2rem !important; padding-bottom: 4rem !important; } } .step-arrow::after { display: none; } @media (min-width: 1024px) { .step-arrow::after { display: block; content: '→'; position: absolute; right: -20px; top: 50%; transform: translateY(-50%); color: #b9860b; font-size: 1.5rem; font-weight: bold; } } .methodology-step::after { display: none; } @media (min-width: 1024px) { .methodology-step::after { display: block; content: ''; position: absolute; right: -40%; top: 24px; width: 80%; height: 12px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23b9860b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M4 2 L10 6 L4 10'/%3e%3c/svg%3e"), linear-gradient(#b9860b, #b9860b); background-size: 12px 12px, calc(100% - 2px) 1.5px; background-position: right center, left center; background-repeat: no-repeat; transform: translateY(-50%); z-index: 0; } } /* Swasthe site footer (footer.php + storefront SQL) */ .sw-footer { background: #fff; border-top: none; padding: 3rem 0 2.5rem; font-family: 'Inter', sans-serif; } .sw-footer a { text-decoration: none; color: inherit; } .sw-footer a:hover { color: #b9860b; text-decoration: none; } .sw-footer__grid { display: grid; grid-template-columns: 1fr; gap: 2rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .sw-footer { padding: 5rem 0 2.5rem; } .sw-footer__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 3rem; margin-bottom: 5rem; } .sw-footer__brand { grid-column: span 2; } .sw-footer__col--solutions { grid-column: 3; } .sw-footer__col--pages { grid-column: 3; } } .sw-footer__logo { display: inline-block; margin-bottom: 1.5rem; } .sw-footer__logo img { max-height: 3rem; width: auto; display: block; } .sw-footer__wordmark { font-family: 'Montserrat', sans-serif; font-size: 1.75rem; font-weight: 700; letter-spacing: -0.04em; color: #111; line-height: 1; } .sw-footer__wordmark-dots { position: relative; } .sw-footer__wordmark-dots::before { content: ''; position: absolute; left: 50%; top: -2px; transform: translateX(-50%); width: 10px; height: 4px; background: radial-gradient(circle, #e32a1e 2px, transparent 2.5px) 0 0 / 5px 4px no-repeat, radial-gradient(circle, #e32a1e 2px, transparent 2.5px) 5px 0 / 5px 4px no-repeat; } .sw-footer__tagline { margin: 0 0 1.5rem; font-size: 0.75rem; line-height: 1.6; color: #64748b; } .sw-footer__social { display: flex; gap: 1rem; margin-bottom: 0; } .sw-footer__social-link { color: #94a3b8; display: inline-flex; } .sw-footer__social-link svg { width: 1.25rem; height: 1.25rem; } .sw-footer__newsletter { margin-top: 2.5rem; max-width: 280px; } .sw-footer__newsletter-title { margin: 0 0 0.5rem; font-size: 0.875rem; font-weight: 700; color: #0a1d37; } .sw-footer__newsletter-text { margin: 0 0 1rem; font-size: 0.625rem; line-height: 1.6; color: #64748b; } .sw-footer__newsletter-form { display: flex; align-items: stretch; } .sw-footer__newsletter-input { flex: 1; min-width: 0; border: 1px solid #e5e7eb; border-right: 0; border-radius: 0.375rem 0 0 0.375rem; padding: 0.5rem 0.75rem; font-size: 0.75rem; outline: none; } .sw-footer__newsletter-input:focus { border-color: #b9860b; box-shadow: 0 0 0 1px #b9860b; } .sw-footer__newsletter-btn { display: inline-flex; align-items: center; justify-content: center; padding: 0.5rem 0.75rem; background: #b9860b; color: #fff; border: 0; border-radius: 0 0.375rem 0.375rem 0; cursor: pointer; } .sw-footer__newsletter-btn:hover { background: #db1901; } .sw-footer__newsletter-btn svg { width: 1rem; height: 1rem; } .sw-footer__col-title { margin: 0 0 1.5rem; font-size: 0.875rem; font-weight: 700; color: #0a1d37; } .sw-footer__links { list-style: none; margin: 0; padding: 0; } .sw-footer__links li { margin: 0 0 1rem; } .sw-footer__links li:last-child { margin-bottom: 0; } .sw-footer__links a { font-size: 0.75rem; color: #64748b; } .sw-footer__bottom { display: flex; flex-direction: column; align-items: center; gap: 1rem; padding-top: 2rem; border-top: 1px solid #f3f4f6; font-size: 0.625rem; color: #94a3b8; } @media (min-width: 768px) { .sw-footer__bottom { flex-direction: row; justify-content: space-between; align-items: center; } } .sw-footer__copy { margin: 0; } .sw-footer__legal { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 1.5rem; } .sw-footer__legal a { display: inline-block; color: #94a3b8; font-size: 0.625rem; white-space: nowrap; } /* Override theme link stacks inside footer nav columns */ .sw-footer__links li { display: block; } .sw-footer__links a { display: inline; } .sw-footer__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* Tailwind CDN loads in before CMS body — fallback utilities used on gold CTAs */ .text-white, .home-cms-body .text-white, .cms-html-block .text-white, .gp-body-content .text-white { color: #fff !important; } /* Gold CTA buttons in CMS page body — always white label text, no underline */ .home-cms-body a.bg-swasthe-orange, .home-cms-body a[class*="bg-swasthe-orange"], .home-cms-body a.sw-btn-primary, .home-cms-body a[class*="bg-[#b46b14]"], .cms-html-block a.bg-swasthe-orange, .cms-html-block a[class*="bg-swasthe-orange"], .cms-html-block a.sw-btn-primary, .cms-html-block a[class*="bg-[#b46b14]"], .gp-body-content a.bg-swasthe-orange, .gp-body-content a[class*="bg-swasthe-orange"], .gp-body-content a.sw-btn-primary, .gp-body-content a[class*="bg-[#b46b14]"] { color: #fff !important; -webkit-text-fill-color: #fff !important; text-decoration: none !important; } .home-cms-body a.bg-swasthe-orange:hover, .home-cms-body a.bg-swasthe-orange:focus, .home-cms-body a.bg-swasthe-orange:visited, .home-cms-body a.sw-btn-primary:hover, .home-cms-body a.sw-btn-primary:focus, .home-cms-body a.sw-btn-primary:visited, .home-cms-body a[class*="bg-[#b46b14]"]:hover, .home-cms-body a[class*="bg-[#b46b14]"]:focus, .home-cms-body a[class*="bg-[#b46b14]"]:visited, .cms-html-block a.bg-swasthe-orange:hover, .cms-html-block a.bg-swasthe-orange:focus, .cms-html-block a.bg-swasthe-orange:visited, .cms-html-block a.sw-btn-primary:hover, .cms-html-block a.sw-btn-primary:focus, .cms-html-block a.sw-btn-primary:visited, .cms-html-block a[class*="bg-[#b46b14]"]:hover, .cms-html-block a[class*="bg-[#b46b14]"]:focus, .cms-html-block a[class*="bg-[#b46b14]"]:visited, .gp-body-content a.bg-swasthe-orange:hover, .gp-body-content a.bg-swasthe-orange:focus, .gp-body-content a.bg-swasthe-orange:visited, .gp-body-content a.sw-btn-primary:hover, .gp-body-content a.sw-btn-primary:focus, .gp-body-content a.sw-btn-primary:visited, .gp-body-content a[class*="bg-[#b46b14]"]:hover, .gp-body-content a[class*="bg-[#b46b14]"]:focus, .gp-body-content a[class*="bg-[#b46b14]"]:visited { color: #fff !important; -webkit-text-fill-color: #fff !important; text-decoration: none !important; } .home-cms-body a.bg-swasthe-orange *, .cms-html-block a.bg-swasthe-orange *, .gp-body-content a.bg-swasthe-orange * { color: inherit !important; -webkit-text-fill-color: inherit !important; } .home-cms-body a.bg-swasthe-orange.text-swasthe-navy, .home-cms-body a.bg-swasthe-orange.text-swasthe-orange, .cms-html-block a.bg-swasthe-orange.text-swasthe-navy, .cms-html-block a.bg-swasthe-orange.text-swasthe-orange { color: #fff !important; -webkit-text-fill-color: #fff !important; } /* Remove divider between final body CTA band and storefront footer */ .home-shell .gp-cms-page-footer-assigned .sw-footer, .home-shell .gp-cms-page-footer-assigned .cms-ws-footer, .home-shell .gp-cms-page-footer-assigned > footer, .home-cms-body footer.border-t, .home-cms-body > footer, .home-cms-body section:last-of-type + footer { border-top: none !important; } .home-shell .gp-cms-page-footer-assigned { border-top: none; margin-top: 0; } /* CMS footer newsletter blurb — beats global theme `p { font-size: small; }` */ .home-shell .gp-cms-page-footer-assigned .cms-ws-footer p.cms-ws-footer__newsletter-desc { margin: 0 0 16px; font-size: 10px; line-height: 1.6; color: #64748b; font-weight: 400; } .home-shell .gp-cms-page-footer-assigned .cms-ws-footer__newsletter-title { margin: 0 0 0.5rem; font-size: 0.875rem; font-weight: 700; color: #0a1d37; } .home-cms-body section:last-of-type { border-bottom: none !important; } /* ── Swasthe landing: neutralize Gulf Pharmacy teal on CMS links ── */ .home-cms-body a:not(.bg-swasthe-orange):not([class*="bg-swasthe-orange"]):not(.border-swasthe-orange):not([class*="border-swasthe-orange"]):not(.cms-ws-header__button), .gp-body-content a:not(.bg-swasthe-orange):not([class*="bg-swasthe-orange"]):not(.border-swasthe-orange):not([class*="border-swasthe-orange"]):not(.cms-ws-header__button) { color: inherit; } .home-cms-body p a:not(.bg-swasthe-orange):not([class*="bg-swasthe-orange"]):not([class*="bg-[#b46b14]"]):not(.sw-btn-primary):not(.no-underline):not(.border-swasthe-orange):not([class*="border-swasthe-orange"]) { color: #0a1d37; text-decoration: underline; } /* Secondary outline CTA (hero + sections) */ .home-cms-body a.border-swasthe-orange, .home-cms-body a[class*="border-swasthe-orange"], .gp-body-content a.border-swasthe-orange, .gp-body-content a[class*="border-swasthe-orange"] { background-color: #fff !important; color: #b9860b !important; -webkit-text-fill-color: #b9860b !important; border: 1px solid #b9860b !important; text-decoration: none !important; } .home-cms-body a.border-swasthe-orange:hover, .home-cms-body a.border-swasthe-orange:focus, .home-cms-body a[class*="border-swasthe-orange"]:hover, .home-cms-body a[class*="border-swasthe-orange"]:focus, .gp-body-content a.border-swasthe-orange:hover, .gp-body-content a[class*="border-swasthe-orange"]:hover { color: #db1901 !important; -webkit-text-fill-color: #db1901 !important; border-color: #db1901 !important; } .home-cms-body a.border-swasthe-orange *, .home-cms-body a[class*="border-swasthe-orange"] *, .gp-body-content a.border-swasthe-orange * { color: inherit !important; -webkit-text-fill-color: inherit !important; } /* Primary gold CTA hover (Tailwind arbitrary class may not compile from CDN) */ .home-cms-body a.bg-swasthe-orange:hover, .home-cms-body a[class*="bg-swasthe-orange"]:hover, .home-cms-body a[class*="hover:bg-[#db1901]"]:hover, .gp-body-content a.bg-swasthe-orange:hover, .gp-body-content a[class*="bg-swasthe-orange"]:hover { background-color: #db1901 !important; color: #fff !important; -webkit-text-fill-color: #fff !important; } /* ── Tailwind layout fallbacks (CDN loads before CMS body) ── */ .home-cms-body .grid, .gp-body-content .grid { display: grid; } .home-cms-body .grid-cols-1, .gp-body-content .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .home-cms-body .flex, .gp-body-content .flex { display: flex; } /* flex-col alone — mobile default; do not override sm/md flex-row pairs */ .home-cms-body .flex-col:not([class*="sm:flex-row"]):not([class*="md:flex-row"]), .gp-body-content .flex-col:not([class*="sm:flex-row"]):not([class*="md:flex-row"]) { flex-direction: column; } .home-cms-body .items-center, .gp-body-content .items-center { align-items: center; } .home-cms-body .items-start, .gp-body-content .items-start, .cms-html-block .items-start, .gp-html-block .items-start { align-items: flex-start; } .home-cms-body .gap-4, .gp-body-content .gap-4 { gap: 1rem; } .home-cms-body .gap-8, .gp-body-content .gap-8 { gap: 2rem; } /* Hero CTA pair — reference image 2: one row, content-based width (primary wider) */ .home-cms-body .sw-hero-cta-row, .gp-body-content .sw-hero-cta-row, .home-cms-body [class*="flex-col"][class*="sm:flex-row"], .gp-body-content [class*="flex-col"][class*="sm:flex-row"] { display: flex !important; flex-direction: column; align-items: flex-start !important; gap: 1rem !important; width: 100%; } .home-cms-body .sw-hero-cta-btn, .gp-body-content .sw-hero-cta-btn, .home-cms-body .sw-hero-cta-row > a, .gp-body-content .sw-hero-cta-row > a, .home-cms-body [class*="flex-col"][class*="sm:flex-row"] > a, .gp-body-content [class*="flex-col"][class*="sm:flex-row"] > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; white-space: normal !important; line-height: 1.25 !important; box-sizing: border-box !important; width: auto !important; flex: 0 0 auto !important; font-size: 0.875rem !important; font-weight: 700 !important; padding: 1rem 1.5rem !important; } .home-cms-body .sw-hero-cta-btn--primary, .gp-body-content .sw-hero-cta-btn--primary, .home-cms-body .sw-hero-cta-row > a.sw-btn-primary, .gp-body-content .sw-hero-cta-row > a.sw-btn-primary, .home-cms-body .sw-hero-cta-row > a.bg-swasthe-orange, .gp-body-content .sw-hero-cta-row > a.bg-swasthe-orange { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .home-cms-body .sw-hero-cta-btn--secondary, .gp-body-content .sw-hero-cta-btn--secondary, .home-cms-body .sw-hero-cta-row > a.sw-btn-outline, .gp-body-content .sw-hero-cta-row > a.sw-btn-outline, .home-cms-body .sw-hero-cta-row > a.border-swasthe-orange, .gp-body-content .sw-hero-cta-row > a.border-swasthe-orange { padding-left: 1.25rem !important; padding-right: 1.25rem !important; } @media (min-width: 640px) { .home-cms-body .sw-hero-cta-row, .gp-body-content .sw-hero-cta-row, .home-cms-body [class*="flex-col"][class*="sm:flex-row"], .gp-body-content [class*="flex-col"][class*="sm:flex-row"] { flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; } .home-cms-body .sw-hero-cta-row > a, .gp-body-content .sw-hero-cta-row > a, .home-cms-body [class*="flex-col"][class*="sm:flex-row"] > a, .gp-body-content [class*="flex-col"][class*="sm:flex-row"] > a { flex: 0 0 auto !important; width: auto !important; max-width: none !important; white-space: nowrap !important; } .home-cms-body .sw-hero-cta-btn--primary, .gp-body-content .sw-hero-cta-btn--primary, .home-cms-body .sw-hero-cta-row > a.sw-btn-primary, .gp-body-content .sw-hero-cta-row > a.sw-btn-primary, .home-cms-body .sw-hero-cta-row > a.bg-swasthe-orange, .gp-body-content .sw-hero-cta-row > a.bg-swasthe-orange { padding-left: 2rem !important; padding-right: 2rem !important; } } @media (min-width: 1024px) { .home-cms-body .lg\:col-span-4 .sw-hero-cta-row > a, .gp-body-content .lg\:col-span-4 .sw-hero-cta-row > a { font-size: 0.8125rem !important; padding-top: 0.875rem !important; padding-bottom: 0.875rem !important; } .home-cms-body .lg\:col-span-4 .sw-hero-cta-btn--primary, .gp-body-content .lg\:col-span-4 .sw-hero-cta-btn--primary, .home-cms-body .lg\:col-span-4 .sw-hero-cta-row > a.sw-btn-primary, .gp-body-content .lg\:col-span-4 .sw-hero-cta-row > a.sw-btn-primary, .home-cms-body .lg\:col-span-4 .sw-hero-cta-row > a.bg-swasthe-orange, .gp-body-content .lg\:col-span-4 .sw-hero-cta-row > a.bg-swasthe-orange { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .home-cms-body .lg\:col-span-4 .sw-hero-cta-btn--secondary, .gp-body-content .lg\:col-span-4 .sw-hero-cta-btn--secondary, .home-cms-body .lg\:col-span-4 .sw-hero-cta-row > a.sw-btn-outline, .gp-body-content .lg\:col-span-4 .sw-hero-cta-row > a.sw-btn-outline, .home-cms-body .lg\:col-span-4 .sw-hero-cta-row > a.border-swasthe-orange, .gp-body-content .lg\:col-span-4 .sw-hero-cta-row > a.border-swasthe-orange { padding-left: 1.125rem !important; padding-right: 1.125rem !important; } } @media (max-width: 639px) { .home-cms-body .sw-hero-cta-row > a, .gp-body-content .sw-hero-cta-row > a, .home-cms-body [class*="flex-col"][class*="sm:flex-row"] > a, .gp-body-content [class*="flex-col"][class*="sm:flex-row"] > a { width: 100% !important; } } @media (min-width: 640px) { .home-cms-body .sm\:flex-row, .gp-body-content .sm\:flex-row { flex-direction: row !important; } .home-cms-body .sm\:grid-cols-2, .gp-body-content .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 768px) { .home-cms-body .md\:grid-cols-3, .gp-body-content .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .home-cms-body .md\:grid-cols-2, .gp-body-content .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .home-cms-body .md\:flex-row, .gp-body-content .md\:flex-row { flex-direction: row !important; } } @media (min-width: 1024px) { .home-cms-body .lg\:grid-cols-12, .gp-body-content .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .home-cms-body .lg\:grid-cols-4, .gp-body-content .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .home-cms-body .lg\:grid-cols-3, .gp-body-content .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .home-cms-body .lg\:grid-cols-6, .gp-body-content .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .home-cms-body .lg\:grid-cols-2, .gp-body-content .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .home-cms-body .lg\:col-span-6, .gp-body-content .lg\:col-span-6 { grid-column: span 6 / span 6; } .home-cms-body .lg\:col-span-4, .gp-body-content .lg\:col-span-4 { grid-column: span 4 / span 4; } .home-cms-body .lg\:col-span-8, .gp-body-content .lg\:col-span-8 { grid-column: span 8 / span 8; } .home-cms-body .lg\:-ml-16, .gp-body-content .lg\:-ml-16 { margin-left: -4rem; } .home-cms-body .lg\:gap-12, .gp-body-content .lg\:gap-12 { gap: 3rem; } } .home-cms-body .gap-6, .gp-body-content .gap-6 { gap: 1.5rem; } .home-cms-body .justify-between, .gp-body-content .justify-between { justify-content: space-between; } .home-cms-body .max-w-4xl, .gp-body-content .max-w-4xl { max-width: 56rem; } .home-cms-body .mx-auto, .gp-body-content .mx-auto { margin-left: auto; margin-right: auto; } .home-cms-body .flex-shrink-0, .gp-body-content .flex-shrink-0 { flex-shrink: 0; } /* Home page section grids — CMS body loads after Tailwind CDN scan */ .home-cms-body .sw-home-who-grid, .gp-body-content .sw-home-who-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; max-width: 56rem; margin-left: auto; margin-right: auto; } .home-cms-body .sw-home-why-grid, .home-cms-body .sw-home-steps-grid, .home-cms-body .sw-home-services-grid, .home-cms-body .sw-home-resources-grid, .gp-body-content .sw-home-why-grid, .gp-body-content .sw-home-steps-grid, .gp-body-content .sw-home-services-grid, .gp-body-content .sw-home-resources-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; } .home-cms-body .sw-final-cta-inner, .gp-body-content .sw-final-cta-inner, .cms-html-block .sw-final-cta-inner, .gp-html-block .sw-final-cta-inner, .home-cms-body .container-wide.rounded-3xl[class*="justify-between"], .gp-body-content .container-wide.rounded-3xl[class*="justify-between"], .cms-html-block .container-wide.rounded-3xl[class*="justify-between"], .gp-html-block .container-wide.rounded-3xl[class*="justify-between"] { display: grid !important; grid-template-columns: 1fr; grid-template-rows: auto auto; align-items: start; gap: 1.25rem; background-color: #fff7ec !important; border-radius: 1.5rem; padding: 1.5rem; border: 1px solid #ffedd5; width: 100%; box-sizing: border-box; } .home-cms-body .sw-final-cta-inner .sw-final-cta-content, .gp-body-content .sw-final-cta-inner .sw-final-cta-content, .cms-html-block .sw-final-cta-inner .sw-final-cta-content, .gp-html-block .sw-final-cta-inner .sw-final-cta-content, .home-cms-body .container-wide.rounded-3xl[class*="justify-between"] > .flex.items-center.gap-8, .gp-body-content .container-wide.rounded-3xl[class*="justify-between"] > .flex.items-center.gap-8, .cms-html-block .container-wide.rounded-3xl[class*="justify-between"] > .flex.items-center.gap-8, .gp-html-block .container-wide.rounded-3xl[class*="justify-between"] > .flex.items-center.gap-8 { display: flex !important; flex-direction: column; align-items: flex-start; gap: 1rem; min-width: 0; grid-column: 1; grid-row: 1; } .home-cms-body .sw-final-cta-inner h2, .gp-body-content .sw-final-cta-inner h2, .cms-html-block .sw-final-cta-inner h2, .home-cms-body .container-wide.rounded-3xl[class*="justify-between"] h2, .gp-body-content .container-wide.rounded-3xl[class*="justify-between"] h2 { font-size: clamp(1.5rem, 2.5vw, 1.875rem); font-weight: 700; color: #0a1d37; margin: 0 0 0.5rem; line-height: 1.25; } .home-cms-body .sw-final-cta-inner p, .gp-body-content .sw-final-cta-inner p, .cms-html-block .sw-final-cta-inner p, .home-cms-body .container-wide.rounded-3xl[class*="justify-between"] p, .gp-body-content .container-wide.rounded-3xl[class*="justify-between"] p { font-size: 0.875rem; line-height: 1.5; color: #475569; margin: 0; } @media (min-width: 768px) { .home-cms-body .sw-final-cta-inner p, .gp-body-content .sw-final-cta-inner p, .cms-html-block .sw-final-cta-inner p, .home-cms-body .container-wide.rounded-3xl[class*="justify-between"] p, .gp-body-content .container-wide.rounded-3xl[class*="justify-between"] p { font-size: 1rem; } } .home-cms-body .sw-final-cta-inner > a, .gp-body-content .sw-final-cta-inner > a, .cms-html-block .sw-final-cta-inner > a, .home-cms-body .container-wide.rounded-3xl[class*="justify-between"] > a.sw-btn-primary, .gp-body-content .container-wide.rounded-3xl[class*="justify-between"] > a.sw-btn-primary, .home-cms-body .container-wide.rounded-3xl[class*="justify-between"] > a[class*="bg-swasthe-orange"], .gp-body-content .container-wide.rounded-3xl[class*="justify-between"] > a[class*="bg-swasthe-orange"], .home-cms-body .container-wide.rounded-3xl[class*="justify-between"] > a[class*="bg-[#b46b14]"], .gp-body-content .container-wide.rounded-3xl[class*="justify-between"] > a[class*="bg-[#b46b14]"], .cms-html-block .container-wide.rounded-3xl[class*="justify-between"] > a.sw-btn-primary, .cms-html-block .container-wide.rounded-3xl[class*="justify-between"] > a[class*="bg-swasthe-orange"], .cms-html-block .container-wide.rounded-3xl[class*="justify-between"] > a[class*="bg-[#b46b14]"], .gp-html-block .sw-final-cta-inner > a, .gp-html-block .container-wide.rounded-3xl[class*="justify-between"] > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0; text-decoration: none !important; white-space: nowrap; font-weight: 700; padding: 1rem 1.5rem !important; font-size: 1rem !important; border-radius: 0.375rem; box-shadow: 0 10px 25px rgba(185, 134, 11, 0.2); background-color: #b9860b !important; color: #fff !important; -webkit-text-fill-color: #fff !important; grid-column: 1; grid-row: 2; justify-self: start; width: auto !important; max-width: 100%; } .home-cms-body .sw-final-cta-inner > a:hover, .gp-body-content .sw-final-cta-inner > a:hover, .cms-html-block .sw-final-cta-inner > a:hover, .home-cms-body .container-wide.rounded-3xl[class*="justify-between"] > a:hover, .gp-body-content .container-wide.rounded-3xl[class*="justify-between"] > a:hover, .cms-html-block .container-wide.rounded-3xl[class*="justify-between"] > a:hover, .gp-html-block .sw-final-cta-inner > a:hover, .gp-html-block .container-wide.rounded-3xl[class*="justify-between"] > a:hover { background-color: #db1901 !important; color: #fff !important; text-decoration: none !important; } .home-cms-body .sw-final-cta-inner > a *, .gp-body-content .sw-final-cta-inner > a *, .cms-html-block .sw-final-cta-inner > a *, .home-cms-body .container-wide.rounded-3xl[class*="justify-between"] > a *, .gp-body-content .container-wide.rounded-3xl[class*="justify-between"] > a *, .cms-html-block .container-wide.rounded-3xl[class*="justify-between"] > a *, .gp-html-block .sw-final-cta-inner > a *, .gp-html-block .container-wide.rounded-3xl[class*="justify-between"] > a * { color: inherit !important; -webkit-text-fill-color: inherit !important; text-decoration: none !important; } .home-cms-body .sw-final-cta-content > div:first-child, .gp-body-content .sw-final-cta-content > div:first-child, .cms-html-block .sw-final-cta-content > div:first-child, .home-cms-body .container-wide.rounded-3xl[class*="justify-between"] > .flex.items-center.gap-8 > div:first-child, .gp-body-content .container-wide.rounded-3xl[class*="justify-between"] > .flex.items-center.gap-8 > div:first-child, .cms-html-block .container-wide.rounded-3xl[class*="justify-between"] > .flex.items-center.gap-8 > div:first-child, .gp-html-block .sw-final-cta-content > div:first-child, .gp-html-block .container-wide.rounded-3xl[class*="justify-between"] > .flex.items-center.gap-8 > div:first-child { border-radius: 0.75rem !important; width: 4rem !important; height: 4rem !important; flex-shrink: 0; } @media (min-width: 769px) { .home-cms-body .sw-final-cta-inner, .gp-body-content .sw-final-cta-inner, .cms-html-block .sw-final-cta-inner, .gp-html-block .sw-final-cta-inner, .home-cms-body .container-wide.rounded-3xl[class*="justify-between"], .gp-body-content .container-wide.rounded-3xl[class*="justify-between"], .cms-html-block .container-wide.rounded-3xl[class*="justify-between"], .gp-html-block .container-wide.rounded-3xl[class*="justify-between"] { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; grid-template-rows: auto !important; align-items: center !important; gap: 2rem !important; padding: 3rem !important; } .home-cms-body .sw-final-cta-inner .sw-final-cta-content, .gp-body-content .sw-final-cta-inner .sw-final-cta-content, .cms-html-block .sw-final-cta-inner .sw-final-cta-content, .gp-html-block .sw-final-cta-inner .sw-final-cta-content, .home-cms-body .container-wide.rounded-3xl[class*="justify-between"] > .flex.items-center.gap-8, .gp-body-content .container-wide.rounded-3xl[class*="justify-between"] > .flex.items-center.gap-8, .cms-html-block .container-wide.rounded-3xl[class*="justify-between"] > .flex.items-center.gap-8, .gp-html-block .container-wide.rounded-3xl[class*="justify-between"] > .flex.items-center.gap-8 { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 2rem !important; grid-column: 1 !important; grid-row: 1 !important; } .home-cms-body .sw-final-cta-inner > a, .gp-body-content .sw-final-cta-inner > a, .cms-html-block .sw-final-cta-inner > a, .gp-html-block .sw-final-cta-inner > a, .home-cms-body .container-wide.rounded-3xl[class*="justify-between"] > a.sw-btn-primary, .gp-body-content .container-wide.rounded-3xl[class*="justify-between"] > a.sw-btn-primary, .home-cms-body .container-wide.rounded-3xl[class*="justify-between"] > a[class*="bg-swasthe-orange"], .gp-body-content .container-wide.rounded-3xl[class*="justify-between"] > a[class*="bg-swasthe-orange"], .cms-html-block .container-wide.rounded-3xl[class*="justify-between"] > a.sw-btn-primary, .gp-html-block .container-wide.rounded-3xl[class*="justify-between"] > a { grid-column: 2 !important; grid-row: 1 !important; justify-self: end !important; align-self: center !important; font-size: 1.125rem !important; padding: 1.25rem 2.5rem !important; } } @media (min-width: 640px) { .home-cms-body .sw-home-steps-grid, .home-cms-body .sw-home-services-grid, .gp-body-content .sw-home-steps-grid, .gp-body-content .sw-home-services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 768px) { .home-cms-body .sw-home-who-grid, .gp-body-content .sw-home-who-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .home-cms-body .sw-home-why-grid, .home-cms-body .sw-home-services-grid, .gp-body-content .sw-home-why-grid, .gp-body-content .sw-home-services-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 1024px) { .home-cms-body .sw-home-steps-grid, .home-cms-body .sw-home-services-grid, .gp-body-content .sw-home-steps-grid, .gp-body-content .sw-home-services-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } .home-cms-body .sw-home-resources-grid, .gp-body-content .sw-home-resources-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 767px) { .home-cms-body .sw-final-cta-inner > a, .gp-body-content .sw-final-cta-inner > a, .cms-html-block .sw-final-cta-inner > a, .gp-html-block .sw-final-cta-inner > a { width: auto; align-self: flex-start; } } /* ── Resources page: grid cards + trust bar ── */ .home-cms-body .sw-resources-page-grid, .gp-body-content .sw-resources-page-grid, .cms-html-block .sw-resources-page-grid, .gp-html-block .sw-resources-page-grid { display: grid !important; grid-template-columns: 1fr; gap: 1.5rem; } @media (min-width: 768px) { .home-cms-body .sw-resources-page-grid, .gp-body-content .sw-resources-page-grid, .cms-html-block .sw-resources-page-grid, .gp-html-block .sw-resources-page-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } .home-cms-body .sw-resource-card, .gp-body-content .sw-resource-card, .cms-html-block .sw-resource-card, .gp-html-block .sw-resource-card { display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 1.5rem; text-decoration: none !important; color: inherit; } .home-cms-body .sw-resource-card:hover, .gp-body-content .sw-resource-card:hover, .cms-html-block .sw-resource-card:hover, .gp-html-block .sw-resource-card:hover { text-decoration: none !important; } .home-cms-body .sw-resource-card h3, .gp-body-content .sw-resource-card h3, .cms-html-block .sw-resource-card h3, .gp-html-block .sw-resource-card h3 { color: #0a1d37; margin: 0 0 0.5rem; } .home-cms-body .sw-resource-card > div:first-child, .gp-body-content .sw-resource-card > div:first-child, .cms-html-block .sw-resource-card > div:first-child, .gp-html-block .sw-resource-card > div:first-child { width: 3rem; height: 3rem; flex-shrink: 0; } .home-cms-body .sw-trust-bar-grid, .gp-body-content .sw-trust-bar-grid, .cms-html-block .sw-trust-bar-grid, .gp-html-block .sw-trust-bar-grid { display: grid !important; grid-template-columns: 1fr; gap: 2rem; } @media (min-width: 640px) { .home-cms-body .sw-trust-bar-grid, .gp-body-content .sw-trust-bar-grid, .cms-html-block .sw-trust-bar-grid, .gp-html-block .sw-trust-bar-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (min-width: 1024px) { .home-cms-body .sw-trust-bar-grid, .gp-body-content .sw-trust-bar-grid, .cms-html-block .sw-trust-bar-grid, .gp-html-block .sw-trust-bar-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } } .home-cms-body .sw-trust-bar-grid > .flex.items-start, .gp-body-content .sw-trust-bar-grid > .flex.items-start, .cms-html-block .sw-trust-bar-grid > .flex.items-start, .gp-html-block .sw-trust-bar-grid > .flex.items-start { display: flex !important; align-items: flex-start !important; gap: 1rem; } /* ── Solutions page: hero + card boxes (CMS Tailwind fallbacks) ── */ .sw-solutions-hero-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; } @media (min-width: 1024px) { .sw-solutions-hero-grid { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 3rem; } .sw-solutions-hero-grid > .lg\:col-span-6, .sw-solutions-hero-grid > [class*="lg:col-span-6"] { grid-column: span 6 / span 6; } } .sw-solutions-section-title { font-size: clamp(1.75rem, 3vw, 2.25rem); font-weight: 700; color: #0a1d37; text-align: center; margin: 0 0 4rem; line-height: 1.2; } .sw-solutions-cards-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; } @media (min-width: 1024px) { .sw-solutions-cards-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .home-cms-body .sw-solution-card, .gp-body-content .sw-solution-card, .cms-html-block .sw-solution-card { background: #fff; border: 1px solid #f3f4f6; border-radius: 1.5rem; padding: 2.5rem; box-shadow: 0 1px 3px rgba(15, 29, 55, 0.06); display: flex; flex-direction: column; min-height: 32rem; position: relative; overflow: hidden; } @media (min-width: 768px) { .home-cms-body .sw-solution-card, .gp-body-content .sw-solution-card, .cms-html-block .sw-solution-card { padding: 3rem; min-height: 34rem; } } .home-cms-body .sw-solution-card h3, .gp-body-content .sw-solution-card h3, .cms-html-block .sw-solution-card h3 { font-size: 1.5rem; font-weight: 700; color: #0a1d37; margin: 0 0 0.5rem; line-height: 1.25; } .home-cms-body .sw-solution-card > .flex.items-start + ul, .home-cms-body .sw-solution-card > div + ul, .gp-body-content .sw-solution-card > .flex.items-start + ul, .gp-body-content .sw-solution-card > div + ul, .cms-html-block .sw-solution-card > .flex.items-start + ul, .cms-html-block .sw-solution-card > div + ul { list-style: none; padding: 0; margin: 0 0 2.5rem; } .home-cms-body .sw-solution-card ul li, .gp-body-content .sw-solution-card ul li, .cms-html-block .sw-solution-card ul li { font-size: 0.875rem; font-weight: 500; color: #334155; line-height: 1.4; } .home-cms-body .sw-solution-card .text-slate-600.text-sm, .gp-body-content .sw-solution-card .text-slate-600.text-sm, .cms-html-block .sw-solution-card .text-slate-600.text-sm { font-size: 0.875rem; line-height: 1.625; color: #475569; } .home-cms-body .sw-solution-card .mt-auto.relative, .gp-body-content .sw-solution-card .mt-auto.relative, .cms-html-block .sw-solution-card .mt-auto.relative { margin-top: auto; position: relative; min-height: 12rem; display: flex; justify-content: flex-end; align-items: flex-end; } .home-cms-body .sw-solution-card-media img, .gp-body-content .sw-solution-card-media img, .cms-html-block .sw-solution-card-media img, .home-cms-body .sw-solution-card .mt-auto.relative img, .gp-body-content .sw-solution-card .mt-auto.relative img, .cms-html-block .sw-solution-card .mt-auto.relative img { max-width: none !important; width: auto !important; margin: 0 !important; border-radius: 0 !important; object-fit: contain; mix-blend-mode: multiply; } .home-cms-body .sw-solution-card-header, .gp-body-content .sw-solution-card-header, .cms-html-block .sw-solution-card-header { display: flex; align-items: flex-start; gap: 1.5rem; margin-bottom: 2rem; position: relative; z-index: 30; } .home-cms-body .sw-solution-card-list, .gp-body-content .sw-solution-card-list, .cms-html-block .sw-solution-card-list { list-style: none; padding: 0; margin: 0 0 2.5rem; position: relative; z-index: 30; } .home-cms-body .sw-solution-card-list li, .gp-body-content .sw-solution-card-list li, .cms-html-block .sw-solution-card-list li { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem; } .home-cms-body .sw-solution-card-media, .gp-body-content .sw-solution-card-media, .cms-html-block .sw-solution-card-media, .home-cms-body .sw-solution-card .mt-auto.relative, .gp-body-content .sw-solution-card .mt-auto.relative, .cms-html-block .sw-solution-card .mt-auto.relative { margin-top: auto; position: relative; z-index: 10; min-height: 11rem; max-height: 12rem; display: flex; justify-content: flex-end; align-items: flex-end; overflow: visible; pointer-events: none; } .home-cms-body .sw-solution-card-media a, .gp-body-content .sw-solution-card-media a, .cms-html-block .sw-solution-card-media a { pointer-events: auto; } .home-cms-body .sw-solution-card-media > img, .gp-body-content .sw-solution-card-media > img, .cms-html-block .sw-solution-card-media > img, .home-cms-body .sw-solution-card .mt-auto.relative > img, .gp-body-content .sw-solution-card .mt-auto.relative > img, .cms-html-block .sw-solution-card .mt-auto.relative > img, .home-cms-body .sw-solution-card img.h-\[140\%\], .gp-body-content .sw-solution-card img.h-\[140\%\], .cms-html-block .sw-solution-card img.h-\[140\%\], .home-cms-body .sw-solution-card img[class*="h-[140%]"], .gp-body-content .sw-solution-card img[class*="h-[140%]"], .cms-html-block .sw-solution-card img[class*="h-[140%]"] { position: absolute; right: -0.75rem; bottom: -0.75rem; height: 10.5rem !important; max-height: 10.5rem !important; width: auto !important; max-width: 55% !important; z-index: 1; pointer-events: none; } .home-cms-body .sw-solution-card .bg-swasthe-navy, .gp-body-content .sw-solution-card .bg-swasthe-navy, .cms-html-block .sw-solution-card .bg-swasthe-navy, .home-cms-body .sw-solution-card [class*="bg-swasthe-navy"], .gp-body-content .sw-solution-card [class*="bg-swasthe-navy"] { background-color: #0a1d37 !important; color: #fff !important; } .home-cms-body .sw-solution-card .bg-orange-50, .gp-body-content .sw-solution-card .bg-orange-50, .cms-html-block .sw-solution-card .bg-orange-50 { background-color: #fff7ed !important; } .home-cms-body .sw-page-hero .sw-hero-cta-row, .gp-body-content .sw-page-hero .sw-hero-cta-row, .cms-html-block .sw-page-hero .sw-hero-cta-row { display: flex; flex-direction: column; gap: 1rem; } @media (min-width: 640px) { .home-cms-body .sw-page-hero .sw-hero-cta-row, .gp-body-content .sw-page-hero .sw-hero-cta-row, .cms-html-block .sw-page-hero .sw-hero-cta-row { flex-direction: row; flex-wrap: wrap; } } .home-cms-body .sw-page-hero h1, .gp-body-content .sw-page-hero h1, .cms-html-block .sw-page-hero h1 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; color: #0a1d37; line-height: 1.2; } .home-cms-body .sw-page-hero .text-base.text-slate-600, .gp-body-content .sw-page-hero .text-base.text-slate-600, .cms-html-block .sw-page-hero .text-base.text-slate-600 { font-size: 1rem; line-height: 1.625; color: #475569; } .home-cms-body .py-16, .gp-body-content .py-16, .cms-html-block .py-16 { padding-top: 4rem; padding-bottom: 4rem; } @media (min-width: 768px) { .home-cms-body .md\:py-24, .gp-body-content .md\:py-24, .cms-html-block .md\:py-24 { padding-top: 6rem; padding-bottom: 6rem; } } .home-cms-body .lg\:gap-12, .gp-body-content .lg\:gap-12 { gap: 3rem; } /* Solution cards without sw-solution-card class (legacy CMS blocks) */ .home-cms-body .rounded-3xl.flex.flex-col.relative.overflow-hidden, .gp-body-content .rounded-3xl.flex.flex-col.relative.overflow-hidden, .cms-html-block .rounded-3xl.flex.flex-col.relative.overflow-hidden { min-height: 32rem; } .home-cms-body .rounded-3xl.flex.flex-col.relative.overflow-hidden img.absolute, .gp-body-content .rounded-3xl.flex.flex-col.relative.overflow-hidden img.absolute, .cms-html-block .rounded-3xl.flex.flex-col.relative.overflow-hidden img.absolute, .home-cms-body .rounded-3xl.flex.flex-col.relative.overflow-hidden .mt-auto img, .gp-body-content .rounded-3xl.flex.flex-col.relative.overflow-hidden .mt-auto img { max-width: none !important; width: auto !important; margin: 0 !important; border-radius: 0 !important; } /* ── Services page: pillars, comparison table, hero grid ── */ .sw-services-section-title { font-size: clamp(1.75rem, 3vw, 2rem); font-weight: 700; color: #0a1d37; text-align: center; margin: 0 0 3rem; line-height: 1.2; } .sw-services-hero-grid { display: grid; grid-template-columns: 1fr; gap: 3rem; align-items: center; } @media (min-width: 1024px) { .sw-services-hero-grid { grid-template-columns: repeat(12, minmax(0, 1fr)); } .home-cms-body .lg\:col-span-7, .gp-body-content .lg\:col-span-7 { grid-column: span 7 / span 7; } .home-cms-body .lg\:col-span-5, .gp-body-content .lg\:col-span-5 { grid-column: span 5 / span 5; } } @media (min-width: 1280px) { .home-cms-body .xl\:col-span-6, .gp-body-content .xl\:col-span-6 { grid-column: span 6 / span 6; } } .sw-services-pillars-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; } @media (min-width: 768px) { .sw-services-pillars-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1024px) { .sw-services-pillars-grid, .home-cms-body .lg\:grid-cols-4, .gp-body-content .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .home-cms-body .sw-service-pillar-card, .gp-body-content .sw-service-pillar-card, .cms-html-block .sw-service-pillar-card { border: 1px solid #f3f4f6; border-radius: 0.75rem; padding: 2rem; background: #fff; display: flex; flex-direction: column; min-height: 100%; box-shadow: 0 1px 2px rgba(15, 29, 55, 0.04); } .home-cms-body .sw-service-pillar-card h3, .gp-body-content .sw-service-pillar-card h3, .cms-html-block .sw-service-pillar-card h3 { font-size: 1.25rem; font-weight: 700; color: #0a1d37; margin: 0 0 1rem; } .home-cms-body .sw-service-pillar-card p.text-sm, .gp-body-content .sw-service-pillar-card p.text-sm, .cms-html-block .sw-service-pillar-card p.text-sm { font-size: 0.875rem; line-height: 1.625; color: #475569; flex-grow: 1; margin-bottom: 2rem; } .home-cms-body .flex-grow, .gp-body-content .flex-grow, .cms-html-block .flex-grow { flex-grow: 1; } .home-cms-body .max-w-5xl, .gp-body-content .max-w-5xl { max-width: 64rem; } .home-cms-body .max-w-2xl, .gp-body-content .max-w-2xl { max-width: 42rem; } .home-cms-body .max-w-lg, .gp-body-content .max-w-lg { max-width: 32rem; } .home-cms-body .comparison-table-wrapper, .gp-body-content .comparison-table-wrapper, .cms-html-block .comparison-table-wrapper { overflow-x: auto; margin-top: 0; padding-bottom: 0.5rem; width: 100%; } .home-cms-body .comparison-table, .gp-body-content .comparison-table, .cms-html-block .comparison-table { width: 100%; min-width: 720px; border-collapse: separate; border-spacing: 0; text-align: center; background: #fff; } .home-cms-body .comparison-table th, .home-cms-body .comparison-table td, .gp-body-content .comparison-table th, .gp-body-content .comparison-table td, .cms-html-block .comparison-table th, .cms-html-block .comparison-table td { padding: 1.25rem 1rem; border-bottom: 1px solid #f1f5f9; border-right: 1px solid #f1f5f9; font-size: 0.9375rem; } .home-cms-body .comparison-table th:first-child, .home-cms-body .comparison-table td:first-child, .gp-body-content .comparison-table th:first-child, .gp-body-content .comparison-table td:first-child, .cms-html-block .comparison-table th:first-child, .cms-html-block .comparison-table td:first-child { text-align: left; font-weight: 700; color: #1e293b; border-left: 1px solid #f1f5f9; } .home-cms-body .comparison-table thead th, .gp-body-content .comparison-table thead th, .cms-html-block .comparison-table thead th { font-weight: 700; color: #0f172a; border-top: 1px solid #f1f5f9; font-size: 0.875rem; } .home-cms-body .comparison-table th.highlight-col, .home-cms-body .comparison-table td.highlight-col, .gp-body-content .comparison-table th.highlight-col, .gp-body-content .comparison-table td.highlight-col, .cms-html-block .comparison-table th.highlight-col, .cms-html-block .comparison-table td.highlight-col { background-color: #fffaf7; border-left: 2px solid #f97316; border-right: 2px solid #f97316; color: #c2410c; font-weight: 700; } .home-cms-body .comparison-table thead th.highlight-col, .gp-body-content .comparison-table thead th.highlight-col, .cms-html-block .comparison-table thead th.highlight-col { border-top: 2px solid #f97316; border-top-left-radius: 8px; border-top-right-radius: 8px; } .home-cms-body .comparison-table tbody tr:last-child td.highlight-col, .gp-body-content .comparison-table tbody tr:last-child td.highlight-col, .cms-html-block .comparison-table tbody tr:last-child td.highlight-col { border-bottom: 2px solid #f97316; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } /* Trust bar cream tint */ .home-cms-body .bg-\[\#fffaf7\], .home-cms-body section[class*="fffaf7"], .gp-body-content .bg-\[\#fffaf7\] { background-color: #fffaf7 !important; } /* Section headings */ .home-cms-body .text-swasthe-navy, .home-cms-body h1, .home-cms-body h2, .home-cms-body h3, .gp-body-content .text-swasthe-navy { color: #0a1d37; } .home-cms-body .text-slate-600, .gp-body-content .text-slate-600 { color: #475569; } /* Hero highlight pill */ .home-cms-body .bg-\[\#fff7ec\], .gp-body-content .bg-\[\#fff7ec\] { background-color: #fff7ec !important; } /* ── Get Started: hero content + form in one 2-column grid ── */ .sw-get-started-hero-grid, .home-cms-body .sw-get-started-hero-grid, .gp-body-content .sw-get-started-hero-grid, .cms-html-block .sw-get-started-hero-grid, .home-cms-body .container-wide.grid.grid-cols-1.lg\:grid-cols-2.gap-12, .gp-body-content .container-wide.grid.grid-cols-1.lg\:grid-cols-2.gap-12 { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; } @media (min-width: 1024px) { .sw-get-started-hero-grid, .home-cms-body .sw-get-started-hero-grid, .gp-body-content .sw-get-started-hero-grid, .cms-html-block .sw-get-started-hero-grid, .home-cms-body .container-wide.grid.grid-cols-1.lg\:grid-cols-2.gap-12, .gp-body-content .container-wide.grid.grid-cols-1.lg\:grid-cols-2.gap-12 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4rem; } } .home-cms-body .sw-get-started-hero-form .bg-white.rounded-2xl, .gp-body-content .sw-get-started-hero-form .bg-white.rounded-2xl { box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08); } .home-cms-body .sw-get-started-hero, .gp-body-content .sw-get-started-hero { background-color: #fffaf7 !important; } .home-cms-body #getStartedForm .space-y-6 > div, .gp-body-content #getStartedForm .space-y-6 > div { margin-bottom: 1.5rem; } .home-cms-body #getStartedForm label, .gp-body-content #getStartedForm label { display: block; font-size: 0.875rem; font-weight: 700; color: #0a1d37; margin-bottom: 0.5rem; } .home-cms-body #getStartedForm input, .home-cms-body #getStartedForm select, .gp-body-content #getStartedForm input, .gp-body-content #getStartedForm select { width: 100%; border: 1px solid #e5e7eb; border-radius: 0.375rem; padding: 0.75rem 1rem; font-size: 0.875rem; color: #334155; background: #fff; } .home-cms-body #getStartedForm .sw-btn-primary, .gp-body-content #getStartedForm .sw-btn-primary { width: 100%; background-color: #b9860b !important; color: #fff !important; border: 0; padding: 1rem 1.5rem; font-weight: 700; border-radius: 0.375rem; text-decoration: none !important; cursor: pointer; } .home-cms-body #getStartedForm .sw-btn-primary:hover, .gp-body-content #getStartedForm .sw-btn-primary:hover { background-color: #db1901 !important; } .home-cms-body .sw-trust-iso-badge, .gp-body-content .sw-trust-iso-badge { text-transform: uppercase; font-weight: 700; letter-spacing: 0.02em; line-height: 1.1; text-align: center; } .home-cms-body .sw-get-started-audit-steps, .gp-body-content .sw-get-started-audit-steps { display: grid; grid-template-columns: 1fr; gap: 2rem; } @media (min-width: 768px) { .home-cms-body .sw-get-started-audit-steps, .gp-body-content .sw-get-started-audit-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1024px) { .home-cms-body .sw-get-started-audit-steps, .gp-body-content .sw-get-started-audit-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .home-cms-body .sw-get-started-trust-grid, .gp-body-content .sw-get-started-trust-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; } @media (min-width: 768px) { .home-cms-body .sw-get-started-trust-grid, .gp-body-content .sw-get-started-trust-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }