Build-Operate-Transfer

Learn how the Build-Operate-Transfer model helps businesses scale globally with low-risk, high-control outsourcing in the Philippines.

BOT vs Acquisition: When to Choose Build-Operate-Transfer for Market Expansion

When considering market expansion, the BOT vs. acquisition decision demands thoughtful strategic planning and alignment with long-term business goals. Global markets are more accessible than ever, prompting companies to evaluate the best-fit strategy for sustainable and scalable growth. Choosing between acquiring a company or implementing a Build-Operate-Transfer (BOT) model can shape financial outcomes, risk exposure,

26 Jun 2025

Philippines BOT Model for Offshore Staffing: A Step-by-Step Guide

The Philippines BOT model for offshore staffing is a smart strategy for scaling operations while managing cost, risk, and long-term control. This Build-Operate-Transfer setup offers a structured way to launch offshore operations in the Philippines with lower initial investment and reduced exposure. It differs from traditional outsourcing by providing a clear path to full ownership

24 Jun 2025

Build-Operate-Transfer in the Philippines: Creating Scalable Operations Teams

Philippines is a strategic hub for companies expanding operations through the build-operate-transfer (BOT) model. Its skilled workforce, business-friendly environment, and strong outsourcing infrastructure offer key advantages for implementing build-operate-transfer strategies. The BPO industry is expected to reach USD 381.62 billion by 2030, according to a report. With that, Philippines remains a major contributor to this growth, reinforcing

18 Jun 2025

HR Build-Operate-Transfer: Essential Considerations for Global Teams

HR Build-Operate-Transfer is becoming a key strategy for companies building high-performing, scalable teams in a rapidly evolving global market. Companies that emphasize collaboration are five times more likely to perform at a high level. By 2028, 15% of daily work decisions will be automated by AI, reshaping team structures and operations. These trends are accelerating

11 Jun 2025

Join our online community

Make your hiring journey a breeze

Leave compliance, complexity, and worry behind with CORE employer of record services.

Want to be part of our team?

We’re always on the lookout for new talents! Be part of our growing community of CORE professionals and apply today!

