body.salesforce-services-page, .sf-page { --sf-dark: #282d35; --sf-card: #242a31; --sf-card-hover: #2d333b; --sf-red: #d80c18; --sf-muted: #484e57; --sf-soft: #f8f8f8; }
body.salesforce-services-page .elementor-location-header .primary-menu:not(.main-menu), body.salesforce-services-page .elementor-location-header .primary-menu.slideup { background: rgb(255, 255, 255) !important; box-shadow: rgba(227, 231, 236, 0.9) 0px 1px 0px !important; }
body.salesforce-services-page .elementor-location-header .primary-menu:not(.main-menu) .light-logo, body.salesforce-services-page .elementor-location-header .primary-menu.slideup .light-logo { display: none !important; opacity: 0 !important; visibility: hidden !important; }
body.salesforce-services-page .elementor-location-header .primary-menu:not(.main-menu) .dark-logo, body.salesforce-services-page .elementor-location-header .primary-menu.slideup .dark-logo { display: block !important; opacity: 1 !important; visibility: visible !important; }
body.salesforce-services-page .elementor-location-header .primary-menu:not(.main-menu) .e-n-menu-title-text, body.salesforce-services-page .elementor-location-header .primary-menu.slideup .e-n-menu-title-text, body.salesforce-services-page .elementor-location-header .primary-menu:not(.main-menu) .e-n-menu-title-container, body.salesforce-services-page .elementor-location-header .primary-menu.slideup .e-n-menu-title-container, body.salesforce-services-page .elementor-location-header .primary-menu:not(.main-menu) .e-n-menu-dropdown-icon, body.salesforce-services-page .elementor-location-header .primary-menu.slideup .e-n-menu-dropdown-icon, body.salesforce-services-page .elementor-location-header .primary-menu:not(.main-menu) .e-n-menu-toggle, body.salesforce-services-page .elementor-location-header .primary-menu.slideup .e-n-menu-toggle { color: var(--sf-dark) !important; }
body.salesforce-services-page .elementor-location-header .primary-menu:not(.main-menu) nav, body.salesforce-services-page .elementor-location-header .primary-menu.slideup nav { color: var(--sf-dark) !important; --n-menu-title-color-normal: var(--sf-dark) !important; --n-menu-title-normal-color-dropdown: var(--sf-dark) !important; --n-menu-icon-color: var(--sf-dark) !important; }
body.salesforce-services-page .elementor-location-header .e-n-menu-title:hover .e-n-menu-title-text, body.salesforce-services-page .elementor-location-header .e-n-menu-title:focus-within .e-n-menu-title-text { color: var(--sf-red) !important; }
body.salesforce-services-page .elementor-location-header .primary-menu:not(.main-menu) .e-n-menu-title svg, body.salesforce-services-page .elementor-location-header .primary-menu.slideup .e-n-menu-title svg, body.salesforce-services-page .elementor-location-header .primary-menu:not(.main-menu) .e-n-menu-title svg path, body.salesforce-services-page .elementor-location-header .primary-menu.slideup .e-n-menu-title svg path, body.salesforce-services-page .elementor-location-header .primary-menu:not(.main-menu) .e-n-menu-toggle svg, body.salesforce-services-page .elementor-location-header .primary-menu.slideup .e-n-menu-toggle svg, body.salesforce-services-page .elementor-location-header .primary-menu:not(.main-menu) .e-n-menu-toggle svg path, body.salesforce-services-page .elementor-location-header .primary-menu.slideup .e-n-menu-toggle svg path { fill: var(--sf-dark) !important; }
body.salesforce-services-page .elementor-location-header .primary-menu .btn-pricing .elementor-button, body.salesforce-services-page .elementor-location-header .primary-menu .btn-pricing .elementor-button-text { color: rgb(255, 255, 255) !important; }
.sf-page .ns-hero { min-height: 760px; }
.sf-page .ns-hero--service { min-height: 620px; }
.sf-page .ns-hero__body { max-width: 820px; }
.sf-page .ns-proof__item strong { font-size: 28px; }
.sf-service-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 24px; }
.sf-service-card { display: flex; flex-direction: column; min-height: 100%; padding: 30px; border-radius: 6px; background: var(--sf-card); color: rgb(255, 255, 255); text-decoration: none; transition: background-color 180ms, transform 180ms; }
.sf-service-card:hover, .sf-service-card:focus { background: var(--sf-card-hover); color: rgb(255, 255, 255); transform: translateY(-3px); }
.sf-service-card__index { display: inline-flex; width: 42px; height: 42px; margin-bottom: 22px; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 50%; color: rgb(255, 181, 186); font-family: Rajdhani, Blinker, Arial, sans-serif; font-size: 22px; font-weight: 600; }
.sf-service-card h3 { margin: 0px; color: rgb(255, 255, 255); font-size: 25px; font-weight: 600; line-height: 1.16; }
.sf-service-card p { margin: 16px 0px 0px; color: rgba(255, 255, 255, 0.74); font-size: 17px; font-weight: 300; line-height: 1.55; }
.sf-service-card em { display: inline-block; margin-top: auto; padding-top: 24px; color: rgb(255, 181, 186); font-style: normal; font-weight: 600; }
.sf-selector { display: grid; gap: 14px; }
.sf-selector__row { display: grid; grid-template-columns: minmax(0px, 0.92fr) minmax(260px, 0.42fr); gap: 18px; align-items: center; padding: 24px 28px; border: 1px solid var(--ns-border); border-radius: 6px; background: rgb(255, 255, 255); }
.sf-selector__row strong { display: block; color: var(--sf-dark); font-size: 22px; font-weight: 600; line-height: 1.2; }
.sf-selector__row span { display: block; margin-top: 8px; color: var(--sf-muted); font-size: 17px; line-height: 1.45; }
.sf-selector__row a { justify-self: end; color: var(--sf-red); font-size: 17px; font-weight: 600; text-decoration: none; }
.sf-selector__row a:hover, .sf-selector__row a:focus { color: var(--sf-dark); }
.sf-scope { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px; }
.sf-scope__panel { min-height: 100%; padding: 30px; border-radius: 6px; background: rgb(255, 255, 255); border: 1px solid var(--ns-border); }
.sf-scope__panel--dark { background: var(--sf-dark); border-color: var(--sf-dark); color: rgb(255, 255, 255); }
.sf-scope__panel h3 { margin: 0px; color: var(--sf-dark); font-size: 26px; line-height: 1.16; }
.sf-scope__panel--dark h3 { color: rgb(255, 255, 255); }
.sf-scope__panel p { margin: 14px 0px 0px; color: var(--sf-muted); font-size: 18px; font-weight: 300; line-height: 1.55; }
.sf-scope__panel--dark p { color: rgba(255, 255, 255, 0.76); }
.sf-tag-list { display: flex; flex-wrap: wrap; gap: 10px; padding: 0px; margin: 20px 0px 0px; list-style: none; }
.sf-tag-list li { padding: 9px 12px; border-radius: 4px; background: var(--sf-soft); color: var(--sf-dark); font-size: 15px; line-height: 1.2; }
.sf-scope__panel--dark .sf-tag-list li { background: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.86); }
.sf-deliverables { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px 28px; padding: 0px; margin: 0px; list-style: none; }
.sf-deliverables li { position: relative; min-height: 52px; padding: 14px 18px 14px 42px; border: 1px solid var(--ns-border); border-radius: 6px; background: rgb(255, 255, 255); color: var(--sf-dark); font-size: 18px; line-height: 1.35; }
.sf-deliverables li::before { content: ""; position: absolute; left: 18px; top: 22px; width: 8px; height: 8px; border-radius: 50%; background: var(--sf-red); }
.sf-related-services { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 24px; }
.sf-related-services a { min-height: 100%; padding: 26px; border: 1px solid var(--ns-border); border-radius: 6px; background: rgb(255, 255, 255); color: inherit; text-decoration: none; }
.sf-related-services strong { display: block; color: var(--sf-dark); font-size: 22px; line-height: 1.18; }
.sf-related-services span { display: block; margin-top: 12px; color: var(--sf-muted); font-size: 16px; line-height: 1.45; }
.sf-related-services em { display: inline-block; margin-top: 18px; color: var(--sf-red); font-style: normal; font-weight: 600; }
.sf-related-services a:hover strong, .sf-related-services a:focus strong { color: var(--sf-red); }
.sf-connection-grid { display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 14px; }
.sf-connection-grid div { min-height: 126px; padding: 22px 18px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 6px; background: rgba(255, 255, 255, 0.07); }
.sf-connection-grid strong { display: block; color: rgb(255, 255, 255); font-size: 20px; }
.sf-connection-grid span { display: block; margin-top: 10px; color: rgba(255, 255, 255, 0.72); font-size: 15px; line-height: 1.4; }
.sf-page .ns-card--dark { background: var(--sf-card); border-color: var(--sf-card); }
.sf-page .ns-card--dark h3, .sf-page .ns-card--dark h4 { color: rgb(255, 255, 255); }
.sf-page .ns-card--dark p, .sf-page .ns-card--dark li { color: rgba(255, 255, 255, 0.72); }
@media (max-width: 1180px) {
  .sf-service-grid, .sf-related-services { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .sf-connection-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@media (max-width: 903px) {
  .sf-page .ns-hero, .sf-page .ns-hero--service { min-height: 0px; }
  .sf-service-grid, .sf-selector__row, .sf-scope, .sf-deliverables, .sf-related-services, .sf-connection-grid { grid-template-columns: 1fr; }
  .sf-selector__row a { justify-self: start; }
  .sf-service-card, .sf-scope__panel, .sf-related-services a { padding: 24px; }
}