.elementor-11 .elementor-element.elementor-element-54366dc{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-6e3cd9f{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-429dc74{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-7413a71{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-ca35729{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-d2e6cac{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-e5237b2{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-f2f60be{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS *//* ============================================================ PEST LINE — HOMEPAGE CSS Paste into: Elementor > Page Settings > Custom CSS OR: Elementor > Site Settings > Custom CSS (if using sitewide) ============================================================ */ /* ── Google Fonts — add this to your theme or Custom Code: ── */ /* ───────────────────────────────────────── ROOT VARIABLES ───────────────────────────────────────── */ :root { --pl-red: #e62b2b; --pl-black: #111111; --pl-white: #ffffff; --pl-grey: #f0efec; --pl-muted: #888888; --pl-border: rgba(0,0,0,0.08); } /* ───────────────────────────────────────── BASE RESET FOR ALL PL SECTIONS ───────────────────────────────────────── */ .pl-section { font-family: 'DM Sans', sans-serif; box-sizing: border-box; } .pl-section *, .pl-section *::before, .pl-section *::after { box-sizing: border-box; margin: 0; padding: 0; } /* ───────────────────────────────────────── SHARED — EYEBROW LABEL ───────────────────────────────────────── */ .pl-eyebrow { display: flex; align-items: center; gap: .6rem; font-size: .68rem; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--pl-red); margin-bottom: .9rem; } .pl-eyebrow::before { content: ''; width: 20px; height: 2px; background: var(--pl-red); flex-shrink: 0; } /* ───────────────────────────────────────── SHARED — HEADINGS ───────────────────────────────────────── */ .pl-heading { font-family: 'Montserrat', sans-serif; font-weight: 900; letter-spacing: -.03em; line-height: .95; } .pl-heading span { color: var(--pl-red); } /* ───────────────────────────────────────── SHARED — BUTTONS ───────────────────────────────────────── */ .pl-btn-red { display: inline-block; background: var(--pl-red); color: #fff; padding: .95rem 2.4rem; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: .82rem; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; border: none; cursor: pointer; transition: background .2s, transform .15s; } .pl-btn-red:hover { background: #c42222; transform: translateY(-2px); color: #fff; } .pl-btn-outline { display: inline-block; border: 1.5px solid var(--pl-black); color: var(--pl-black); padding: .95rem 2.4rem; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: .82rem; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; transition: background .2s, color .2s; } .pl-btn-outline:hover { background: var(--pl-black); color: #fff; } .pl-btn-white { display: inline-block; background: #fff; color: var(--pl-red); padding: 1.1rem 2.8rem; font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: .85rem; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; white-space: nowrap; transition: transform .2s, box-shadow .2s; } .pl-btn-white:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,.15); color: var(--pl-red); } /* ───────────────────────────────────────── SECTION 1 — HERO ───────────────────────────────────────── */ .pl-hero { display: grid; grid-template-columns: 1fr 1fr; min-height: 90vh; width: 100%; } /* Hero Left */ .pl-hero__left { background: var(--pl-grey); padding: 6rem 5rem; display: flex; flex-direction: column; justify-content: center; position: relative; overflow: hidden; } .pl-hero__left::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: var(--pl-red); } .pl-hero__tag { display: flex; align-items: center; gap: .7rem; font-size: .68rem; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--pl-red); margin-bottom: 2.5rem; } .pl-hero__tag::before { content: ''; width: 24px; height: 2px; background: var(--pl-red); } .pl-hero__h1 { font-family: 'Montserrat', sans-serif; font-size: clamp(2.8rem, 4.5vw, 4.8rem); font-weight: 900; line-height: .95; letter-spacing: -.03em; margin-bottom: 2rem; color: var(--pl-black); } .pl-hero__h1 span { color: var(--pl-red); } .pl-hero__desc { font-size: 1rem; line-height: 1.8; color: #555; max-width: 440px; margin-bottom: 3rem; font-weight: 300; } .pl-hero__btns { display: flex; gap: 1rem; flex-wrap: wrap; } /* Hero Right */ .pl-hero__right { background: var(--pl-black); padding: 6rem 5rem; display: flex; flex-direction: column; justify-content: center; gap: 1.4rem; position: relative; overflow: hidden; } .pl-hero__right::before { content: 'P'; position: absolute; right: -2rem; bottom: -3rem; font-family: 'Montserrat', sans-serif; font-weight: 900; font-size: 26rem; line-height: 1; letter-spacing: -.04em; color: rgba(255,255,255,.03); pointer-events: none; } .pl-stat-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: rgba(255,255,255,.06); } .pl-stat-box { background: var(--pl-black); padding: 2rem 1.8rem; transition: background .2s; } .pl-stat-box:hover { background: #1a1a1a; } .pl-stat-num { font-family: 'Montserrat', sans-serif; font-size: 3rem; font-weight: 900; color: var(--pl-red); line-height: 1; display: block; margin-bottom: .2rem; } .pl-stat-label { font-size: .72rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.35); } .pl-hero__guarantee { background: var(--pl-red); padding: 1.8rem 2rem; display: flex; align-items: center; gap: 1.2rem; position: relative; z-index: 2; } .pl-hero__guarantee-icon { font-size: 2rem; flex-shrink: 0; } .pl-hero__guarantee h4 { color: #fff; font-weight: 700; font-size: .9rem; margin-bottom: .2rem; font-family: 'Montserrat', sans-serif; } .pl-hero__guarantee p { color: rgba(255,255,255,.7); font-size: .78rem; line-height: 1.5; } /* ───────────────────────────────────────── SECTION 2 — TRUST BAR ───────────────────────────────────────── */ .pl-trust { background: var(--pl-black); padding: 1.4rem 4rem; display: flex; gap: 3rem; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; } .pl-trust__item { display: flex; align-items: center; gap: .6rem; font-size: .75rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.4); } .pl-trust__dot { width: 5px; height: 5px; background: var(--pl-red); border-radius: 50%; flex-shrink: 0; } /* ───────────────────────────────────────── SECTION 3 — SERVICES ───────────────────────────────────────── */ .pl-services { padding: 7rem 4rem; background: var(--pl-white); width: 100%; } .pl-services__header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 4rem; flex-wrap: wrap; gap: 2rem; } .pl-services__header-note { max-width: 340px; font-size: .88rem; color: var(--pl-muted); line-height: 1.7; text-align: right; } .pl-services__h2 { font-size: clamp(2rem, 3.5vw, 2.8rem); margin-bottom: 0; } .pl-svc-grid { display: flex; flex-direction: column; gap: 1px; background: var(--pl-border); } .pl-svc-row { background: var(--pl-white); padding: 2.2rem 2.8rem; display: grid; grid-template-columns: 52px 1fr auto; align-items: center; gap: 2rem; transition: background .2s, padding-left .25s; position: relative; text-decoration: none; } .pl-svc-row::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: var(--pl-red); transition: width .25s; } .pl-svc-row:hover { background: var(--pl-grey); padding-left: 3.4rem; } .pl-svc-row:hover::before { width: 4px; } .pl-svc-icon { font-size: 1.8rem; } .pl-svc-info h3 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 1rem; margin-bottom: .3rem; color: var(--pl-black); } .pl-svc-info p { font-size: .83rem; color: var(--pl-muted); line-height: 1.6; } .pl-svc-arrow { width: 36px; height: 36px; border: 1.5px solid var(--pl-border); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: .9rem; color: var(--pl-muted); flex-shrink: 0; transition: background .2s, border-color .2s, color .2s; } .pl-svc-row:hover .pl-svc-arrow { background: var(--pl-red); border-color: var(--pl-red); color: #fff; } .pl-services__cta { margin-top: 3rem; text-align: center; } /* ───────────────────────────────────────── SECTION 4 — ECO PROMISE ───────────────────────────────────────── */ .pl-eco { display: grid; grid-template-columns: 1fr 1fr; width: 100%; } .pl-eco__left { background: var(--pl-grey); padding: 8rem 5rem; display: flex; flex-direction: column; justify-content: center; } .pl-eco__h2 { font-size: clamp(1.8rem, 3vw, 2.8rem); margin-bottom: 1.5rem; } .pl-eco__text { font-size: .93rem; color: #555; line-height: 1.85; margin-bottom: 1rem; font-weight: 300; } .pl-eco__pills { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 2rem; } .pl-eco__pill { border: 1.5px solid rgba(0,0,0,.12); color: var(--pl-black); font-size: .7rem; font-weight: 600; padding: .35rem .9rem; letter-spacing: .08em; text-transform: uppercase; transition: background .2s, border-color .2s, color .2s; cursor: default; } .pl-eco__pill:hover { background: var(--pl-red); border-color: var(--pl-red); color: #fff; } .pl-eco__right { background: var(--pl-black); padding: 8rem 5rem; display: grid; grid-template-columns: 1fr 1fr; gap: 1px; align-content: center; position: relative; overflow: hidden; } .pl-eco__right::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(255,255,255,.04) 1px, transparent 1px); background-size: 24px 24px; } .pl-eco__stat { padding: 2.5rem 2rem; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.06); position: relative; z-index: 2; transition: background .2s, border-color .2s; cursor: default; } .pl-eco__stat:hover { background: rgba(230,43,43,.08); border-color: rgba(230,43,43,.2); } .pl-eco__stat-num { font-family: 'Montserrat', sans-serif; font-size: 2.8rem; font-weight: 900; color: var(--pl-red); line-height: 1; display: block; margin-bottom: .3rem; } .pl-eco__stat-label { font-size: .7rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.3); line-height: 1.5; } /* ───────────────────────────────────────── SECTION 5 — HOW IT WORKS ───────────────────────────────────────── */ .pl-process { padding: 7rem 4rem; background: var(--pl-white); width: 100%; } .pl-process__steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 4rem; background: var(--pl-border); } .pl-step { background: var(--pl-white); padding: 3rem 2.5rem; position: relative; overflow: hidden; transition: background .2s; cursor: default; } .pl-step:hover { background: var(--pl-grey); } .pl-step__num { font-family: 'Montserrat', sans-serif; font-size: 5rem; font-weight: 900; color: rgba(0,0,0,.06); line-height: 1; position: absolute; top: 1.5rem; right: 2rem; } .pl-step__bar { width: 36px; height: 3px; background: var(--pl-red); margin-bottom: 1.5rem; } .pl-step h3 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 1.05rem; margin-bottom: .7rem; color: var(--pl-black); } .pl-step p { font-size: .85rem; color: var(--pl-muted); line-height: 1.7; } .pl-process__h2 { font-size: clamp(2rem, 3.5vw, 2.8rem); margin-top: .5rem; } /* ───────────────────────────────────────── SECTION 6 — CTA BANNER ───────────────────────────────────────── */ .pl-cta { background: var(--pl-red); padding: 7rem 4rem; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 4rem; position: relative; overflow: hidden; width: 100%; } .pl-cta::before { content: 'P'; position: absolute; right: -1rem; top: -2rem; font-family: 'Montserrat', sans-serif; font-weight: 900; font-size: 28rem; line-height: 1; letter-spacing: -.04em; color: rgba(255,255,255,.05); pointer-events: none; } .pl-cta__text { position: relative; z-index: 2; } .pl-cta__text h2 { font-family: 'Montserrat', sans-serif; font-size: clamp(2.2rem, 4vw, 3.5rem); font-weight: 900; letter-spacing: -.03em; color: #fff; line-height: 1; margin-bottom: .8rem; } .pl-cta__text p { color: rgba(255,255,255,.75); font-size: 1rem; } .pl-cta__btn { position: relative; z-index: 2; flex-shrink: 0; } /* ───────────────────────────────────────── RESPONSIVE — MOBILE ───────────────────────────────────────── */ @media (max-width: 900px) { /* Hero */ .pl-hero { grid-template-columns: 1fr; min-height: auto; } .pl-hero__right { display: none; } .pl-hero__left { padding: 4rem 1.5rem; } /* Trust */ .pl-trust { padding: 1.4rem 1.5rem; gap: 1.2rem; } .pl-trust__item { font-size: .65rem; } /* Services */ .pl-services { padding: 5rem 1.5rem; } .pl-services__header-note { text-align: left; } .pl-svc-row { padding: 1.8rem 1.5rem; grid-template-columns: 40px 1fr auto; gap: 1rem; } .pl-svc-row:hover { padding-left: 2rem; } /* Eco */ .pl-eco { grid-template-columns: 1fr; } .pl-eco__left { padding: 5rem 1.5rem; } .pl-eco__right { padding: 4rem 1.5rem; } /* Process */ .pl-process { padding: 5rem 1.5rem; } .pl-process__steps { grid-template-columns: 1fr; } /* CTA */ .pl-cta { grid-template-columns: 1fr; padding: 5rem 1.5rem; gap: 2.5rem; } .pl-cta::before { font-size: 16rem; } } /* ───────────────────────────────────────── SECTION — ASSOCIATIONS ───────────────────────────────────────── */ .pl-assoc { background: var(--pl-black); padding: 3.5rem 4rem; display: flex; flex-direction: column; align-items: center; gap: 2rem; width: 100%; border-top: 1px solid rgba(255,255,255,.06); border-bottom: 1px solid rgba(255,255,255,.06); } .pl-assoc__label { font-size: .68rem; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: rgba(255,255,255,.3); font-family: 'Montserrat', sans-serif; } .pl-assoc__logos { display: flex; flex-wrap: wrap; gap: 0; align-items: stretch; justify-content: center; border: 1px solid rgba(255,255,255,.06); } .pl-assoc__item { display: flex; align-items: center; justify-content: center; width: 200px; height: 90px; padding: 1.4rem 2rem; border-right: 1px solid rgba(255,255,255,.06); transition: background .25s; } .pl-assoc__item:last-child { border-right: none; } .pl-assoc__item:hover { background: rgba(255,255,255,.03); } .pl-assoc__logo { width: 100%; height: 100%; object-fit: contain; filter: none; opacity: 1; } /* ── Per-logo size overrides ── */ .pl-assoc__item:nth-child(1) .pl-assoc__logo { max-width: 130px; } .pl-assoc__item:nth-child(2) .pl-assoc__logo { max-width: 80px; } .pl-assoc__item:nth-child(3) .pl-assoc__logo { max-width: 140px; } .pl-assoc__item:nth-child(4) .pl-assoc__logo { max-width: 120px; } /* ── Mobile ── */ @media (max-width: 900px) { .pl-assoc { padding: 2.5rem 1.5rem; gap: 1.6rem; } .pl-assoc__logos { display: grid; grid-template-columns: 1fr 1fr; width: 100%; border: 1px solid rgba(255,255,255,.06); } .pl-assoc__item { width: 100%; height: 75px; border-right: none; border-bottom: 1px solid rgba(255,255,255,.06); } .pl-assoc__item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,.06); } .pl-assoc__item:last-child, .pl-assoc__item:nth-last-child(2):nth-child(odd) { border-bottom: none; } } /* ───────────────────────────────────────── IPM ROOT CAUSE ANALYSIS SECTION ───────────────────────────────────────── */ .pl-ipm { display: grid; grid-template-columns: 1fr 1fr; width: 100%; background: var(--pl-white); } .pl-ipm__left { padding: 8rem 5rem; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid var(--pl-border); } .pl-ipm__h2 { font-size: clamp(1.8rem, 3vw, 2.8rem); margin-bottom: 1.5rem; } .pl-ipm__text { font-size: .93rem; color: #555; line-height: 1.85; margin-bottom: 1rem; font-weight: 300; } .pl-ipm__text em { font-style: italic; color: var(--pl-black); font-weight: 500; } .pl-ipm__right { padding: 8rem 5rem; display: flex; flex-direction: column; gap: 0; background: var(--pl-grey); } .pl-ipm__step { display: grid; grid-template-columns: 52px 1fr; gap: 1.5rem; padding: 2rem 0; border-bottom: 1px solid var(--pl-border); align-items: flex-start; transition: padding-left .2s; } .pl-ipm__step:last-child { border-bottom: none; } .pl-ipm__step:hover { padding-left: .5rem; } .pl-ipm__step-num { font-family: 'Montserrat', sans-serif; font-weight: 900; font-size: 1.4rem; color: var(--pl-red); line-height: 1.2; flex-shrink: 0; } .pl-ipm__step h4 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: .95rem; color: var(--pl-black); margin-bottom: .4rem; } .pl-ipm__step p { font-size: .82rem; color: var(--pl-muted); line-height: 1.7; } /* ───────────────────────────────────────── RESPONSIVE — IPM + ACCREDITATIONS ───────────────────────────────────────── */ @media (max-width: 900px) { .pl-accreditations { padding: 1.8rem 1.5rem; gap: 1rem; flex-direction: column; align-items: flex-start; } .pl-accreditations__logos { gap: .8rem; } .pl-ipm { grid-template-columns: 1fr; } .pl-ipm__left { padding: 5rem 1.5rem; border-right: none; border-bottom: 1px solid var(--pl-border); } .pl-ipm__right { padding: 4rem 1.5rem; } }/* End custom CSS */