/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ img:is([sizes=auto i],[sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px; } /*# sourceURL=site-designer-shared-pattern-classes-inline-css */ /* Dark cover/section overlay + on-dark text. */ body .wp-site-blocks .is-style-overlay-dark .wp-block-cover__background { background-color: var(--wp--preset--color--base-3); color: var(--wp--preset--color--contrast-3); } .wp-block-cover.is-style-overlay-dark .wp-block-cover__background.has-background-dim { opacity: .5 !important; } :is(.wp-block-designsetgo-section, .wp-block-designsetgo-scroll-slides).is-style-overlay-dark { --dsgo-overlay-color: var(--wp--preset--color--base-3); --dsgo-overlay-opacity: .5; color: var(--wp--preset--color--contrast-3); } .dsgo-image-accordion-item.is-style-overlay-dark { --dsgo-overlay-color: var(--wp--preset--color--base-3); } .wp-block-group.has-background.is-style-overlay-dark { box-shadow: inset 0 0 0 9999px color-mix(in srgb, var(--wp--preset--color--base-3) 50%, transparent); } body .wp-site-blocks .is-style-overlay-dark, body .wp-site-blocks .is-style-on-dark { --dsgo-text-color: var(--wp--preset--color--contrast-3); color: var(--wp--preset--color--contrast-3) !important; } body .wp-site-blocks .is-style-overlay-dark :is(h1,h2,h3,h4,h5,h6,p,li,blockquote,cite), body .wp-site-blocks .is-style-on-dark :is(h1,h2,h3,h4,h5,h6,p,li,blockquote,cite) { color: var(--wp--preset--color--contrast-3) !important; } /* Solid dark section background + light text. */ .is-style-bg-dark { background-color: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); } .is-style-bg-dark a { color: var(--wp--preset--color--base); } /*# sourceURL=global-styles-inline-css */ :root { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4/3; --wp--preset--aspect-ratio--3-4: 3/4; --wp--preset--aspect-ratio--3-2: 3/2; --wp--preset--aspect-ratio--2-3: 2/3; --wp--preset--aspect-ratio--16-9: 16/9; --wp--preset--aspect-ratio--9-16: 9/16; --wp--preset--color--black: #000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #fff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, #7adcb4 0%, #00d082 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, #fcb900 0%, #ff6900 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, #eee 0%, #a9b8c3 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, #ffceec 0%, #9896f0 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg, #caf880 0%, #71ce7e 100%); --wp--preset--gradient--midnight: linear-gradient(135deg, #020381 0%, #2874fc 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: .44rem; --wp--preset--spacing--30: .67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, .2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, .4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, .2); --wp--preset--shadow--outlined: 6px 6px 0px -3px #fff, 6px 6px #000; --wp--preset--shadow--crisp: 6px 6px 0px #000; } .wp-block-button { --wp--preset--dimension--25: 25%; --wp--preset--dimension--50: 50%; --wp--preset--dimension--75: 75%; --wp--preset--dimension--100: 100%; } :root { --wp--style--global--content-size: 800px; --wp--style--global--wide-size: 1200px; } :where(body) { margin: 0; } .wp-site-blocks > .alignleft { float: left; margin-right: 2em; } .wp-site-blocks > .alignright { float: right; margin-left: 2em; } .wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; } :where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; } :where(.wp-site-blocks) > :first-child { margin-block-start: 0; } :where(.wp-site-blocks) > :last-child { margin-block-end: 0; } :root { --wp--style--block-gap: 24px; } :root :where(.is-layout-flow) > :first-child { margin-block-start: 0; } :root :where(.is-layout-flow) > :last-child { margin-block-end: 0; } :root :where(.is-layout-flow) > * { margin-block-start: 24px; margin-block-end: 0; } :root :where(.is-layout-constrained) > :first-child { margin-block-start: 0; } :root :where(.is-layout-constrained) > :last-child { margin-block-end: 0; } :root :where(.is-layout-constrained) > * { margin-block-start: 24px; margin-block-end: 0; } :root :where(.is-layout-flex) { gap: 24px; } :root :where(.is-layout-grid) { gap: 24px; } .is-layout-flow > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; } .is-layout-flow > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; } .is-layout-flow > .aligncenter { margin-left: auto !important; margin-right: auto !important; } .is-layout-constrained > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; } .is-layout-constrained > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; } .is-layout-constrained > .aligncenter { margin-left: auto !important; margin-right: auto !important; } .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: var(--wp--style--global--content-size); margin-left: auto !important; margin-right: auto !important; } .is-layout-constrained > .alignwide { max-width: var(--wp--style--global--wide-size); } body .is-layout-flex { display: flex; } .is-layout-flex { flex-wrap: wrap; align-items: center; } .is-layout-flex > :is(*, div) { margin: 0; } body .is-layout-grid { display: grid; } .is-layout-grid > :is(*, div) { margin: 0; } body { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } :root :where(.wp-element-button, .wp-block-button__link) { background-color: #32373c; border-width: 0; color: #fff; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; padding-top: calc(.667em + 2px); padding-right: calc(1.333em + 2px); padding-bottom: calc(.667em + 2px); padding-left: calc(1.333em + 2px); text-decoration: none; text-transform: inherit; } .has-black-color { color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-color { color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-color { color: var(--wp--preset--color--white) !important; } .has-pale-pink-color { color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-color { color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-color { color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-color { color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-color { color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-color { color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-color { color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-color { color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-color { color: var(--wp--preset--color--vivid-purple) !important; } .has-black-background-color { background-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-background-color { background-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-background-color { background-color: var(--wp--preset--color--white) !important; } .has-pale-pink-background-color { background-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-background-color { background-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-background-color { background-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-background-color { background-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-background-color { background-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-background-color { background-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-background-color { background-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-background-color { background-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-background-color { background-color: var(--wp--preset--color--vivid-purple) !important; } .has-black-border-color { border-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-border-color { border-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-border-color { border-color: var(--wp--preset--color--white) !important; } .has-pale-pink-border-color { border-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-border-color { border-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-border-color { border-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-border-color { border-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-border-color { border-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-border-color { border-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-border-color { border-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-border-color { border-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-border-color { border-color: var(--wp--preset--color--vivid-purple) !important; } .has-vivid-cyan-blue-to-vivid-purple-gradient-background { background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important; } .has-light-green-cyan-to-vivid-green-cyan-gradient-background { background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important; } .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important; } .has-luminous-vivid-orange-to-vivid-red-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important; } .has-very-light-gray-to-cyan-bluish-gray-gradient-background { background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important; } .has-cool-to-warm-spectrum-gradient-background { background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important; } .has-blush-light-purple-gradient-background { background: var(--wp--preset--gradient--blush-light-purple) !important; } .has-blush-bordeaux-gradient-background { background: var(--wp--preset--gradient--blush-bordeaux) !important; } .has-luminous-dusk-gradient-background { background: var(--wp--preset--gradient--luminous-dusk) !important; } .has-pale-ocean-gradient-background { background: var(--wp--preset--gradient--pale-ocean) !important; } .has-electric-grass-gradient-background { background: var(--wp--preset--gradient--electric-grass) !important; } .has-midnight-gradient-background { background: var(--wp--preset--gradient--midnight) !important; } .has-small-font-size { font-size: var(--wp--preset--font-size--small) !important; } .has-medium-font-size { font-size: var(--wp--preset--font-size--medium) !important; } .has-large-font-size { font-size: var(--wp--preset--font-size--large) !important; } .has-x-large-font-size { font-size: var(--wp--preset--font-size--x-large) !important; } :root :where(.wp-block-icon svg) { width: 24px; } :root :where(.wp-block-pullquote) { font-size: 1.5em; line-height: 1.6; } /*# sourceURL=elementor-frontend-inline-css */ .e-heading-base a, .e-paragraph-base a { all: unset; cursor: pointer; } form[data-element_type="e-form"].form-state-success [data-element_type="e-form-success-message"], form[data-element_type="e-form"].form-state-error [data-element_type="e-form-error-message"] { display: block; } .e-form-textarea-base:not([data-resizable]) { resize: none; } .e-form-submit-button-base { cursor: pointer; box-sizing: border-box; } [data-cky-tag] { visibility: hidden; } .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy, .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy { background-image: none !important; } } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy, .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy { background-image: none !important; } } .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy, .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy { background-image: none !important; } .wp-block-group:not([data-dsgo-inline-bg]), .wp-block-column:not([data-dsgo-inline-bg]), .wp-block-columns:not([data-dsgo-inline-bg]) { --dsgo-text-color: initial; } :is(.wp-block-designsetgo-section,.wp-block-group,.wp-block-column).has-background:not([class*="-background-color"]):not(.has-text-color):not(.is-style-footer-section):not(.is-style-header-section), .wp-block-cover:not(.has-text-color) { color: var(--wp--preset--color--contrast-3) !important; --dsgo-text-color: var(--wp--preset--color--contrast-3); } body .wp-site-blocks :is(:is(.wp-block-designsetgo-section,.wp-block-group,.wp-block-column).has-background:not([class*="-background-color"]):not(.has-text-color):not(.is-style-footer-section):not(.is-style-header-section),.wp-block-cover) h1:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(:is(.wp-block-designsetgo-section,.wp-block-group,.wp-block-column).has-background:not([class*="-background-color"]):not(.has-text-color):not(.is-style-footer-section):not(.is-style-header-section),.wp-block-cover) h2:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(:is(.wp-block-designsetgo-section,.wp-block-group,.wp-block-column).has-background:not([class*="-background-color"]):not(.has-text-color):not(.is-style-footer-section):not(.is-style-header-section),.wp-block-cover) h3:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(:is(.wp-block-designsetgo-section,.wp-block-group,.wp-block-column).has-background:not([class*="-background-color"]):not(.has-text-color):not(.is-style-footer-section):not(.is-style-header-section),.wp-block-cover) h4:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(:is(.wp-block-designsetgo-section,.wp-block-group,.wp-block-column).has-background:not([class*="-background-color"]):not(.has-text-color):not(.is-style-footer-section):not(.is-style-header-section),.wp-block-cover) h5:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(:is(.wp-block-designsetgo-section,.wp-block-group,.wp-block-column).has-background:not([class*="-background-color"]):not(.has-text-color):not(.is-style-footer-section):not(.is-style-header-section),.wp-block-cover) h6:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(:is(.wp-block-designsetgo-section,.wp-block-group,.wp-block-column).has-background:not([class*="-background-color"]):not(.has-text-color):not(.is-style-footer-section):not(.is-style-header-section),.wp-block-cover) p:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(:is(.wp-block-designsetgo-section,.wp-block-group,.wp-block-column).has-background:not([class*="-background-color"]):not(.has-text-color):not(.is-style-footer-section):not(.is-style-header-section),.wp-block-cover) a:where(:not(.wp-element-button):not(.wp-block-social-link-anchor)):not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(:is(.wp-block-designsetgo-section,.wp-block-group,.wp-block-column).has-background:not([class*="-background-color"]):not(.has-text-color):not(.is-style-footer-section):not(.is-style-header-section),.wp-block-cover) .wp-element-caption:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)) { color: var(--dsgo-text-color, inherit) !important; } body .wp-site-blocks :is(.wp-block-designsetgo-section,.wp-block-group,.wp-block-column)[data-dsgo-inline-bg] .wp-block-button:is([class*="is-style-outline"],[class*="is-style-secondary"]) .wp-element-button { color: var(--dsgo-text-color, inherit) !important; border-color: currentColor !important; } body .wp-site-blocks :is(.wp-block-designsetgo-section,.wp-block-group,.wp-block-column)[data-dsgo-inline-bg] .wp-block-button:is([class*="is-style-outline"],[class*="is-style-secondary"]) .wp-element-button:hover { opacity: .75; } body .wp-site-blocks [data-dsgo-inline-bg] h1:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks [data-dsgo-inline-bg] h2:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks [data-dsgo-inline-bg] h3:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks [data-dsgo-inline-bg] h4:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks [data-dsgo-inline-bg] h5:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks [data-dsgo-inline-bg] h6:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks [data-dsgo-inline-bg] p:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks [data-dsgo-inline-bg] a:where(:not(.wp-element-button):not(.wp-block-social-link-anchor)):not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks [data-dsgo-inline-bg] .wp-element-caption:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)) { color: var(--dsgo-text-color, inherit) !important; } .wp-block-designsetgo-section.has-background:not([data-dsgo-inline-bg]):not(.has-text-color) { color: var(--wp--preset--color--contrast); --dsgo-text-color: var(--wp--preset--color--contrast); } :is(.wp-block-group,.wp-block-column).is-style-section-1:not(:is(.has-white-background-color,.has-black-background-color)), .has-background:is(.wp-block-group,.wp-block-column).is-style-section-1:not(:is(.has-white-background-color,.has-black-background-color)), .has-text-color:is(.wp-block-group,.wp-block-column).is-style-section-1:not(:is(.has-white-background-color,.has-black-background-color)) { background-color: var(--wp--preset--color--accent-5); color: var(--wp--preset--color--contrast); } body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-1:not(:is(.has-white-background-color,.has-black-background-color)) h1:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-1:not(:is(.has-white-background-color,.has-black-background-color)) h2:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-1:not(:is(.has-white-background-color,.has-black-background-color)) h3:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-1:not(:is(.has-white-background-color,.has-black-background-color)) h4:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-1:not(:is(.has-white-background-color,.has-black-background-color)) h5:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-1:not(:is(.has-white-background-color,.has-black-background-color)) h6:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-1:not(:is(.has-white-background-color,.has-black-background-color)) p:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-1:not(:is(.has-white-background-color,.has-black-background-color)) a:where(:not(.wp-element-button):not(.wp-block-social-link-anchor)):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-1:not(:is(.has-white-background-color,.has-black-background-color)) .wp-element-caption:where(:not(.elementor *):not([data-elementor-type] *)) { color: var(--wp--preset--color--contrast); } :is(.wp-block-group,.wp-block-column).is-style-section-2:not(:is(.has-white-background-color,.has-black-background-color)), .has-background:is(.wp-block-group,.wp-block-column).is-style-section-2:not(:is(.has-white-background-color,.has-black-background-color)), .has-text-color:is(.wp-block-group,.wp-block-column).is-style-section-2:not(:is(.has-white-background-color,.has-black-background-color)) { background-color: var(--wp--preset--color--accent-2); color: var(--wp--preset--color--contrast); } body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-2:not(:is(.has-white-background-color,.has-black-background-color)) h1:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-2:not(:is(.has-white-background-color,.has-black-background-color)) h2:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-2:not(:is(.has-white-background-color,.has-black-background-color)) h3:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-2:not(:is(.has-white-background-color,.has-black-background-color)) h4:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-2:not(:is(.has-white-background-color,.has-black-background-color)) h5:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-2:not(:is(.has-white-background-color,.has-black-background-color)) h6:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-2:not(:is(.has-white-background-color,.has-black-background-color)) p:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-2:not(:is(.has-white-background-color,.has-black-background-color)) a:where(:not(.wp-element-button):not(.wp-block-social-link-anchor)):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-2:not(:is(.has-white-background-color,.has-black-background-color)) .wp-element-caption:where(:not(.elementor *):not([data-elementor-type] *)) { color: var(--wp--preset--color--contrast); } :is(.wp-block-group,.wp-block-column).is-style-section-3:not(:is(.has-white-background-color,.has-black-background-color)), .has-background:is(.wp-block-group,.wp-block-column).is-style-section-3:not(:is(.has-white-background-color,.has-black-background-color)), .has-text-color:is(.wp-block-group,.wp-block-column).is-style-section-3:not(:is(.has-white-background-color,.has-black-background-color)) { background-color: var(--wp--preset--color--accent-1); color: var(--wp--preset--color--contrast); } body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-3:not(:is(.has-white-background-color,.has-black-background-color)) h1:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-3:not(:is(.has-white-background-color,.has-black-background-color)) h2:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-3:not(:is(.has-white-background-color,.has-black-background-color)) h3:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-3:not(:is(.has-white-background-color,.has-black-background-color)) h4:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-3:not(:is(.has-white-background-color,.has-black-background-color)) h5:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-3:not(:is(.has-white-background-color,.has-black-background-color)) h6:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-3:not(:is(.has-white-background-color,.has-black-background-color)) p:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-3:not(:is(.has-white-background-color,.has-black-background-color)) a:where(:not(.wp-element-button):not(.wp-block-social-link-anchor)):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-3:not(:is(.has-white-background-color,.has-black-background-color)) .wp-element-caption:where(:not(.elementor *):not([data-elementor-type] *)) { color: var(--wp--preset--color--contrast); } :is(.wp-block-group,.wp-block-column).is-style-section-4:not(:is(.has-white-background-color,.has-black-background-color)), .has-background:is(.wp-block-group,.wp-block-column).is-style-section-4:not(:is(.has-white-background-color,.has-black-background-color)), .has-text-color:is(.wp-block-group,.wp-block-column).is-style-section-4:not(:is(.has-white-background-color,.has-black-background-color)) { background-color: var(--wp--preset--color--accent-3); color: var(--wp--preset--color--accent-2); } body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-4:not(:is(.has-white-background-color,.has-black-background-color)) h1:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-4:not(:is(.has-white-background-color,.has-black-background-color)) h2:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-4:not(:is(.has-white-background-color,.has-black-background-color)) h3:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-4:not(:is(.has-white-background-color,.has-black-background-color)) h4:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-4:not(:is(.has-white-background-color,.has-black-background-color)) h5:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-4:not(:is(.has-white-background-color,.has-black-background-color)) h6:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-4:not(:is(.has-white-background-color,.has-black-background-color)) p:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-4:not(:is(.has-white-background-color,.has-black-background-color)) a:where(:not(.wp-element-button):not(.wp-block-social-link-anchor)):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-4:not(:is(.has-white-background-color,.has-black-background-color)) .wp-element-caption:where(:not(.elementor *):not([data-elementor-type] *)) { color: var(--wp--preset--color--accent-2); } :is(.wp-block-group,.wp-block-column).is-style-section-5:not(:is(.has-white-background-color,.has-black-background-color)), .has-background:is(.wp-block-group,.wp-block-column).is-style-section-5:not(:is(.has-white-background-color,.has-black-background-color)), .has-text-color:is(.wp-block-group,.wp-block-column).is-style-section-5:not(:is(.has-white-background-color,.has-black-background-color)) { background-color: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); } body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-5:not(:is(.has-white-background-color,.has-black-background-color)) h1:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-5:not(:is(.has-white-background-color,.has-black-background-color)) h2:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-5:not(:is(.has-white-background-color,.has-black-background-color)) h3:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-5:not(:is(.has-white-background-color,.has-black-background-color)) h4:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-5:not(:is(.has-white-background-color,.has-black-background-color)) h5:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-5:not(:is(.has-white-background-color,.has-black-background-color)) h6:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-5:not(:is(.has-white-background-color,.has-black-background-color)) p:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-5:not(:is(.has-white-background-color,.has-black-background-color)) a:where(:not(.wp-element-button):not(.wp-block-social-link-anchor)):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-5:not(:is(.has-white-background-color,.has-black-background-color)) .wp-element-caption:where(:not(.elementor *):not([data-elementor-type] *)) { color: var(--wp--preset--color--base); } body .wp-site-blocks input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="image"]):not([type="hidden"]), body .wp-site-blocks textarea, body .wp-site-blocks select { background-color: var(--wp--preset--color--base); color: var(--wp--preset--color--contrast); border: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 30%, transparent); } .wp-site-blocks input[type="submit"]:not(.wp-element-button), .wp-site-blocks button[type="submit"]:not(.wp-element-button) { background-color: var(--wp--preset--color--accent-2); color: var(--wp--preset--color--base); border-width: 0; padding: 12px 30px; font-family: inherit; font-size: var(--wp--preset--font-size--medium, 1rem); line-height: inherit; cursor: pointer; } /* Google Fonts are loaded as <link> tags from the head code manager ("New CORE Google Fonts", Location: <head>, Entire site). Do NOT add @import here - it serialises font loading behind this stylesheet and delays first paint. The /lp/ and /proposals/ Canvas landing pages have no site header, so the head-manager entry is what covers them - and as of 2026-08-19 it is the ONLY Playfair Display source on those pages (DM Sans also comes from elementor-gf-local-dmsans). Their own duplicate page-level Google Fonts links were removed that day. Do not delete the head-manager entry. */ /* ========================================================================== IMPORTANT - 2026-08-12: Do NOT move these accessibility fixes into Elementor widget settings or per-widget "Custom CSS" fields. Doing that on this site triggers an Elementor CSS regeneration that NitroPack then caches inconsistently, and it broke the homepage layout for logged-out visitors. Reverting the widget edits fixed it. Keep contrast/accessibility overrides in this file. (The footer column titles are the one exception - they are set in the footer widget itself and have been stable.) NOTE on the comments in this file: NitroPack minifies this stylesheet in delivery - comments are stripped. They cost visitors nothing, so keep them. VERIFYING A CHANGE HERE: a fetched page only proves anything if NitroPack is NOT serving it (no "nitrocdn.com" in the HTML). Optimised pages rewrite font URLs onto NitroPack's CDN, and GoDaddy serves a stale HTML cache besides, so both layers can show you a convincing false result. Read the CSS off any page that happens to serve raw - this stylesheet is site-wide. BEFORE DELETING ANYTHING ON THIS SITE: prove what DEPENDS on it, not just that it is hidden. Hidden does not mean unused - see the a118aaf note further down, where deleting a container no visitor could see broke the visible hero. ========================================================================== */ .menu-item-label > a { pointer-events: none; cursor: default; } .menu-item-label > a:hover { text-decoration: none; } /* --- Accessibility: make the "Skip to content" link visible on focus --- The theme hides it with .screen-reader-text permanently, so keyboard users can never see it. This reveals it while focused. NOTE: this is NOT what fixes Lighthouse's "skip-link" audit - that audit checks whether the link's TARGET exists and is focusable. The elementor_header_footer page template omits the theme's <main id="content">, so the target is created in the CORE Custom Plugin (item 8), not here. */ .skip-link.screen-reader-text:focus, .skip-link:focus-visible { position: fixed !important; top: 12px; left: 12px; z-index: 100000; width: auto !important; height: auto !important; clip: auto !important; clip-path: none !important; overflow: visible !important; margin: 0 !important; padding: 12px 22px; background: #a31f35; color: #fff !important; font: 600 16px/1.2 "DM Sans", sans-serif; text-decoration: none; border-radius: 6px; box-shadow: 0 4px 16px rgba(0, 0, 0, .25); outline: 3px solid #fff; outline-offset: 2px; } /* --- Accessibility: carousel dot touch targets (WCAG 2.5.8, min 24x24 CSS px) --- The dots stay visually 8px / 6px. An invisible ::after gives each a 24x24 hit area, and spacing is widened so neighbouring targets sit 24px apart centre to centre and therefore never overlap. */ /* Hero slider dots (#hsWrap) - visual 8px, was 9px gap / 17px centres. ID selector beats the slider widget's inline <style> later in the document. */ #hsWrap .hs-dots { gap: 16px; } #hsWrap .hs-dot { position: relative; } #hsWrap .hs-dot::after { content: ""; position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; transform: translate(-50%, -50%); } /* the active dot is scale(1.35); counter-scale so its hit area stays ~24px */ #hsWrap .hs-dot.on::after { transform: translate(-50%, -50%) scale(.74); } /* Elementor / Swiper pagination bullets - visual 6px, was 6px margin / 18px centres. Do NOT set margin here: Swiper's own rule is .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet (0,3,0) which outranks any (0,2,0) selector. It reads the gap from this custom property, so set the variable instead - that wins without a specificity war and survives an Elementor/Swiper update. 6px bullet + 9px each side = 24px centre-to-centre. */ .swiper-pagination { --swiper-pagination-bullet-horizontal-gap: 9px; } .swiper-pagination .swiper-pagination-bullet { position: relative; } .swiper-pagination .swiper-pagination-bullet::after { content: ""; position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; transform: translate(-50%, -50%); } /* ========================================================================== Accessibility: contrast (WCAG AA - 4.5:1 body text, 3:1 for >=24px) Footer column titles are handled in the footer widget itself (87a00e9, var(--cfv4-red-lt) #BE6271) - do not duplicate them here. ========================================================================== */ /* Hero salary card muted text. --n was #7F7F7F = 4.00:1 on white, not the "~4.48:1" quoted in the brand file's accessibility note. That note prescribes #767676 (4.54:1), but it is calibrated against pure white; two labels sit on .hcc-role whose background is Catskill White #F4F7FA, where #767676 drops to 4.22:1. #717171 clears AA on BOTH (4.88:1 on #FFFFFF, 4.54:1 on #F4F7FA) and keeps every label in the card the same colour. Two classes deep to beat the hero slider widget's inline <style>. */ .s2-inner .hero-calc-card { --n: #717171; } /* "COST SAVINGS" label. The widget writes color:#7F7F7F in a style="" attribute, so only !important can override it. #7F7F7F on Mexican Red Lightest #F5E8EA is 3.36:1; #6A6A6A is 4.54:1. The attribute selector hits exactly that node. */ .s2-inner .hcc-savings [style*="7F7F7F"] { color: #6a6a6a !important; } /* Grey CTA buttons: #F1F1F1 on #707070 = 4.38. Pure white lifts it to 4.95 with no visible design change. Setting colour on the span beats the value inherited from .elementor-button regardless of specificity. These five widgets all point button_text_color at the Elementor global "Light border" (#F1F1F1) instead of "White Font" (#FFFFFF). Re-pointing that global in Elementor is the tidier fix but is NOT safe here - see the warning at the top of this file. 2ebd7ec "Explore services" | fb5bbab "Why we're a great workplace" 1b85739 "Explore more case studies" | 337c53f "Schedule a discovery call" 55b7d24 "Explore CORE Solutions" */ .elementor-element-2ebd7ec .elementor-button-text, .elementor-element-fb5bbab .elementor-button-text, .elementor-element-1b85739 .elementor-button-text, .elementor-element-337c53f .elementor-button-text, .elementor-element-55b7d24 .elementor-button-text { color: #fff; } /* Inactive step icons: rgba(141,143,146,.8) on white = 2.46:1, below the 3:1 needed for 32px "large text". Brand Neutral #7F7F7F = 4.00:1. :not(.active) is essential - the active badge is white on Mexican Red (6.63:1) and must not be greyed out. Specificity (0,4,0) clears the widget's own .core-step-item-v4.active rule at (0,3,0). */ .core-v4-icons-wrapper .core-step-item-v4:not(.active) .core-step-icon-badge { color: #7f7f7f; } /* Inline links in body copy. TWO separate audits apply here - satisfy both: 1. colour-contrast link vs its BACKGROUND >= 4.5:1 #CC3366 (inherited default) on #F2F2F2 = 4.43 FAIL #A31F35 (Mexican Red) on #F2F2F2 = 6.69 PASS 2. link-in-text-block link vs SURROUNDING TEXT >= 3:1, but ONLY when the link has no other distinguishing style of its own. #A31F35 vs black body text = 2.80, which would FAIL on colour alone. The markup wraps each link in <span style="text-decoration:underline">, so it LOOKS underlined, but the <a> itself computes text-decoration-line: none and axe therefore falls back to the colour test. Setting the underline on the <a> removes the colour requirement entirely. No visual change - the span already paints an underline in the same place. Do not drop this declaration. */ .elementor-element-613ad9b a { color: #a31f35; text-decoration: underline; } /* Utility classes reproduced verbatim from Google's icon stylesheet. font-size:24px is Google's default; widget CSS overrides it where needed (15px nav chevrons, 32px step badges, 120px watermark) and wins on specificity, exactly as it did before. */ .material-icons, .material-icons-outlined, .material-icons-round { font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .material-icons { font-family: "Material Icons"; } .material-icons-outlined { font-family: "Material Icons Outlined"; } .material-icons-round { font-family: "Material Icons Round"; } /* ========================================================================== LeadConnector chat bubble vs CookieYes banner (added 2026-08-18) MEASURED BUG: the chat bubble (position:fixed, bottom:20px, right:20px, 58x58) overlapped the CookieYes "Accept" button by 53 x 40 px - just over half its width - and intercepted the clicks. Hit-testing across the Accept button BEFORE this rule: 10%: OK 25%: OK 50%: BLOCKED 75%: BLOCKED 90%: BLOCKED The centre, where people actually click, went to <chat-widget> rather than the button. This is the most likely cause of the 348 dead clicks Clarity recorded on the cookie banner TEXT: the button was unreachable, so visitors clicked the bar's body copy instead. "Cookie Settings" never overlapped. The bubble lives INSIDE chat-widget's shadow root and cannot be selected from here. But the HOST element is light DOM and is what receives the click, so giving the host its own stacking context below the banner is sufficient. 999999 is deliberate: below CookieYes (9999999) so the banner always wins, but high enough that ordinary page content cannot cover the bubble. Verified after applying: while the banner shows -> Accept clickable at 10/50/90%, bubble behind it after consent -> bubble fully clickable again ========================================================================== */ chat-widget { position: relative; z-index: 999999; } /* ========================================================================== CLS FIX: hide elements Elementor marks hidden on EVERY breakpoint (added 2026-08-18) Desktop CLS was 0.638 and PSI blamed one element - the hero slider #hsWrap - shifting twice (0.498 + 0.139). It was none of the usual suspects: fonts account for only ~65px, the header is a constant 77px from first paint, the mega panels are already absolute/hidden, and the slider JS only builds dots. THE ACTUAL CAUSE. The homepage ships the hero TWICE. The original Elementor hero container (a118aaf inside 4492f9b) sits ABOVE the slider carrying elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile i.e. hidden at every breakpoint. Those .elementor-hidden-* utility rules live in Elementor's frontend stylesheet, which NitroPack emits as one of four <link> stylesheets INSIDE THE BODY, arriving ~573ms. Until then the duplicate is visible and 617px tall, pushing the real slider down to y=724. When the stylesheet lands it collapses to display:none and the slider snaps up to y=77 - a 647px jump of the largest above-the-fold element. RESULT: PSI desktop CLS 0.638 -> 0.019 (confirmed 2026-08-18). CAVEAT found while verifying: NitroPack RELOCATES this whole stylesheet into the BODY of its optimised output. So on a NitroPack cache HIT this rule is NOT in the head, and the measured win actually came from NitroPack's regenerated critical CSS itself inlining `.elementor .elementor-hidden-desktop{display:none}` in the head. This rule still does the job on cache MISSes, where the un-optimised HTML is served and it IS in the head. --------------------------------------------------------------------------- DO NOT DELETE a118aaf. An earlier version of this note called it a "leftover source copy" that nobody had ever seen, and recommended deleting it as the durable fix. That was WRONG. It was tried on 2026-08-19 and it BROKE the live homepage hero; recovered via Elementor > History > Revisions, then a purge. WHY IT IS LOAD-BEARING. Slide 1 of the slider widget d227ae8 is not independent markup - it is a hardcoded copy that reuses Elementor's own class names: elementor-element-a118aaf / -45cd343 / -da3a0c6 / -bee754f / -bbb8ce9 Those classes are styled by the GENERATED file /wp-content/uploads/elementor/css/post-9112.css. Delete a118aaf and Elementor regenerates that file WITHOUT those rules, so the VISIBLE hero instantly loses its typography, alignment, container padding and button styling - it renders as unstyled, left-aligned red text with a rectangular button. The container itself is hidden on every breakpoint and no visitor has ever seen it, but it is the SOURCE of the CSS the slider copy depends on. HIDDEN DOES NOT MEAN UNUSED. PREREQUISITE if you ever do want it gone: first give the slider widget its own self-contained CSS, the way .flp and .bsp do on the /lp/ pages, so it stops borrowing Elementor's per-element generated rules. Only then is a118aaf inert. CONSEQUENCE of keeping it: 45cd343 / da3a0c6 / bee754f exist TWICE on the page by design. Remember that when reading any PSI element attribution - the id it names could be either copy. The duplicate also carries the page's second <h1>, which is the real SEO and accessibility cost of this arrangement. c696f19 - SAFELY DELETED 2026-08-19, and this one was genuinely dead. It was an HTML widget (inside container de1b43f) holding the script that re-initialised image carousel f870e5d as a continuous marquee: destroy the Elementor Swiper, then new Swiper with delay 0 / speed 4000 / linear timing. That carousel was replaced by the zero-JS CSS marquee (widget 13105bd), so its querySelector returned null. It was also bad for CLS while it worked - it rebuilt the carousel 1s AFTER load, with no user input. Both it and de1b43f are gone. --------------------------------------------------------------------------- SAFETY of the rule below. It only matches elements carrying ALL THREE hidden classes, which by definition are hidden on every breakpoint - display:none is what they already resolve to once Elementor's CSS loads. ========================================================================== */ .elementor-hidden-desktop.elementor-hidden-tablet.elementor-hidden-mobile { display: none !important; } @media (max-width: 767px) { #hsWrap .hs-track { align-items: flex-start !important; } #hsWrap .s2-hero { padding-top: 32px; padding-bottom: 40px; } html.hs-sync #hsWrap { transition: height .6s ease; } html.hs-sync #hsWrap .hs-track > *:nth-child(2) { position: absolute !important; top: 0 !important; left: 100% !important; width: 100% !important; } } #hsWrap .elementor-element-da3a0c6 .elementor-heading-title, #hsWrap .hero-h1 { font-family: "Playfair Display", "Playfair Display Fallback", Georgia, serif !important; } #hsWrap .elementor-element-45cd343 .elementor-heading-title, #hsWrap .elementor-element-bee754f .elementor-heading-title, #hsWrap .hero-lead { font-family: "DM Sans", "DM Sans Fallback", Arial, sans-serif !important; } /* ========================================================================== /lp/talk-to-core/ icon binding (added 2026-08-19) That page carries its own rule, at (0,2,0) with !important: .bsp .material-icons-outlined, .bsp .material-icons-round { font-family: "Material Icons","Material Icons Outlined","Material Icons Round","Material Icons Sharp","Material Icons Two Tone" } It lists FILLED first for classes that each mean one specific family. That was harmless while the page loaded the full Google icon fonts, but its page-level Google link was removed on 2026-08-19 and "Material Icons" now resolves to the 7-glyph self-hosted subset above. That subset still contains the Latin LETTERS (they are the ligature inputs), so the browser treats every character of "apartment" as supported and never falls through to the Outlined family - the icon renders as blank half-em glyphs. Exactly the silent failure described in the Material Icons section. Another case of removing something "redundant" and exposing a dependency underneath it. span.* is (0,2,1), which outranks the page rule. The proper fix is to correct that rule in the page itself; this is a shim. Verified: all 8 glyphs the page uses exist in the subsets - apartment, arrow_forward, groups, lock, verified (mi-outlined-v2) and military_tech, stars, verified (mi-round). ========================================================================== */ .bsp span.material-icons { font-family: "Material Icons" !important; } .bsp span.material-icons-outlined { font-family: "Material Icons Outlined" !important; } .bsp span.material-icons-round { font-family: "Material Icons Round" !important; } .wp-block-site-logo.is-default-size img { width: auto; height: auto; max-width: 180px; max-height: 80px; } .wp-block-site-logo img { height: auto; } .woocommerce-checkout .c4wp_captcha_field { margin-bottom: 10px; margin-top: 15px; position: relative; display: inline-block; } .login #login, .login #lostpasswordform { min-width: 350px !important; } .wpforms-field-c4wp iframe { width: 100% !important; } .login #login, .login #lostpasswordform { min-width: 350px !important; } .wpforms-field-c4wp iframe { width: 100% !important; } .elementor-element-32e8559, .elementor-element-32e8559 > .e-con-inner { max-width: 100% !important; width: 100% !important; } .elementor-element-60163f6, .elementor-element-60163f6 > .elementor-widget-container { width: 100% !important; max-width: 100% !important; } #core-nav { width: 100%; --red: #a31f35; --red-dk: #82182a; --red-ltst: #f5e8ea; --cw2: #f7f9fb; --cw3: #f4f7fa; --nl: #d8d8d8; --n: #7f7f7f; --t1: #191919; --t2: #4c4c4c; --ease-out: cubic-bezier(.23, 1, .32, 1); --ease-drawer: cubic-bezier(.32, .72, 0, 1); font-family: "DM Sans", sans-serif; color: var(--t1); line-height: 1.4; } #core-nav * { box-sizing: border-box; margin: 0; padding: 0; } #core-nav a { text-decoration: none; color: inherit; } #core-nav a:focus-visible, #core-nav button:focus-visible { outline: 2px solid var(--red); outline-offset: 2px; border-radius: 4px; } #core-nav .cn-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; } #core-nav .cn-nav { display: flex; align-items: center; } #core-nav .cn-header { position: relative; width: 100%; max-width: none; background: #fff; border-bottom: 1px solid var(--nl); transition: box-shadow .25s; } #core-nav .cn-header.cn-scrolled { box-shadow: 0 4px 24px rgba(0, 0, 0, .08); } #core-nav .cn-bar { display: flex; align-items: center; justify-content: space-between; width: 72%; max-width: 1600px; margin: 0 auto; height: 76px; padding: 0; } #core-nav .cn-brand { display: flex; align-items: center; flex-shrink: 0; } #core-nav .cn-brand .cn-logo { height: 38px; width: auto; display: block; } #core-nav .cn-menu { display: flex; align-items: center; gap: 2px; list-style: none; } #core-nav .cn-item { position: static; } #core-nav .cn-link { position: relative; display: flex; align-items: center; gap: 4px; padding: 28px 16px; font-size: 16px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--t1); cursor: pointer; background: none; border: none; font-family: inherit; transition: color .2s; } #core-nav .cn-link::after { content: ""; position: absolute; left: 16px; right: 16px; bottom: 20px; height: 2px; background: var(--red); transform: scaleX(0); transform-origin: left; transition: transform .2s var(--ease-out); } #core-nav .cn-link:hover, #core-nav .cn-item:hover .cn-link, #core-nav .cn-item.cn-open .cn-link { color: var(--red); } #core-nav .cn-link .material-icons-round { font-size: 18px; transition: transform .25s var(--ease-out); } #core-nav .cn-item.cn-open .cn-link .material-icons-round { transform: rotate(180deg); color: var(--red); } #core-nav .cn-item.cn-active > .cn-link { color: var(--red); } #core-nav .cn-item.cn-active > .cn-link::after { transform: scaleX(1); } #core-nav .cn-contact { margin-left: 16px; padding: 12px 26px; border-radius: 999px; background: var(--red); color: #fff; font-size: 16px; font-weight: 600; letter-spacing: .03em; text-transform: uppercase; transition: background .2s, transform .2s var(--ease-out), box-shadow .2s; white-space: nowrap; } #core-nav .cn-contact:active { background: var(--red-dk); transform: translateY(0) scale(.97); } #core-nav .cn-mega { position: absolute; left: 0; right: 0; top: 100%; background: #fff; border-top: 1px solid var(--red); box-shadow: 0 24px 48px rgba(0, 0, 0, .12); opacity: 0; visibility: hidden; transform: translateY(8px) scale(.98); transition: opacity .15s var(--ease-out), transform .15s var(--ease-out), visibility .15s; padding: 36px 0 40px; } #core-nav .cn-item.cn-open .cn-mega { opacity: 1; visibility: visible; transform: translateY(0) scale(1); transition: opacity .22s var(--ease-out), transform .22s var(--ease-out), visibility .22s; } #core-nav .cn-mega-inner { width: 72%; max-width: 1600px; margin: 0 auto; display: grid; gap: 40px; } #core-nav .cn-coltitle { font-family: "Playfair Display", serif; font-size: 16px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--n); margin-bottom: 16px; } #core-nav .cn-colhead { display: block; margin-bottom: 12px; } #core-nav .cn-colhead .cn-coltitle { margin-bottom: 4px; transition: color .2s; } #core-nav .cn-colhead:hover .cn-coltitle { color: var(--red); } #core-nav .cn-coldesc { font-size: 16px; font-weight: 400; color: var(--t2); line-height: 1.45; text-transform: none; } #core-nav .cn-mlink { display: flex; align-items: flex-start; gap: 12px; padding: 10px 12px; border-radius: 10px; transition: background .15s ease, transform .15s var(--ease-out); } #core-nav .cn-mlink:hover { background: var(--red-ltst); } #core-nav .cn-mlink .material-icons-outlined { font-size: 22px; color: var(--red); margin-top: 2px; } #core-nav .cn-mtxt b { display: block; font-size: 16px; font-weight: 600; color: var(--t1); } #core-nav .cn-mtxt span { display: block; font-size: 16px; color: var(--t2); margin-top: 2px; line-height: 1.4; } #core-nav .cn-mlink:hover .cn-mtxt b { color: var(--red-dk); } #core-nav .cn-card { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; min-height: 212px; padding: 26px; border-radius: 16px; color: #fff; background: linear-gradient(135deg, #191919 0%, #82182a 100%); background-size: cover; background-position: center; transition: transform .2s var(--ease-out), box-shadow .2s ease; } #core-nav .cn-card-watermark { position: absolute; top: -12px; right: -8px; font-size: 128px; color: rgba(255, 255, 255, .1); pointer-events: none; } #core-nav .cn-card-kick { position: relative; font-size: 16px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #fff; opacity: .9; } #core-nav .cn-card-title { position: relative; font-family: "Playfair Display", serif; font-size: 22px; font-weight: 700; line-height: 1.25; margin: 6px 0 8px; } #core-nav .cn-card-sub { position: relative; font-size: 16px; line-height: 1.45; color: rgba(255, 255, 255, .88); margin-bottom: 8px; } #core-nav .cn-card-btn { position: relative; display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; margin-top: 10px; background: #fff; color: var(--red-dk); font-size: 16px; font-weight: 600; padding: 9px 18px; border-radius: 999px; transition: background .2s, transform .15s var(--ease-out); } #core-nav .cn-card-btn .material-icons-round { font-size: 18px; transition: transform .2s var(--ease-out); } #core-nav .cn-card-btn:active { transform: scale(.97); } #core-nav .cn-card:hover .cn-card-btn { background: var(--red-ltst); } @media (hover:hover) and (pointer:fine) { #core-nav .cn-mlink:hover { transform: translateX(2px); } #core-nav .cn-card:hover { transform: translateY(-3px); box-shadow: 0 16px 40px rgba(163, 31, 53, .28); } #core-nav .cn-contact:hover { background: var(--red-dk); transform: translateY(-1px); box-shadow: 0 8px 24px rgba(163, 31, 53, .3); } #core-nav .cn-card:hover .cn-card-btn .material-icons-round { transform: translateX(3px); } } @keyframes cnFadeUp { from { opacity: 0; } to { opacity: 1; } } #core-nav .cn-item.cn-open .cn-mega-inner > * { animation: cnFadeUp .2s ease both; } #core-nav .cn-item.cn-open .cn-mega-inner > *:nth-child(1) { animation-delay: 0ms; } #core-nav .cn-item.cn-open .cn-mega-inner > *:nth-child(2) { animation-delay: 50ms; } #core-nav .cn-item.cn-open .cn-mega-inner > *:nth-child(3) { animation-delay: 100ms; } #core-nav .cn-burger { display: none; background: none; border: none; cursor: pointer; color: var(--t1); } #core-nav .cn-burger .material-icons-round { font-size: 32px; } #core-nav .cn-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, .45); opacity: 0; visibility: hidden; transition: opacity .25s, visibility .25s; z-index: 1100; } #core-nav .cn-overlay.cn-open { opacity: 1; visibility: visible; } #core-nav .cn-drawer { position: fixed; top: 0; right: 0; height: 100%; width: min(380px, 88vw); background: #fff; transform: translateX(100%); transition: transform .35s var(--ease-drawer); z-index: 1101; display: flex; flex-direction: column; overflow-y: auto; } #core-nav .cn-drawer.cn-open { transform: translateX(0); } #core-nav .cn-drawer-head { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--nl); position: sticky; top: 0; background: #fff; } #core-nav .cn-drawer-head .cn-logo { height: 30px; width: auto; } #core-nav .cn-drawer-close { background: none; border: none; cursor: pointer; color: var(--t1); } #core-nav .cn-drawer-close .material-icons-round { font-size: 30px; } #core-nav .cn-mitem { border-bottom: 1px solid var(--cw3); } #core-nav .cn-mtrigger { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: none; border: none; font-family: inherit; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: .03em; color: var(--t1); cursor: pointer; } #core-nav .cn-mtrigger .material-icons-round { transition: transform .25s var(--ease-out); color: var(--n); } #core-nav .cn-mitem.cn-open .cn-mtrigger, #core-nav .cn-mtrigger:hover { color: var(--red); } #core-nav .cn-mitem.cn-open .cn-mtrigger .material-icons-round { transform: rotate(180deg); color: var(--red); } #core-nav .cn-msub { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s var(--ease-out); background: var(--cw2); } #core-nav .cn-msub > div { overflow: hidden; } #core-nav .cn-mitem.cn-open .cn-msub { grid-template-rows: 1fr; } #core-nav .cn-msub a { display: block; padding: 12px 20px 12px 30px; font-size: 16px; color: var(--t2); } #core-nav .cn-msub a:hover { color: var(--red); } #core-nav .cn-mcta { margin: 18px 20px; padding: 16px; text-align: center; border-radius: 999px; background: var(--red); color: #fff; font-weight: 600; text-transform: uppercase; letter-spacing: .03em; font-size: 16px; display: block; } @media (max-width:1080px) { #core-nav .cn-menu, #core-nav .cn-contact.cn-desktop { display: none; } #core-nav .cn-burger { display: block; } #core-nav .cn-bar { width: auto; max-width: none; padding: 0 5%; height: 64px; } } @media (prefers-reduced-motion:reduce) { #core-nav * { transition: none !important; animation: none !important; } #core-nav .cn-mega { transition: opacity .1s ease, visibility .1s !important; } #core-nav .cn-item.cn-open .cn-link .material-icons-round, #core-nav .cn-mitem.cn-open .cn-mtrigger .material-icons-round { transform: none; } } /* End custom CSS */ .elementor-5509 .elementor-element.elementor-element-f2e18b7 { --display: flex; --flex-direction: column; --container-widget-width: 100%; --container-widget-height: initial; --container-widget-flex-grow: 0; --container-widget-align-self: initial; --flex-wrap-mobile: wrap; --gap: 10px 10px; --row-gap: 10px; --column-gap: 10px; --border-radius: 20px 20px 20px 20px; box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, .1); --padding-top: 0%; --padding-bottom: 6%; --padding-left: 0%; --padding-right: 0%; } .elementor-5509 .elementor-element.elementor-element-f2e18b7:hover { box-shadow: 0px 2px 25px 0px rgba(0, 0, 0, .2); } .elementor-widget-theme-post-featured-image .widget-image-caption { color: var(--e-global-color-text); font-family: var(--e-global-typography-text-font-family), Sans-serif; font-weight: var(--e-global-typography-text-font-weight); } .elementor-5509 .elementor-element.elementor-element-211655c3 { width: 100%; max-width: 100%; border-radius: 0px 0px 0px 0px; } .elementor-5509 .elementor-element.elementor-element-211655c3 img { width: 100%; max-width: 100%; height: 260px; object-fit: cover; object-position: center left; filter: brightness(100%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg); transition-duration: .3s; border-radius: 15px 15px 0px 0px; } .elementor-5509 .elementor-element.elementor-element-211655c3:hover img { filter: brightness(105%) contrast(100%) saturate(105%) blur(0px) hue-rotate(0deg); } .elementor-5509 .elementor-element.elementor-element-7ea2881 { --display: flex; --position: absolute; --padding-top: 0%; --padding-bottom: 0%; --padding-left: 5%; --padding-right: 5%; top: 0px; } .elementor-5509 .elementor-element.elementor-element-7ea2881.e-con { --align-self: flex-start; } body:not(.rtl) .elementor-5509 .elementor-element.elementor-element-7ea2881 { left: 0px; } body.rtl .elementor-5509 .elementor-element.elementor-element-7ea2881 { right: 0px; } .elementor-5509 .elementor-element.elementor-element-0496ce7 { --display: flex; --padding-top: 3%; --padding-bottom: 0%; --padding-left: 6%; --padding-right: 6%; } .elementor-widget-theme-post-title .elementor-heading-title { font-family: var(--e-global-typography-primary-font-family), Sans-serif; font-weight: var(--e-global-typography-primary-font-weight); color: var(--e-global-color-primary); } .elementor-5509 .elementor-element.elementor-element-700a0436 .elementor-heading-title { font-family: "Albert Sans", Sans-serif; font-size: 28px; font-weight: 600; line-height: 2.2rem; color: #181818; } .elementor-widget-theme-post-excerpt { font-family: var(--e-global-typography-text-font-family), Sans-serif; font-weight: var(--e-global-typography-text-font-weight); color: var(--e-global-color-text); } .elementor-5509 .elementor-element.elementor-element-e0d47be { font-family: var(--e-global-typography-text-font-family), Sans-serif; font-weight: var(--e-global-typography-text-font-weight); } .elementor-widget-heading .elementor-heading-title { font-family: var(--e-global-typography-primary-font-family), Sans-serif; font-weight: var(--e-global-typography-primary-font-weight); color: var(--e-global-color-primary); } .elementor-5509 .elementor-element.elementor-element-034ca31 { padding: 6px 0px 6px 0px; } .elementor-5509 .elementor-element.elementor-element-034ca31 .elementor-heading-title { font-family: "Albert Sans", Sans-serif; font-size: 16px; font-weight: 400; color: var(--e-global-color-secondary); } @media (max-width:1024px) { .elementor-5509 .elementor-element.elementor-element-211655c3 img { height: 200px; } } @media (max-width:767px) { .elementor-5509 .elementor-element.elementor-element-211655c3 img { height: 168px; } .elementor-5509 .elementor-element.elementor-element-700a0436 { text-align: start; } } /* Start custom CSS for heading, class: .elementor-element-034ca31 */ .blog-date { margin-top: auto; } #cfv4-block { --cfv4-red: #a31f35; --cfv4-red-dk: #82182a; --cfv4-red-lt: #be6271; --cfv4-red-ltst: #f5e8ea; --cfv4-cw3: #f4f7fa; --cfv4-nl: #d8d8d8; --cfv4-na: #5e5e5e; --cfv4-nd: #3a3a3a; --cfv4-t1: #191919; --cfv4-ease: cubic-bezier(.23, 1, .32, 1); } #cfv4-block .cfv4-inner { width: 72%; max-width: 1600px; margin: 0 auto; } #cfv4-block .cfv4-links { background: #141414; padding: 72px 0 56px; } #cfv4-block .cfv4-links .cfv4-inner { display: grid; grid-template-columns: 1.55fr 1fr 1fr 1fr; gap: 40px 32px; } #cfv4-block .cfv4-logo-svg { height: 34px; width: auto; display: inline-block; margin-bottom: 18px; } #cfv4-block .cfv4-brand-tag { font-family: "Playfair Display", serif; font-size: 17px; font-weight: 600; color: #ddd; line-height: 1.3; margin-bottom: 10px; } #cfv4-block .cfv4-brand-desc { font-size: 16px; color: #888; line-height: 1.65; margin-bottom: 24px; max-width: 310px; } #cfv4-block .cfv4-social { display: flex; gap: 8px; } #cfv4-block .cfv4-social a { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: #1e1e1e; border: 1px solid #2a2a2a; color: #888; font-size: 14px; text-decoration: none; transition: background .2s var(--cfv4-ease), color .2s, border-color .2s, transform .15s var(--cfv4-ease); } #cfv4-block .cfv4-social a svg { width: 15px; height: 15px; fill: currentColor; display: block; flex-shrink: 0; } @media (hover:hover) and (pointer:fine) { #cfv4-block .cfv4-social a:hover { background: var(--cfv4-red); border-color: var(--cfv4-red); color: #fff; transform: translateY(-2px); } } #cfv4-block .cfv4-social a:active { transform: scale(.95) !important; } /* WCAG AA: Mexican Red #A31F35 on the #141414 links panel is only 2.46:1, well below the 4.5:1 required for 10px text. Mexican Red Light #BE6271 (brand ramp) is 4.54:1. Do NOT revert this to var(--cfv4-red). */ #cfv4-block .cfv4-col-title { font-size: 10px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: var(--cfv4-red-lt); margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid #1f1f1f; } #cfv4-block .cfv4-nav-list { list-style: none; margin: 0; padding: 0; } #cfv4-block .cfv4-nav-list li { margin-bottom: 11px; } #cfv4-block .cfv4-nav-list a { font-size: 16px; color: #888; display: inline-block; text-decoration: none; transition: color .2s, transform .15s var(--cfv4-ease); } @media (hover:hover) and (pointer:fine) { #cfv4-block .cfv4-nav-list a:hover { color: #ddd; transform: translateX(3px); } } #cfv4-block .cfv4-bar { background: #0c0c0c; border-top: 1px solid #191919; padding: 20px 0; } #cfv4-block .cfv4-bar .cfv4-inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; } #cfv4-block .cfv4-bar-copy { font-size: 16px; color: #8a8a8a; margin: 0; } #cfv4-block .cfv4-bar-legal { font-size: 16px; color: #8a8a8a; white-space: nowrap; text-decoration: none; transition: color .2s; } #cfv4-block .cfv4-bar-legal:hover { color: #ccc; } #cfv4-block .cfv4-note { font-size: 13px; margin-top: 12px; display: flex; align-items: center; gap: 6px; color: var(--cfv4-na); } #cfv4-block .cfv4-note .material-icons-outlined { font-size: 14px; } #cfv4-block .cfv4-ccomp-card { position: relative; overflow: hidden; border-radius: 12px; padding: 24px; margin-top: 20px; display: flex; flex-direction: column; justify-content: flex-end; text-decoration: none; color: #fff; background: linear-gradient(135deg, rgba(18, 18, 18, .93) 0%, rgba(120, 20, 36, .9) 100%), url("https://cdn-lijmb.nitrocdn.com/rqnQixNkZIQbOSfXyRbakFOvhCuiDJVx/assets/images/optimized/rev-9ae5aa2/onecoredevit.com/wp-content/uploads/2026/03/core-web-bg-2-footer-rotated.jpg") center/cover no-repeat; min-height: 160px; transition: transform .2s ease, box-shadow .2s ease; } @media (hover:hover) and (pointer:fine) { #cfv4-block .cfv4-ccomp-card:hover { transform: translateY(-2px); box-shadow: 0 14px 36px rgba(163, 31, 53, .32); } } #cfv4-block .cfv4-ccomp-watermark { position: absolute; top: -10px; right: -4px; font-size: 120px; color: rgba(255, 255, 255, .07); pointer-events: none; line-height: 1; } #cfv4-block .cfv4-ccomp-kick { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: rgba(255, 255, 255, .7); margin-bottom: 6px; } #cfv4-block .cfv4-ccomp-title { font-family: "Playfair Display", serif; font-size: 20px; font-weight: 700; line-height: 1.2; margin-bottom: 6px; letter-spacing: -.01em; } #cfv4-block .cfv4-ccomp-sub { font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, .8); margin-bottom: 16px; } #cfv4-block .cfv4-ccomp-btn { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; background: #fff; color: var(--cfv4-red); font-size: 13px; font-weight: 600; padding: 8px 16px; border-radius: 999px; transition: background .15s ease; text-decoration: none; } #cfv4-block .cfv4-ccomp-btn .material-icons-round { font-size: 16px; } @media (hover:hover) and (pointer:fine) { #cfv4-block .cfv4-ccomp-card:hover .cfv4-ccomp-btn { background: var(--cfv4-cw3); } } #cfv4-block .cfv4-ring { position: absolute; right: 14%; top: 50%; width: 560px; height: 560px; border-radius: 50%; border: 1.5px solid rgba(163, 31, 53, .1); transform: translateY(-50%) scale(.15); opacity: 0; pointer-events: none; animation: cfv4-ping 4.5s var(--cfv4-ease) infinite; } #cfv4-block .cfv4-ring.r2 { animation-delay: 1.5s; } #cfv4-block .cfv4-ring.r3 { animation-delay: 3s; } @keyframes cfv4-ping { 0% { transform: translateY(-50%) scale(.15); opacity: .65; } 100% { transform: translateY(-50%) scale(1); opacity: 0; } } #cfv4-block .cfv4-contact { position: relative; overflow: hidden; background: #fff; padding: 96px 0 80px; } #cfv4-block .cfv4-contact::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: url("https://cdn-lijmb.nitrocdn.com/rqnQixNkZIQbOSfXyRbakFOvhCuiDJVx/assets/images/optimized/rev-9ae5aa2/onecoredevit.com/wp-content/uploads/2026/03/core-web-bg-2-footer-rotated.jpg") center/cover no-repeat; opacity: 1; } #cfv4-block .cfv4-contact > .cfv4-inner { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1.2fr; gap: 72px; align-items: start; } #cfv4-block .cfv4-kicker { font-size: 14px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--cfv4-red); margin-bottom: 16px; display: flex; align-items: center; gap: 10px; } #cfv4-block .cfv4-kicker::before { content: ""; display: block; width: 28px; height: 2px; background: var(--cfv4-red); border-radius: 999px; } #cfv4-block .cfv4-contact-heading { font-family: "Playfair Display", serif; font-size: clamp(28px, 3vw, 52px); font-weight: 700; color: var(--cfv4-t1); line-height: 1.12; letter-spacing: -.02em; text-wrap: balance; margin-bottom: 16px; } #cfv4-block .cfv4-contact-heading em { font-style: italic; color: var(--cfv4-red); } #cfv4-block .cfv4-contact-sub { font-size: 18px; color: var(--cfv4-na); line-height: 1.65; margin-bottom: 32px; max-width: 440px; } #cfv4-block .cfv4-divider { width: 40px; height: 3px; background: var(--cfv4-red); border-radius: 999px; margin-bottom: 30px; } #cfv4-block .cfv4-cblocks { display: flex; flex-direction: column; gap: 10px; } #cfv4-block .cfv4-cblock { display: flex; align-items: flex-start; gap: 14px; padding: 16px 18px; background: #fff; border: 1px solid var(--cfv4-nl); border-radius: 10px; transition: border-color .2s var(--cfv4-ease), transform .15s var(--cfv4-ease); cursor: default; } @media (hover:hover) and (pointer:fine) { #cfv4-block .cfv4-cblock:hover { border-color: rgba(163, 31, 53, .35); transform: translateY(-1px); } } #cfv4-block .cfv4-cblock:active { transform: scale(.99); } #cfv4-block .cfv4-cblock-icon { width: 40px; height: 40px; border-radius: 10px; flex-shrink: 0; background: var(--cfv4-red-ltst); display: flex; align-items: center; justify-content: center; } #cfv4-block .cfv4-cblock-icon .material-icons-outlined { font-size: 20px; color: var(--cfv4-red); } #cfv4-block .cfv4-cblock-lbl { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: var(--cfv4-na); margin-bottom: 4px; } #cfv4-block .cfv4-cblock-val { font-size: 16px; color: var(--cfv4-nd); line-height: 1.55; margin: 0; } #cfv4-block .cfv4-cblock-val a { color: var(--cfv4-nd); text-decoration: none; transition: color .2s; } #cfv4-block .cfv4-cblock-val a:hover { color: var(--cfv4-red); } #cfv4-block .cfv4-form-card { background: #fff; border: 1px solid var(--cfv4-nl); border-radius: 12px; overflow: hidden; box-shadow: 0 2px 16px rgba(0, 0, 0, .07); scroll-margin-top: 120px; } #cfv4-block .cfv4-form-head { padding: 26px 28px 22px; border-bottom: 1px solid var(--cfv4-nl); } #cfv4-block .cfv4-form-title { font-family: "Playfair Display", serif; font-size: 20px; font-weight: 700; color: var(--cfv4-t1); letter-spacing: -.01em; margin-bottom: 4px; } #cfv4-block .cfv4-form-desc { font-size: 16px; color: var(--cfv4-na); margin: 0; } #cfv4-block .cfv4-form-iframe { width: calc(100% - 40px); border: none; display: block; margin: 20px 20px 20px; } @media (max-width:1100px) { #cfv4-block .cfv4-links .cfv4-inner { grid-template-columns: 1.4fr 1fr 1fr; } #cfv4-block .cfv4-links .cfv4-inner > :first-child { grid-column: 1/-1; } } @media (max-width:1024px) { #cfv4-block .cfv4-contact > .cfv4-inner { grid-template-columns: 1fr; gap: 48px; } } @media (max-width:768px) { #cfv4-block .cfv4-inner { width: 90%; } #cfv4-block .cfv4-links .cfv4-inner { grid-template-columns: 1fr 1fr; } #cfv4-block .cfv4-links .cfv4-inner > :first-child { grid-column: 1/-1; } #cfv4-block .cfv4-bar .cfv4-inner { flex-direction: column; text-align: center; gap: 10px; } #cfv4-block .cfv4-contact { padding: 64px 0 56px; } #cfv4-block .cfv4-contact-sub { font-size: 16px; margin-bottom: 24px; } #cfv4-block .cfv4-form-head { padding: 20px 22px 18px; } #cfv4-block .cfv4-cblock { padding: 14px; } #cfv4-block .cfv4-ccomp-card { padding: 20px; } } @media (max-width:480px) { #cfv4-block .cfv4-inner { width: 92%; } #cfv4-block .cfv4-links .cfv4-inner { grid-template-columns: 1fr; } #cfv4-block .cfv4-contact { padding: 52px 0 40px; } #cfv4-block .cfv4-contact > .cfv4-inner { gap: 36px; } #cfv4-block .cfv4-ring { width: 300px; height: 300px; } #cfv4-block .cfv4-cblock { padding: 12px; } #cfv4-block .cfv4-cblock-val { font-size: 15px; } #cfv4-block .cfv4-form-head { padding: 16px 16px 14px; } #cfv4-block .cfv4-form-title { font-size: 18px; } #cfv4-block .cfv4-form-iframe { width: calc(100% - 24px); margin: 14px 12px; } #cfv4-block .cfv4-ccomp-card { padding: 18px; min-height: 140px; } #cfv4-block .cfv4-ccomp-title { font-size: 18px; } } @media (prefers-reduced-motion:reduce) { #cfv4-block *, #cfv4-block *::before, #cfv4-block *::after { transition: none !important; animation: none !important; } }

Build-Operate-Transfer

BOT vs Acquisition: When to Choose Build-Operate-Transfer for Market Expansion

Philippines BOT Model for Offshore Staffing: A Step-by-Step Guide

Build-Operate-Transfer in the Philippines: Creating Scalable Operations Teams

HR Build-Operate-Transfer: Essential Considerations for Global Teams

Join our online community

Make your hiring journey a breeze

Want to be part of our team?

Let's explore how we can build your team.

Talk to a Specialist

Build-Operate-Transfer

BOT vs Acquisition: When to Choose Build-Operate-Transfer for Market Expansion

Philippines BOT Model for Offshore Staffing: A Step-by-Step Guide

Build-Operate-Transfer in the Philippines: Creating Scalable Operations Teams

HR Build-Operate-Transfer: Essential Considerations for Global Teams

Join our online community

Make your hiring journey a breeze

Want to be part of our team?

Talk to a Specialist

Stay in the loop!