.elementor-3608 .elementor-element.elementor-element-09f62b5{--display:flex;}.elementor-3608 .elementor-element.elementor-element-a8e796f{--display:flex;}.elementor-3608 .elementor-element.elementor-element-3c4592b{--display:flex;}.elementor-3608 .elementor-element.elementor-element-081e3b5{--display:flex;}.elementor-3608 .elementor-element.elementor-element-ac608fb{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-3608 .elementor-element.elementor-element-e035c7d{--display:flex;}.elementor-3608 .elementor-element.elementor-element-025fbca{--display:flex;}.elementor-3608 .elementor-element.elementor-element-347a528{--display:flex;}.elementor-3608 .elementor-element.elementor-element-5e7b98d{--display:flex;}.elementor-3608 .elementor-element.elementor-element-98fba23{--display:flex;}.elementor-3608 .elementor-element.elementor-element-0362c5b{--display:flex;}.elementor-3608 .elementor-element.elementor-element-38e6015{--display:flex;}.elementor-3608 .elementor-element.elementor-element-becf460{--display:flex;}.elementor-3608 .elementor-element.elementor-element-8fbd5ca{--display:flex;}.elementor-3608 .elementor-element.elementor-element-b691872{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-3608 .elementor-element.elementor-element-5d817a0{--display:flex;}.elementor-3608 .elementor-element.elementor-element-0fbe762{--divider-border-style:solid;--divider-color:#000;--divider-border-width:3px;}.elementor-3608 .elementor-element.elementor-element-0fbe762 .elementor-divider-separator{width:100%;}.elementor-3608 .elementor-element.elementor-element-0fbe762 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-3608 .elementor-element.elementor-element-7bedaf6{--display:flex;}.elementor-3608 .elementor-element.elementor-element-6bf458a{--display:flex;}.elementor-3608 .elementor-element.elementor-element-f890ed7{--display:flex;}.elementor-3608 .elementor-element.elementor-element-706b3a9{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-3608 .elementor-element.elementor-element-c937af6{--display:flex;}.elementor-3608 .elementor-element.elementor-element-f0e8c6a .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-3608 .elementor-element.elementor-element-f0e8c6a .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-3608 .elementor-element.elementor-element-f0e8c6a{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-3608 .elementor-element.elementor-element-f0e8c6a .elementor-icon-list-text{transition:color 0.3s;}.elementor-3608 .elementor-element.elementor-element-795361a{--display:flex;}.elementor-3608 .elementor-element.elementor-element-397f14c .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-3608 .elementor-element.elementor-element-397f14c .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-3608 .elementor-element.elementor-element-397f14c{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-3608 .elementor-element.elementor-element-397f14c .elementor-icon-list-text{transition:color 0.3s;}.elementor-3608 .elementor-element.elementor-element-71d893f{--display:flex;}.elementor-3608 .elementor-element.elementor-element-fd349c5{--display:flex;}.elementor-3608 .elementor-element.elementor-element-e520a7c{--display:flex;}.elementor-3608 .elementor-element.elementor-element-48df62a{--display:flex;}.elementor-3608 .elementor-element.elementor-element-1863a50{--display:flex;}.elementor-3608 .elementor-element.elementor-element-de07a8f{--display:flex;}.elementor-3608 .elementor-element.elementor-element-a98e1f5{--display:flex;}.elementor-3608 .elementor-element.elementor-element-5dfa618{--display:flex;}.elementor-3608 .elementor-element.elementor-element-210f674{--display:flex;}.elementor-3608 .elementor-element.elementor-element-054a71e{--display:flex;}.elementor-3608 .elementor-element.elementor-element-e012974{--display:flex;}.elementor-3608 .elementor-element.elementor-element-10b94f7{--display:flex;}.elementor-3608 .elementor-element.elementor-element-a6c42b8{--display:flex;}.elementor-3608 .elementor-element.elementor-element-5b32784{--display:flex;}.elementor-3608 .elementor-element.elementor-element-a46c7fb{--display:flex;}.elementor-3608 .elementor-element.elementor-element-51fa437{--display:flex;}.elementor-3608 .elementor-element.elementor-element-1869cf2{--display:flex;}.elementor-3608 .elementor-element.elementor-element-0b726a1{--display:flex;}.elementor-3608 .elementor-element.elementor-element-30b418d{--display:flex;}.elementor-3608 .elementor-element.elementor-element-0849526{--display:flex;}.elementor-3608 .elementor-element.elementor-element-8ac703d{--display:flex;}.elementor-3608 .elementor-element.elementor-element-5eb063f{--display:flex;}.elementor-3608 .elementor-element.elementor-element-1eacd79{--display:flex;}.elementor-3608 .elementor-element.elementor-element-a1e4328{--display:flex;}.elementor-3608 .elementor-element.elementor-element-a74062b{--display:flex;}.elementor-3608 .elementor-element.elementor-element-eb2958a{--display:flex;}.elementor-3608 .elementor-element.elementor-element-be7f293{--display:flex;}.elementor-3608 .elementor-element.elementor-element-ecfd39b{--display:flex;}.elementor-3608 .elementor-element.elementor-element-1b4ce3d{--display:flex;}.elementor-3608 .elementor-element.elementor-element-40ae523{--display:flex;}.elementor-3608 .elementor-element.elementor-element-5831946{--display:flex;}.elementor-3608 .elementor-element.elementor-element-706a2fb{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elementor-3608 .elementor-element.elementor-element-6b8e537{--display:flex;}.elementor-3608 .elementor-element.elementor-element-5c8a93d{--display:flex;}.elementor-3608 .elementor-element.elementor-element-e0abd71{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-3608 .elementor-element.elementor-element-2508317{--display:flex;}.elementor-3608 .elementor-element.elementor-element-7154a6d{--display:flex;}.elementor-3608 .elementor-element.elementor-element-5e8d674{--display:flex;}.elementor-3608 .elementor-element.elementor-element-894b5e2{--display:flex;}.elementor-3608 .elementor-element.elementor-element-f216850{--display:flex;}.elementor-3608 .elementor-element.elementor-element-c7fb693{--display:flex;}.elementor-3608 .elementor-element.elementor-element-5d1720b{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-3608 .elementor-element.elementor-element-6120ba8{--display:flex;}.elementor-3608 .elementor-element.elementor-element-6a17cf2{--display:flex;}.elementor-3608 .elementor-element.elementor-element-ba01e64{--display:flex;}.elementor-3608 .elementor-element.elementor-element-850f269{--display:flex;}.elementor-3608 .elementor-element.elementor-element-8fa0d2b{--display:flex;}.elementor-3608 .elementor-element.elementor-element-45902a1{--display:flex;}.elementor-3608 .elementor-element.elementor-element-16a4ced{--display:flex;}.elementor-3608 .elementor-element.elementor-element-392ce6d{--display:flex;}.elementor-3608 .elementor-element.elementor-element-8f0da74{--display:flex;}.elementor-3608 .elementor-element.elementor-element-c94da02{--display:flex;}.elementor-3608 .elementor-element.elementor-element-401286c{--display:flex;}.elementor-3608 .elementor-element.elementor-element-9deb265{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-3608 .elementor-element.elementor-element-de3c084{--display:flex;}.elementor-3608 .elementor-element.elementor-element-6d14a82{--display:flex;}.elementor-3608 .elementor-element.elementor-element-20f618d{--display:flex;}.elementor-3608 .elementor-element.elementor-element-7065edf{--display:flex;}.elementor-3608 .elementor-element.elementor-element-76b5d3e{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-3608 .elementor-element.elementor-element-9d528fb{--display:flex;}.elementor-3608 .elementor-element.elementor-element-9d0a3eb{--divider-border-style:solid;--divider-color:#000;--divider-border-width:3px;}.elementor-3608 .elementor-element.elementor-element-9d0a3eb .elementor-divider-separator{width:100%;}.elementor-3608 .elementor-element.elementor-element-9d0a3eb .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-3608 .elementor-element.elementor-element-72fb4c5 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-3608 .elementor-element.elementor-element-72fb4c5 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-3608 .elementor-element.elementor-element-72fb4c5{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-3608 .elementor-element.elementor-element-72fb4c5 .elementor-icon-list-text{transition:color 0.3s;}.elementor-3608 .elementor-element.elementor-element-d651820{--display:flex;}.elementor-3608 .elementor-element.elementor-element-ae849bd{--display:flex;}.elementor-3608 .elementor-element.elementor-element-dea0652{--display:flex;}.elementor-3608 .elementor-element.elementor-element-f570b68{--display:flex;}@media(max-width:1024px){.elementor-3608 .elementor-element.elementor-element-ac608fb{--grid-auto-flow:row;}.elementor-3608 .elementor-element.elementor-element-b691872{--grid-auto-flow:row;}.elementor-3608 .elementor-element.elementor-element-706b3a9{--grid-auto-flow:row;}.elementor-3608 .elementor-element.elementor-element-e0abd71{--grid-auto-flow:row;}.elementor-3608 .elementor-element.elementor-element-5d1720b{--grid-auto-flow:row;}.elementor-3608 .elementor-element.elementor-element-9deb265{--grid-auto-flow:row;}.elementor-3608 .elementor-element.elementor-element-76b5d3e{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-3608 .elementor-element.elementor-element-ac608fb{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3608 .elementor-element.elementor-element-b691872{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3608 .elementor-element.elementor-element-706b3a9{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3608 .elementor-element.elementor-element-e0abd71{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3608 .elementor-element.elementor-element-5d1720b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3608 .elementor-element.elementor-element-9deb265{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3608 .elementor-element.elementor-element-76b5d3e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-a8e796f */.hero{background:var(--color-primary)!important;color:var(--color-text-inverse,#f6f5f1);min-height:88vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative;}/* End custom CSS */
/* Start custom CSS */.pisc-grc-page{--pisc-color-1:#122560;--pisc-color-2:#082ea5;--pisc-color-3:#e8edf8;--pisc-color-4:#7492e3;--pisc-primary:var(--pisc-color-1);--pisc-accent:var(--pisc-color-2);--pisc-surface:var(--pisc-color-3);--pisc-secondary:var(--pisc-color-4)} .pisc-grc-page { --pisc-color-1: var(--thm-primary, var(--tp-theme-1, #122560)); --pisc-color-2: var(--thm-teal, var(--tp-theme-2, #082ea5)); --pisc-color-3: var(--thm-bg-ling-green, var(--tp-theme-3, #e8edf8)); --pisc-color-4: var(--tp-common-orange, #7492e3); --pisc-primary: var(--pisc-color-1); --pisc-accent: var(--pisc-color-2); --pisc-surface: var(--pisc-color-3); --pisc-secondary: var(--pisc-color-4); --color-bg: var(--pisc-surface, var(--pisc-color-3)); --color-surface: color-mix(in srgb, var(--pisc-surface, var(--pisc-color-3)) 70%, #fff); --color-surface-2: #ffffff; --color-surface-offset: color-mix(in srgb, var(--pisc-secondary, var(--pisc-color-4)) 18%, var(--pisc-surface, var(--pisc-color-3))); --color-surface-dynamic: color-mix(in srgb, var(--pisc-secondary, var(--pisc-color-4)) 28%, var(--pisc-surface, var(--pisc-color-3))); --color-divider: color-mix(in srgb, var(--pisc-secondary, var(--pisc-color-4)) 45%, transparent); --color-border: color-mix(in srgb, var(--pisc-secondary, var(--pisc-color-4)) 55%, transparent); --color-text: var(--pisc-primary, var(--pisc-color-1)); --color-text-muted: color-mix(in srgb, var(--pisc-primary, var(--pisc-color-1)) 55%, #fff); --color-text-faint: color-mix(in srgb, var(--pisc-secondary, var(--pisc-color-4)) 70%, #fff); --color-text-inverse: var(--pisc-surface, var(--pisc-color-3)); --color-primary: var(--pisc-primary); --color-primary-hover: var(--pisc-primary); --color-accent: var(--pisc-accent); --color-accent-hover: var(--pisc-accent); --color-accent-active: var(--pisc-accent); --color-accent-highlight: color-mix(in srgb, var(--pisc-accent) 25%, transparent); --color-success: var(--pisc-primary); --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem); --text-sm: clamp(0.875rem, 0.8rem + 0.35vw, 1rem); --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem); --text-lg: clamp(1.125rem, 1rem + 0.5vw, 1.375rem); --text-xl: clamp(1.25rem, 1.1rem + 0.75vw, 1.75rem); --text-2xl: clamp(1.5rem, 1.25rem + 1.25vw, 2.25rem); --text-3xl: clamp(1.875rem, 1.5rem + 1.875vw, 3rem); --text-4xl: clamp(2.25rem, 1.75rem + 2.5vw, 3.75rem); --text-5xl: clamp(3rem, 2rem + 5vw, 5rem); --radius-sm: 0.25rem; --radius-md: 0.5rem; --radius-lg: 0.75rem; --radius-xl: 1rem; --radius-full: 9999px; --shadow-sm: 0 1px 3px rgba(0,0,0,.08); --shadow-md: 0 4px 16px rgba(0,0,0,.1); --shadow-lg: 0 12px 40px rgba(0,0,0,.14); --content-default: 960px; --content-wide: 1200px; --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem; --space-12: 3rem; --space-16: 4rem; --space-20: 5rem; --space-24: 6rem; --space-32: 8rem; --transition-interactive: 180ms cubic-bezier(0.16, 1, 0.3, 1); --font-display: 'Outfit', var(--e-global-typography-primary-font-family, sans-serif); --font-body: 'Outfit', sans-serif; box-sizing: border-box; } .pisc-grc-page *, .pisc-grc-page *::before, .pisc-grc-page *::after { box-sizing: inherit; } .pisc-grc-page .container { max-width: var(--content-default); margin-inline: auto; padding-inline: clamp(var(--space-4), 4vw, var(--space-12)); } .pisc-grc-page .reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease, transform 0.6s ease; } .pisc-grc-page .reveal.visible { opacity: 1; transform: none; } .pisc-grc-page .hero { position: relative; min-height: 88vh; display: flex; flex-direction: column; justify-content: center; overflow: hidden; background: var(--color-primary); } .pisc-grc-page .hero__bg-pattern { position: absolute; inset: 0; background-image: repeating-linear-gradient( -45deg, oklch(1 0 0 / 0.025) 0px, oklch(1 0 0 / 0.025) 1px, transparent 1px, transparent 20px ); pointer-events: none; } .pisc-grc-page .hero__accent-bar { position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--color-accent); } .pisc-grc-page .hero__inner { position: relative; z-index: 2; max-width: var(--content-wide); margin-inline: auto; padding-inline: clamp(var(--space-4), 4vw, var(--space-12)); padding-block: clamp(var(--space-20), 10vw, var(--space-32)); display: grid; grid-template-columns: 1fr 1fr; gap: clamp(var(--space-12), 6vw, var(--space-24)); align-items: center; } .pisc-grc-page .hero__content { max-width: 560px; } .pisc-grc-page .hero__badge { display: inline-flex; align-items: center; gap: var(--space-2); padding: var(--space-1) var(--space-3); background: oklch(from var(--color-accent) l c h / 0.18); border: 1px solid oklch(from var(--color-accent) l c h / 0.35); border-radius: var(--radius-full); color: var(--color-accent); font-size: var(--text-xs); font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: var(--space-6); } .pisc-grc-page .hero__badge svg { width: 14px; height: 14px; } .pisc-grc-page .hero__title { font-family: var(--font-display); font-size: var(--text-3xl); font-weight: 800; color: var(--color-text-inverse); margin-bottom: var(--space-6); line-height: 1.1; letter-spacing: -0.02em; } .pisc-grc-page .hero__title em { font-style: normal; color: var(--color-accent); } .pisc-grc-page .hero__desc { font-size: var(--text-base); color: oklch(from var(--color-text-inverse) l c h / 0.72); line-height: 1.7; margin-bottom: var(--space-10); max-width: 50ch; } .pisc-grc-page .hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-4); } .pisc-grc-page .btn-primary { display: inline-flex; align-items: center; gap: var(--space-2); padding: var(--space-3) var(--space-8); background: var(--color-accent); color: var(--color-text); border-radius: var(--radius-md); font-size: var(--text-sm); font-weight: 700; text-decoration: none; letter-spacing: 0.02em; box-shadow: var(--shadow-md); white-space: nowrap; } .pisc-grc-page .btn-primary:hover { background: var(--color-accent-hover); box-shadow: var(--shadow-lg); transform: translateY(-1px); } .pisc-grc-page .btn-ghost { display: inline-flex; align-items: center; gap: var(--space-2); padding: var(--space-3) var(--space-8); background: oklch(1 0 0 / 0.08); color: var(--color-text-inverse); border: 1px solid oklch(1 0 0 / 0.2); border-radius: var(--radius-md); font-size: var(--text-sm); font-weight: 600; text-decoration: none; letter-spacing: 0.02em; white-space: nowrap; } .pisc-grc-page .btn-ghost:hover { background: oklch(1 0 0 / 0.15); border-color: oklch(1 0 0 / 0.35); } .pisc-grc-page .hero__visual { display: flex; justify-content: flex-end; } .pisc-grc-page .hero__stats-card { background: oklch(1 0 0 / 0.07); border: 1px solid oklch(1 0 0 / 0.12); border-radius: var(--radius-xl); padding: var(--space-8); backdrop-filter: blur(12px); max-width: 360px; width: 100%; } .pisc-grc-page .hero__stats-label { font-size: var(--text-xs); font-weight: 600; color: var(--color-accent); letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: var(--space-6); } .pisc-grc-page .hero__stat-row { display: flex; justify-content: space-between; align-items: center; padding: var(--space-4) 0; border-bottom: 1px solid oklch(1 0 0 / 0.1); } .pisc-grc-page .hero__stat-row:last-child { border-bottom: none; } .pisc-grc-page .hero__stat-name { font-size: var(--text-sm); color: oklch(from var(--color-text-inverse) l c h / 0.65); } .pisc-grc-page .hero__stat-val { font-family: var(--font-display); font-size: var(--text-lg); font-weight: 800; color: var(--color-text-inverse); } @media (max-width: 768px) { .pisc-grc-page .hero__inner { grid-template-columns: 1fr; } .pisc-grc-page .hero__visual { justify-content: flex-start; } .pisc-grc-page .hero__stats-card { max-width: 100%; } } .pisc-grc-page .section { padding-block: clamp(var(--space-16), 8vw, var(--space-32)); } .pisc-grc-page .section--alt { background: var(--color-surface); } .pisc-grc-page .section--offset { background: var(--color-surface-offset); } .pisc-grc-page .section--dark { background: var(--color-primary); color: var(--color-text-inverse); } .pisc-grc-page .section-eyebrow { display: inline-block; font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--color-accent); margin-bottom: var(--space-4); } .pisc-grc-page .section-eyebrow--light { color: var(--color-accent); } .pisc-grc-page .section-title { font-family: var(--font-display); font-size: var(--text-2xl); font-weight: 800; letter-spacing: -0.02em; line-height: 1.1; margin-bottom: var(--space-4); } .pisc-grc-page .section-title--light { color: var(--color-text-inverse); } .pisc-grc-page .section-subtitle { font-size: var(--text-base); color: var(--color-text-muted); max-width: 56ch; line-height: 1.7; margin-bottom: clamp(var(--space-10), 4vw, var(--space-16)); } .pisc-grc-page .section-subtitle--light { color: oklch(from var(--color-text-inverse) l c h / 0.68); } .pisc-grc-page .why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(var(--space-12), 6vw, var(--space-24)); align-items: start; } .pisc-grc-page .why__prose p { font-size: var(--text-base); color: var(--color-text-muted); line-height: 1.75; margin-bottom: var(--space-6); max-width: 54ch; } .pisc-grc-page .why__prose p strong { color: var(--color-text); font-weight: 600; } .pisc-grc-page .why__pull { font-family: var(--font-display); font-size: var(--text-xl); font-weight: 700; color: var(--color-primary); line-height: 1.3; padding: var(--space-8); border-left: 3px solid var(--color-accent); background: var(--color-surface); border-radius: 0 var(--radius-lg) var(--radius-lg) 0; box-shadow: var(--shadow-sm); } .pisc-grc-page .why__pull em { display: block; font-size: var(--text-sm); font-family: var(--font-body); font-style: normal; color: var(--color-text-muted); font-weight: 500; margin-top: var(--space-3); } @media (max-width: 768px) { .pisc-grc-page .why-grid { grid-template-columns: 1fr; } } .pisc-grc-page .services-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6); margin-bottom: var(--space-8); } .pisc-grc-page .service-card { background: var(--color-surface-2); border: 1px solid var(--color-border); border-radius: var(--radius-xl); padding: clamp(var(--space-8), 3vw, var(--space-12)); box-shadow: var(--shadow-sm); display: flex; flex-direction: column; gap: var(--space-6); transition: box-shadow var(--transition-interactive), transform var(--transition-interactive); } .pisc-grc-page .service-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-2px); } .pisc-grc-page .service-card--featured { background: var(--color-primary); border-color: transparent; color: var(--color-text-inverse); } .pisc-grc-page .service-card__number { font-family: var(--font-display); font-size: 3rem; font-weight: 800; color: var(--color-surface-dynamic); line-height: 1; } .pisc-grc-page .service-card--featured .service-card__number { color: oklch(from var(--color-text-inverse) l c h / 0.15); } .pisc-grc-page .service-card__icon-wrap { width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; background: var(--color-accent-highlight); border-radius: var(--radius-lg); } .pisc-grc-page .service-card--featured .service-card__icon-wrap { background: oklch(from var(--color-accent) l c h / 0.2); } .pisc-grc-page .service-card__icon-wrap svg { width: 24px; height: 24px; color: var(--color-accent); } .pisc-grc-page .service-card__tag { display: inline-block; padding: var(--space-1) var(--space-3); background: var(--color-accent-highlight); color: var(--color-accent-active); border-radius: var(--radius-full); font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; } .pisc-grc-page .service-card--featured .service-card__tag { background: oklch(from var(--color-accent) l c h / 0.2); color: var(--color-accent); } .pisc-grc-page .service-card__title { font-family: var(--font-display); font-size: var(--text-xl); font-weight: 800; letter-spacing: -0.01em; line-height: 1.2; } .pisc-grc-page .service-card--featured .service-card__title { color: var(--color-text-inverse); } .pisc-grc-page .service-card__desc { font-size: var(--text-base); color: var(--color-text-muted); line-height: 1.7; } .pisc-grc-page .service-card--featured .service-card__desc { color: oklch(from var(--color-text-inverse) l c h / 0.72); } .pisc-grc-page .service-card__list { list-style: none; display: flex; flex-direction: column; gap: var(--space-3); } .pisc-grc-page .service-card__list li { display: flex; align-items: flex-start; gap: var(--space-3); font-size: var(--text-sm); color: var(--color-text-muted); } .pisc-grc-page .service-card--featured .service-card__list li { color: oklch(from var(--color-text-inverse) l c h / 0.72); } .pisc-grc-page .service-card__list li::before { content: ""; display: block; width: 5px; height: 5px; border-radius: 50%; background: var(--color-accent); margin-top: 0.55em; flex-shrink: 0; } .pisc-grc-page .service-card__cta { margin-top: auto; display: inline-flex; align-items: center; gap: var(--space-2); padding: var(--space-3) var(--space-6); background: var(--color-accent); color: var(--color-text); border-radius: var(--radius-md); font-size: var(--text-sm); font-weight: 700; text-decoration: none; align-self: flex-start; letter-spacing: 0.02em; box-shadow: var(--shadow-sm); } .pisc-grc-page .service-card__cta:hover { background: var(--color-accent-hover); box-shadow: var(--shadow-md); } .pisc-grc-page .service-card__cta--outline { background: transparent; color: var(--color-text-inverse); border: 1px solid oklch(1 0 0 / 0.3); box-shadow: none; } .pisc-grc-page .service-card__cta--outline:hover { background: oklch(1 0 0 / 0.1); border-color: oklch(1 0 0 / 0.5); } @media (max-width: 768px) { .pisc-grc-page .services-grid { grid-template-columns: 1fr; } } .pisc-grc-page .process { position: relative; } .pisc-grc-page .process__tabs { display: flex; gap: var(--space-3); margin-bottom: var(--space-10); flex-wrap: wrap; } .pisc-grc-page .process__tab { padding: var(--space-2) var(--space-5); border: 1px solid var(--color-border); border-radius: var(--radius-full); font-size: var(--text-sm); font-weight: 600; color: var(--color-text-muted); cursor: pointer; background: transparent; letter-spacing: 0.02em; } .pisc-grc-page .process__tab:hover { border-color: var(--color-primary); color: var(--color-primary); } .pisc-grc-page .process__tab.active { background: var(--color-primary); color: var(--color-text-inverse); border-color: var(--color-primary); } .pisc-grc-page .process__panel { display: none; } .pisc-grc-page .process__panel.active { display: block; } .pisc-grc-page .process__steps { display: flex; flex-direction: column; gap: 0; } .pisc-grc-page .process__step { display: grid; grid-template-columns: 48px 1fr; gap: var(--space-6); position: relative; } .pisc-grc-page .process__step-left { display: flex; flex-direction: column; align-items: center; } .pisc-grc-page .process__step-num { width: 48px; height: 48px; border-radius: 50%; background: var(--color-primary); color: var(--color-text-inverse); display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-weight: 800; font-size: var(--text-sm); flex-shrink: 0; } .pisc-grc-page .process__step-line { width: 2px; flex: 1; background: var(--color-divider); margin-top: var(--space-2); min-height: 32px; } .pisc-grc-page .process__step:last-child .process__step-line { display: none; } .pisc-grc-page .process__step-body { padding-bottom: var(--space-10); } .pisc-grc-page .process__step:last-child .process__step-body { padding-bottom: 0; } .pisc-grc-page .process__step-title { font-family: var(--font-display); font-size: var(--text-lg); font-weight: 700; margin-bottom: var(--space-2); padding-top: var(--space-2); } .pisc-grc-page .process__step-desc { font-size: var(--text-base); color: var(--color-text-muted); line-height: 1.7; max-width: 60ch; } .pisc-grc-page .domains-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 1fr)); gap: var(--space-4); } .pisc-grc-page .domain-card { background: var(--color-surface-2); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--space-6); transition: box-shadow var(--transition-interactive), transform var(--transition-interactive), border-color var(--transition-interactive); } .pisc-grc-page .domain-card:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); border-color: var(--color-primary-highlight); } .pisc-grc-page .domain-card__icon { font-size: 1.75rem; margin-bottom: var(--space-4); } .pisc-grc-page .domain-card__title { font-family: var(--font-display); font-size: var(--text-base); font-weight: 700; margin-bottom: var(--space-2); } .pisc-grc-page .domain-card__roles { font-size: var(--text-xs); color: var(--color-text-muted); line-height: 1.6; } .pisc-grc-page .stats-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-1); } .pisc-grc-page .stat-block { background: oklch(1 0 0 / 0.05); border: 1px solid oklch(1 0 0 / 0.1); border-radius: var(--radius-lg); padding: var(--space-8) var(--space-6); text-align: center; } .pisc-grc-page .stat-block__num { font-family: var(--font-display); font-size: var(--text-2xl); font-weight: 800; color: var(--color-text-inverse); line-height: 1; margin-bottom: var(--space-2); } .pisc-grc-page .stat-block__label { font-size: var(--text-xs); color: oklch(from var(--color-text-inverse) l c h / 0.6); font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase; } @media (max-width: 640px) { .pisc-grc-page .stats-strip { grid-template-columns: 1fr 1fr; } } .pisc-grc-page .testimonials-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: var(--space-5); } .pisc-grc-page .testimonial-card { background: var(--color-surface-2); border: 1px solid var(--color-border); border-radius: var(--radius-xl); padding: var(--space-8); display: flex; flex-direction: column; gap: var(--space-5); box-shadow: var(--shadow-sm); } .pisc-grc-page .testimonial-card__quote-mark { font-size: 3rem; line-height: 1; color: var(--color-accent); font-family: Georgia, serif; } .pisc-grc-page .testimonial-card__text { font-size: var(--text-sm); color: var(--color-text-muted); line-height: 1.75; flex: 1; } .pisc-grc-page .testimonial-card__author { display: flex; align-items: center; gap: var(--space-3); border-top: 1px solid var(--color-divider); padding-top: var(--space-4); } .pisc-grc-page .testimonial-card__avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--color-surface-offset); display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-weight: 800; font-size: var(--text-sm); color: var(--color-primary); flex-shrink: 0; } .pisc-grc-page .testimonial-card__name { font-weight: 700; font-size: var(--text-sm); } .pisc-grc-page .testimonial-card__role { font-size: var(--text-xs); color: var(--color-text-muted); } @media (max-width: 900px) { .pisc-grc-page .testimonials-grid { grid-template-columns: 1fr; } } @media (min-width: 640px) and (max-width: 900px) { .pisc-grc-page .testimonials-grid { grid-template-columns: 1fr 1fr; } } .pisc-grc-page .apply-section { background: var(--color-surface-offset); } .pisc-grc-page .apply-inner { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(var(--space-12), 6vw, var(--space-24)); align-items: start; } .pisc-grc-page .apply__info {} .pisc-grc-page .apply__info p { font-size: var(--text-base); color: var(--color-text-muted); line-height: 1.75; margin-bottom: var(--space-6); max-width: 52ch; } .pisc-grc-page .apply__criteria { display: flex; flex-direction: column; gap: var(--space-3); margin-bottom: var(--space-8); } .pisc-grc-page .apply__criterion { display: flex; align-items: center; gap: var(--space-3); font-size: var(--text-sm); color: var(--color-text-muted); } .pisc-grc-page .apply__criterion-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--color-accent); flex-shrink: 0; } .pisc-grc-page .apply__form { background: var(--color-surface-2); border: 1px solid var(--color-border); border-radius: var(--radius-xl); padding: clamp(var(--space-8), 3vw, var(--space-10)); box-shadow: var(--shadow-md); } .pisc-grc-page .apply__form-title { font-family: var(--font-display); font-size: var(--text-lg); font-weight: 700; margin-bottom: var(--space-6); } .pisc-grc-page .form-field { display: flex; flex-direction: column; gap: var(--space-2); margin-bottom: var(--space-5); } .pisc-grc-page .form-field label { font-size: var(--text-sm); font-weight: 600; color: var(--color-text); } .pisc-grc-page .form-field input, .pisc-grc-page .form-field select, .pisc-grc-page .form-field textarea { padding: var(--space-3) var(--space-4); background: var(--color-bg); border: 1px solid var(--color-border); border-radius: var(--radius-md); font-size: var(--text-sm); color: var(--color-text); transition: border-color var(--transition-interactive), box-shadow var(--transition-interactive); width: 100%; } .pisc-grc-page .form-field input:focus, .pisc-grc-page .form-field select:focus, .pisc-grc-page .form-field textarea:focus { outline: none; border-color: var(--color-primary); box-shadow: 0 0 0 3px oklch(from var(--color-primary) l c h / 0.12); } .pisc-grc-page .form-field textarea { resize: vertical; min-height: 100px; } .pisc-grc-page .form-field select { appearance: none; -webkit-appearance: none; cursor: pointer; } .pisc-grc-page .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); } .pisc-grc-page .form__submit { width: 100%; padding: var(--space-4); background: var(--color-primary); color: var(--color-text-inverse); border-radius: var(--radius-md); font-size: var(--text-sm); font-weight: 700; letter-spacing: 0.03em; box-shadow: var(--shadow-sm); margin-top: var(--space-4); } .pisc-grc-page .form__submit:hover { background: var(--color-primary-hover); box-shadow: var(--shadow-md); } .pisc-grc-page .form__note { text-align: center; font-size: var(--text-xs); color: var(--color-text-muted); margin-top: var(--space-4); } @media (max-width: 768px) { .pisc-grc-page .apply-inner { grid-template-columns: 1fr; } .pisc-grc-page .form-row { grid-template-columns: 1fr; } } .pisc-grc-page .cta-banner { background: var(--color-primary); position: relative; overflow: hidden; } .pisc-grc-page .cta-banner::before { content: ""; position: absolute; inset: 0; background-image: repeating-linear-gradient( -45deg, oklch(1 0 0 / 0.02) 0px, oklch(1 0 0 / 0.02) 1px, transparent 1px, transparent 20px ); pointer-events: none; } .pisc-grc-page .cta-banner__inner { position: relative; z-index: 1; padding-block: clamp(var(--space-16), 8vw, var(--space-24)); text-align: center; max-width: var(--content-narrow); margin-inline: auto; padding-inline: clamp(var(--space-4), 4vw, var(--space-12)); } .pisc-grc-page .cta-banner__title { font-family: var(--font-display); font-size: var(--text-2xl); font-weight: 800; color: var(--color-text-inverse); margin-bottom: var(--space-4); letter-spacing: -0.02em; } .pisc-grc-page .cta-banner__desc { font-size: var(--text-base); color: oklch(from var(--color-text-inverse) l c h / 0.68); margin-bottom: var(--space-10); max-width: 48ch; margin-inline: auto; line-height: 1.7; } .pisc-grc-page .cta-banner__actions { display: flex; justify-content: center; flex-wrap: wrap; gap: var(--space-4); } .pisc-grc-page .btn-accent { display: inline-flex; align-items: center; gap: var(--space-2); padding: var(--space-4) var(--space-10); background: var(--color-accent); color: var(--color-text); border-radius: var(--radius-md); font-size: var(--text-base); font-weight: 700; text-decoration: none; letter-spacing: 0.02em; box-shadow: var(--shadow-md); } .pisc-grc-page .btn-accent:hover { background: var(--color-accent-hover); box-shadow: var(--shadow-lg); transform: translateY(-1px); } .pisc-grc-page .footer { background: var(--color-surface); border-top: 1px solid var(--color-border); padding-block: var(--space-12) var(--space-8); } .pisc-grc-page .footer__inner { max-width: var(--content-wide); margin-inline: auto; padding-inline: clamp(var(--space-4), 4vw, var(--space-12)); } .pisc-grc-page .footer__top { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: var(--space-10); padding-bottom: var(--space-10); border-bottom: 1px solid var(--color-divider); } .pisc-grc-page .footer__brand-name { font-family: var(--font-display); font-size: var(--text-base); font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-primary); margin-bottom: var(--space-2); } .pisc-grc-page .footer__brand-tagline { font-size: var(--text-xs); color: var(--color-text-muted); margin-bottom: var(--space-5); } .pisc-grc-page .footer__contact a { display: block; font-size: var(--text-xs); color: var(--color-text-muted); text-decoration: none; margin-bottom: var(--space-2); } .pisc-grc-page .footer__contact a:hover { color: var(--color-primary); } .pisc-grc-page .footer__col-title { font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-text-faint); margin-bottom: var(--space-5); } .pisc-grc-page .footer__links { list-style: none; display: flex; flex-direction: column; gap: var(--space-3); } .pisc-grc-page .footer__links a { font-size: var(--text-sm); color: var(--color-text-muted); text-decoration: none; } .pisc-grc-page .footer__links a:hover { color: var(--color-text); } .pisc-grc-page .footer__bottom { display: flex; justify-content: space-between; align-items: center; padding-top: var(--space-8); gap: var(--space-4); flex-wrap: wrap; } .pisc-grc-page .footer__copy { font-size: var(--text-xs); color: var(--color-text-faint); } .pisc-grc-page .footer__legal { display: flex; gap: var(--space-6); list-style: none; } .pisc-grc-page .footer__legal a { font-size: var(--text-xs); color: var(--color-text-faint); text-decoration: none; } .pisc-grc-page .footer__legal a:hover { color: var(--color-text-muted); } @media (max-width: 900px) { .pisc-grc-page .footer__top { grid-template-columns: 1fr 1fr; } } @media (max-width: 480px) { .pisc-grc-page .footer__top { grid-template-columns: 1fr; } .pisc-grc-page .footer__bottom { flex-direction: column; align-items: flex-start; } } .pisc-grc-page .gold-divider { height: 3px; background: linear-gradient(90deg, var(--color-accent) 0%, transparent 100%); width: 60px; margin-bottom: var(--space-6); } .pisc-grc-page .reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; } .pisc-grc-page .reveal.visible { opacity: 1; transform: none; } .pisc-grc-page .elementor-widget-heading.hero__title .elementor-heading-title, .pisc-grc-page .elementor-widget-heading.section-title .elementor-heading-title, .pisc-grc-page .elementor-widget-heading.process__step-title .elementor-heading-title, .pisc-grc-page .elementor-widget-heading.service-card__title .elementor-heading-title, .pisc-grc-page .elementor-widget-heading.domain-card__title .elementor-heading-title, .pisc-grc-page .elementor-widget-heading.cta-banner__title .elementor-heading-title, .pisc-grc-page .elementor-widget-heading.apply__form-title .elementor-heading-title { font-family: var(--font-display); margin: 0; } .pisc-grc-page .elementor-widget-heading.hero__title .elementor-heading-title { font-size: var(--text-3xl); font-weight: 800; color: var(--color-text-inverse); line-height: 1.1; letter-spacing: -0.02em; } .pisc-grc-page .elementor-widget-heading.hero__title em { font-style: normal; color: var(--color-accent); } .pisc-grc-page .elementor-widget-heading.section-title .elementor-heading-title { font-size: var(--text-2xl); font-weight: 800; line-height: 1.1; color: var(--color-text); } .pisc-grc-page .elementor-widget-text-editor.hero__desc p, .pisc-grc-page .elementor-widget-text-editor .hero__desc { font-size: var(--text-base); color: oklch(from var(--color-text-inverse) l c h / 0.72); line-height: 1.7; margin-bottom: var(--space-10); max-width: 50ch; } .pisc-grc-page .elementor-widget-button.btn-primary .elementor-button, .pisc-grc-page .elementor-widget-button.btn-accent .elementor-button, .pisc-grc-page .elementor-widget-button.service-card__cta .elementor-button { background: var(--color-accent); color: var(--color-primary); border: none; border-radius: var(--radius-md); font-weight: 700; font-size: var(--text-sm); padding: var(--space-4) var(--space-6); } .pisc-grc-page .elementor-widget-button.btn-primary .elementor-button { background: var(--color-accent); } .pisc-grc-page .elementor-widget-button.btn-ghost .elementor-button { background: transparent; color: var(--color-text-inverse); border: 1px solid oklch(1 0 0 / 0.25); border-radius: var(--radius-md); font-weight: 600; padding: var(--space-4) var(--space-6); } .pisc-grc-page .elementor-widget-button.btn-ghost .elementor-button:hover { background: oklch(1 0 0 / 0.15); } .pisc-grc-page .hero__actions.elementor-element { display: flex; flex-wrap: wrap; gap: var(--space-4); } .pisc-grc-page .e-con.hero__inner { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(var(--space-12), 6vw, var(--space-24)); align-items: center; max-width: var(--content-wide); margin-inline: auto; padding-inline: clamp(var(--space-4), 4vw, var(--space-12)); } .pisc-grc-page .e-con.services-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6); } .pisc-grc-page .e-con.why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(var(--space-12), 6vw, var(--space-24)); align-items: start; } .pisc-grc-page .e-con.domains-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(220px, 100%), 1fr)); gap: var(--space-4); } .pisc-grc-page .elementor-widget-heading.section-eyebrow .elementor-heading-title, .pisc-grc-page .elementor-widget-heading.section-eyebrow--light .elementor-heading-title, .pisc-grc-page .elementor-widget-text-editor .section-eyebrow, .pisc-grc-page .elementor-widget-text-editor span.section-eyebrow { display: inline-block; font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-accent); margin-bottom: var(--space-4); } .pisc-grc-page .elementor-widget-heading.hero__stats-label .elementor-heading-title { font-size: var(--text-xs); font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-accent); margin-bottom: var(--space-6); } .pisc-grc-page .hero__stats-intro { font-size: var(--text-xs); color: oklch(from var(--color-text-inverse) l c h / 0.55); margin-bottom: var(--space-4); letter-spacing: 0.03em; } .pisc-grc-page .elementor-widget-progress.hero__stat-progress { margin-bottom: var(--space-3); } .pisc-grc-page .elementor-widget-progress.hero__stat-progress .elementor-title { font-size: var(--text-xs); color: oklch(from var(--color-text-inverse) l c h / 0.65); margin-bottom: var(--space-2); } .pisc-grc-page .elementor-widget-progress.hero__stat-progress .elementor-progress-wrapper { background: oklch(1 0 0 / 0.1); border-radius: var(--radius-full); } .pisc-grc-page .elementor-widget-progress.hero__stat-progress .elementor-progress-bar { background: var(--color-accent); border-radius: var(--radius-full); } .pisc-grc-page .elementor-widget-progress.hero__stat-progress .elementor-progress-percentage { font-size: var(--text-xs); font-weight: 700; color: var(--color-accent); } .pisc-grc-page .process__tabs-widget .e-n-tabs-heading { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-bottom: var(--space-10); border-bottom: 1px solid var(--color-divider); } .pisc-grc-page .process__tabs-widget .e-n-tab-title { padding: var(--space-3) var(--space-6); font-size: var(--text-sm); font-weight: 600; border: 1px solid var(--color-border); border-radius: var(--radius-md) var(--radius-md) 0 0; background: var(--color-surface-2); color: var(--color-text-muted); cursor: pointer; } .pisc-grc-page .process__tabs-widget .e-n-tab-title[aria-selected="true"] { background: var(--color-primary); color: var(--color-text-inverse); border-color: var(--color-primary); } .pisc-grc-page .process__step-num-box .elementor-icon-box-icon { display: none; } .pisc-grc-page .process__step-num-box .elementor-icon-box-content { margin: 0; } .pisc-grc-page .process__step-num-box .elementor-icon-box-title { width: 48px; height: 48px; border-radius: 50%; background: var(--color-primary); color: var(--color-text-inverse); display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-weight: 800; font-size: var(--text-sm); line-height: 1; margin: 0; } .pisc-grc-page .elementor-widget-text-editor .section-subtitle p, .pisc-grc-page .elementor-widget-text-editor p.section-subtitle { font-size: var(--text-base); color: var(--color-text-muted); max-width: 56ch; margin-bottom: clamp(var(--space-10), 4vw, var(--space-16)); } .pisc-grc-page .elementor-widget-divider.gold-divider .elementor-divider-separator { width: 60px; height: 3px; border: none; border-radius: 0; margin-block: var(--space-6); background: linear-gradient(90deg, var(--color-accent) 0%, transparent 100%); } .pisc-grc-page .elementor-widget-text-editor blockquote.why__pull, .pisc-grc-page blockquote.why__pull { font-family: var(--font-display); font-size: var(--text-xl); font-weight: 700; color: var(--color-primary); line-height: 1.3; padding: var(--space-8); margin: 0; border: none; border-left: 3px solid var(--color-accent); background: var(--color-surface-2); border-radius: 0 var(--radius-lg) var(--radius-lg) 0; box-shadow: var(--shadow-sm); } .pisc-grc-page .elementor-widget-text-editor blockquote.why__pull em, .pisc-grc-page blockquote.why__pull em { display: block; font-size: var(--text-sm); font-family: var(--font-body); font-style: normal; color: var(--color-text-muted); font-weight: 500; margin-top: var(--space-3); } .pisc-grc-page .e-con.process__steps { display: flex; flex-direction: column; gap: 0; width: 100%; } .pisc-grc-page .e-con.process__step { display: grid !important; grid-template-columns: 48px 1fr; gap: var(--space-6); align-items: stretch; width: 100%; --flex-direction: initial; --display: grid; } .pisc-grc-page .e-con.process__step-left { display: flex !important; flex-direction: column !important; align-items: center !important; align-self: stretch !important; width: 48px !important; min-width: 48px; max-width: 48px; flex-wrap: nowrap !important; gap: 0; min-height: 100%; position: relative; --width: 48px; } .pisc-grc-page .process__step-left > .elementor-element { flex: 1 1 auto; align-self: stretch; width: 100%; min-height: 100%; display: flex; flex-direction: column; } .pisc-grc-page .process__step-left > .elementor-widget-text-editor, .pisc-grc-page .process__step-left .elementor-widget-text-editor { width: 100%; height: 100%; flex: 1 1 auto; margin-bottom: 0; } .pisc-grc-page .process__step-left .elementor-widget-text-editor .elementor-widget-container { display: flex; flex-direction: column; align-items: center; width: 100%; min-height: 100%; flex: 1 1 auto; height: 100%; } .pisc-grc-page .process__step-num, .pisc-grc-page .elementor-widget-text-editor .process__step-num { width: 48px; height: 48px; border-radius: 50%; background: var(--color-primary); color: var(--color-text-inverse); display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-weight: 800; font-size: var(--text-sm); line-height: 1; flex-shrink: 0; margin: 0; } .pisc-grc-page .process__step-line, .pisc-grc-page .elementor-widget-text-editor .process__step-line { display: none !important; } .pisc-grc-page .e-con.process__step:not(:last-child) .e-con.process__step-left::after { content: ''; position: absolute; left: 50%; top: calc(48px + var(--space-2)); bottom: 0; width: 2px; transform: translateX(-50%); background: color-mix(in srgb, var(--pisc-secondary, var(--pisc-color-4)) 55%, var(--color-divider)); pointer-events: none; z-index: 0; } .pisc-grc-page .e-con.process__step-left .process__step-num { position: relative; z-index: 1; } .pisc-grc-page .e-con.process__step:last-child .process__step-line, .pisc-grc-page .process__step:last-child .process__step-line { display: none; } .pisc-grc-page .e-con.process__step:last-child .e-con.process__step-left::after { display: none; } .pisc-grc-page .e-con.process__step-body { align-self: start; width: 100%; } .pisc-grc-page .elementor-widget-heading.process__step-title .elementor-heading-title { padding-top: var(--space-2); font-size: var(--text-lg); font-weight: 700; color: var(--color-text); } .pisc-grc-page .elementor-widget-text-editor .process__step-desc, .pisc-grc-page .elementor-widget-text-editor p.process__step-desc { font-size: var(--text-base); color: var(--color-text-muted); line-height: 1.7; max-width: 60ch; margin: 0 0 var(--space-2); } .pisc-grc-page .e-con.process__step-body .elementor-widget-text-editor:last-child p { margin-bottom: 0; } .pisc-grc-page .e-con.process__step > .e-con.process__step-body { padding-bottom: var(--space-10); } .pisc-grc-page .e-con.process__step:last-child > .e-con.process__step-body { padding-bottom: 0; } .pisc-grc-page .elementor-widget-icon-list.service-card__list ul { list-style: none; padding: 0; margin: 0; } .pisc-grc-page .elementor-widget-icon-list.service-card__list .elementor-icon-list-item { display: flex; align-items: flex-start; gap: var(--space-3); font-size: var(--text-sm); color: var(--color-text-muted); margin-bottom: var(--space-3); } .pisc-grc-page .section.section--dark .elementor-widget-heading.section-title .elementor-heading-title { color: var(--color-text-inverse); } .pisc-grc-page .section.section--dark .elementor-widget-text-editor p { color: oklch(from var(--color-text-inverse) l c h / 0.72); line-height: 1.8; } .pisc-grc-page .apply__form .mf-grc-register .metform-form, .pisc-grc-page .apply__form .mf-form-shortcode .metform-form { display: grid; gap: var(--space-5); } .pisc-grc-page .apply__form .mf-input-wrapper label, .pisc-grc-page .apply__form .mf-input-label { font-size: var(--text-sm); font-weight: 600; color: var(--color-text); margin-bottom: var(--space-2); display: block; } .pisc-grc-page .apply__form .mf-input-wrapper input, .pisc-grc-page .apply__form .mf-input-wrapper select, .pisc-grc-page .apply__form .mf-input-wrapper textarea { width: 100%; padding: var(--space-3) var(--space-4); background: var(--color-bg); border: 1px solid var(--color-border); border-radius: var(--radius-md); font-size: var(--text-sm); color: var(--color-text); } .pisc-grc-page .apply__form .mf-input-wrapper input:focus, .pisc-grc-page .apply__form .mf-input-wrapper select:focus, .pisc-grc-page .apply__form .mf-input-wrapper textarea:focus { outline: none; border-color: var(--color-primary); box-shadow: 0 0 0 3px oklch(from var(--color-primary) l c h / 0.12); } .pisc-grc-page .apply__form .mf-btn, .pisc-grc-page .apply__form .metform-btn { width: 100%; margin-top: var(--space-4); background: var(--color-primary); color: var(--color-text-inverse); border-radius: var(--radius-md); font-weight: 700; font-size: var(--text-sm); padding: var(--space-4); border: none; } .pisc-grc-page .apply__form .mf-btn:hover, .pisc-grc-page .apply__form .metform-btn:hover { background: var(--color-primary-hover); } @media (max-width: 768px) { .pisc-grc-page .e-con.hero__inner, .pisc-grc-page .e-con.services-grid, .pisc-grc-page .e-con.why-grid { grid-template-columns: 1fr; } } body.page-id-3608 #site-breadcumb,body.pisc-grc-recruitment-page #site-breadcumb{display:none} body.page-id-3608 .site-content,body.page-id-3608 #content,body.page-id-3608 .entry-content{max-width:100%;padding:0;margin:0}/* End custom CSS */