/* Auto-generated native Elementor selector compatibility. */ /* breadcrumb-consistency.css */ /* Auto-generated from breadcrumb-consistency.css. */ :where(body.page-v2.sf-native-elementor-page) .inner-page .inner-breadcrumb, :where(body.page-v2.sf-native-elementor-page) .inner-page .why-breadcrumb{ box-sizing: border-box; display: inline-flex !important; align-items: center; justify-content: flex-start !important; flex-wrap: wrap; gap: 8px; width: max-content !important; max-width: 100%; min-height: 30px !important; margin: 0 0 18px !important; padding: 7px 11px !important; border: 1px solid rgba(207, 215, 226, .92); border-radius: 999px !important; color: #657184; background: rgba(255, 255, 255, .88); font-size: 11px !important; font-weight: 650; line-height: 1; letter-spacing: .08px; box-shadow: 0 5px 16px rgba(12, 31, 69, .05); backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); --display:inline-flex !important;display:inline-flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:8px !important;gap:8px !important;--align-items:center !important;align-items:center !important;--justify-content:flex-start !important;justify-content:flex-start !important;--flex-wrap:wrap !important;flex-wrap:wrap !important;} :where(body.page-v2.sf-native-elementor-page) .inner-page .inner-breadcrumb a, .inner-page .inner-breadcrumb .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .inner-page .inner-breadcrumb .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .inner-page .why-breadcrumb a, .inner-page .why-breadcrumb .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .inner-page .why-breadcrumb .sf-native-tag-a{ color: #000; font-weight: 800; text-decoration: none; } :where(body.page-v2.sf-native-elementor-page) .inner-page .inner-breadcrumb > span, .inner-page .inner-breadcrumb > .elementor-widget-sf-atomic-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .inner-page .inner-breadcrumb > .elementor-widget-sf-atomic-text > .elementor-widget-container > span, .inner-page .inner-breadcrumb > .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .inner-page .inner-breadcrumb > .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .inner-page .why-breadcrumb > span, .inner-page .why-breadcrumb > .elementor-widget-sf-atomic-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .inner-page .why-breadcrumb > .elementor-widget-sf-atomic-text > .elementor-widget-container > span, .inner-page .why-breadcrumb > .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .inner-page .why-breadcrumb > .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span{ color: #657184; font-weight: 650; } :where(body.page-v2.sf-native-elementor-page) .inner-page .inner-breadcrumb > span:nth-of-type(odd), .inner-page .inner-breadcrumb > .elementor-widget-sf-atomic-text:nth-child(odd) > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .inner-page .inner-breadcrumb > .elementor-widget-sf-atomic-text:nth-child(odd) > .elementor-widget-container > span, .inner-page .inner-breadcrumb > .elementor-widget-sf-atomic-rich-text:nth-child(odd) > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .inner-page .inner-breadcrumb > .elementor-widget-sf-atomic-rich-text:nth-child(odd) > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .inner-page .why-breadcrumb > span:nth-of-type(odd), .inner-page .why-breadcrumb > .elementor-widget-sf-atomic-text:nth-child(odd) > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .inner-page .why-breadcrumb > .elementor-widget-sf-atomic-text:nth-child(odd) > .elementor-widget-container > span, .inner-page .why-breadcrumb > .elementor-widget-sf-atomic-rich-text:nth-child(odd) > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .inner-page .why-breadcrumb > .elementor-widget-sf-atomic-rich-text:nth-child(odd) > .elementor-widget-container > span{ color: #ed1c24; font-weight: 850; } @media (max-width: 680px){ :where(body.page-v2.sf-native-elementor-page) .inner-page .inner-breadcrumb, :where(body.page-v2.sf-native-elementor-page) .inner-page .why-breadcrumb{ min-height: 29px !important; margin-bottom: 16px !important; padding: 7px 10px !important; font-size: 10px !important; } } /* contact-page.css */ /* Auto-generated from contact-page.css. */ :where(body.page-v2.sf-native-elementor-page) .contact-page{ --contact-red:#ed1c24; --contact-navy:#000; --contact-copy:#596778; } :where(body.page-v2.sf-native-elementor-page) .contact-hero{ position:relative; display:grid; grid-template-columns:minmax(420px,.9fr) minmax(520px,1.1fr); align-items:center; min-height:570px; padding:72px max(28px,calc((100vw - 1320px)/2 + 40px)) 60px; overflow:hidden; background:linear-gradient(132deg,#fff 0 55%,#f5f7fa 55% 100%); --display:grid !important;display:grid !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .contact-hero::before{ content:"CONTACT"; position:absolute; left:-8px; bottom:-34px; color:#f5f6f8; font-size:clamp(105px,16vw,230px); font-weight:900; letter-spacing:-11px; pointer-events:none; } :where(body.page-v2.sf-native-elementor-page) .contact-hero-copy{ position:relative; z-index:2; max-width:650px; } :where(body.page-v2.sf-native-elementor-page) .contact-hero .inner-breadcrumb{ margin-bottom:34px; color:#778397; } :where(body.page-v2.sf-native-elementor-page) .contact-hero .inner-breadcrumb a, .contact-hero .inner-breadcrumb .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .contact-hero .inner-breadcrumb .sf-native-tag-a{ color:var(--contact-navy); } :where(body.page-v2.sf-native-elementor-page) .contact-hero h1{ margin:0; color:var(--contact-navy); font-size:clamp(42px,4.6vw,60px); line-height:1.05; letter-spacing:-1.6px; } :where(body.page-v2.sf-native-elementor-page) .contact-hero-copy > p:last-of-type, .contact-hero-copy > .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .contact-hero-copy > .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, .contact-hero-copy > .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .contact-hero-copy > .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p{ max-width:610px; margin:23px 0 0; color:var(--contact-copy); font-size:16px; line-height:1.75; } :where(body.page-v2.sf-native-elementor-page) .contact-hero-actions{ display:flex; flex-wrap:wrap; gap:11px; margin-top:30px; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:11px !important;gap:11px !important;--flex-wrap:wrap !important;flex-wrap:wrap !important;} :where(body.page-v2.sf-native-elementor-page) .contact-hero-actions a, .contact-hero-actions .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .contact-hero-actions .sf-native-tag-a{ display:inline-flex; align-items:center; gap:13px; min-height:49px; padding:0 20px; border:1px solid var(--contact-red); border-radius:5px; font-size:12px; font-weight:820; transition:transform .25s ease,background .25s ease,color .25s ease; --display:inline-flex !important;display:inline-flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:13px !important;gap:13px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .contact-primary{ color:#fff; background:var(--contact-red); } :where(body.page-v2.sf-native-elementor-page) .contact-secondary{ color:var(--contact-red); background:#fff; } :where(body.page-v2.sf-native-elementor-page) .contact-hero-actions a:hover, .contact-hero-actions .sf-native-tag-a:hover, :where(body.page-v2.sf-native-elementor-page) .contact-hero-actions .sf-native-tag-a:hover{ transform:translateY(-3px); } :where(body.page-v2.sf-native-elementor-page) .contact-primary:hover{ color:#fff; background:#c9141b; } :where(body.page-v2.sf-native-elementor-page) .contact-secondary:hover{ color:#fff; background:var(--contact-red); } :where(body.page-v2.sf-native-elementor-page) .contact-hero-visual{ position:relative; z-index:1; width:118%; margin-left:-8%; } :where(body.page-v2.sf-native-elementor-page) .contact-hero-visual img{ display:block; width:100%; height:auto; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .contact-methods{ position:relative; z-index:4; display:grid; grid-template-columns:repeat(4,1fr); width:min(1240px,calc(100% - 56px)); margin:-30px auto 0; border:1px solid #e0e5ec; border-radius:11px; background:#fff; box-shadow:0 14px 35px rgba(12,31,69,.07); --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .contact-method-card{ position:relative; display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:14px; align-items:center; min-height:112px; padding:24px 22px; border-right:1px solid #e1e6ec; color:inherit; transition:background .25s ease,transform .3s ease; --display:grid !important;display:grid !important;--gap:14px !important;gap:14px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .contact-method-card:first-child{ border-radius:10px 0 0 10px; } :where(body.page-v2.sf-native-elementor-page) .contact-method-card:last-child{ border:0; border-radius:0 10px 10px 0; } :where(body.page-v2.sf-native-elementor-page) a.contact-method-card:hover, .sf-native-tag-a.contact-method-card:hover, :where(body.page-v2.sf-native-elementor-page) .sf-native-tag-a.contact-method-card:hover{ z-index:2; transform:translateY(-6px); background:#fff8f8; } :where(body.page-v2.sf-native-elementor-page) .contact-method-card i{ display:grid; place-items:center; width:42px; height:42px; border-radius:11px; color:var(--contact-red); background:#fff0f1; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .contact-method-card svg{ width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; } :where(body.page-v2.sf-native-elementor-page) .contact-method-card span{ display:block; margin-bottom:6px; color:#7b8593; text-transform:uppercase; letter-spacing:.65px; font-size:9px; font-weight:850; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .contact-method-card strong{ display:block; overflow-wrap:anywhere; color:var(--contact-navy); font-size:12px; line-height:1.45; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .contact-method-card > b{ color:var(--contact-red); font-size:16px; } :where(body.page-v2.sf-native-elementor-page) .contact-enquiry{ padding:105px 0; background:#fff; } :where(body.page-v2.sf-native-elementor-page) .contact-enquiry-layout{ display:grid; grid-template-columns:minmax(300px,.72fr) minmax(540px,1.28fr); gap:85px; align-items:start; --display:grid !important;display:grid !important;--gap:85px !important;gap:85px !important;--align-items:start !important;align-items:start !important;} :where(body.page-v2.sf-native-elementor-page) .contact-intro{ position:sticky; top:120px; } :where(body.page-v2.sf-native-elementor-page) .contact-intro h2, :where(body.page-v2.sf-native-elementor-page) .contact-locations h2, :where(body.page-v2.sf-native-elementor-page) .contact-final-cta h2{ margin:0; color:var(--contact-navy); font-size:clamp(35px,4vw,50px); line-height:1.08; letter-spacing:-1.5px; } :where(body.page-v2.sf-native-elementor-page) .contact-intro > p:not(.inner-red-label), .contact-intro > .elementor-widget-sf-atomic-text > .elementor-widget-container > p:not(.inner-red-label), :where(body.page-v2.sf-native-elementor-page) .contact-intro > .elementor-widget-sf-atomic-text > .elementor-widget-container > p:not(.inner-red-label), .contact-intro > .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p:not(.inner-red-label), :where(body.page-v2.sf-native-elementor-page) .contact-intro > .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p:not(.inner-red-label){ max-width:520px; margin:20px 0 0; color:var(--contact-copy); font-size:15px; line-height:1.8; } :where(body.page-v2.sf-native-elementor-page) .contact-response-note{ margin-top:34px; padding:21px 0 0 22px; border-top:1px solid #dfe4ea; border-left:3px solid var(--contact-red); } :where(body.page-v2.sf-native-elementor-page) .contact-response-note strong{ display:block; color:var(--contact-navy); font-size:13px; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .contact-response-note span{ display:block; margin-top:7px; color:#6a7586; font-size:12px; line-height:1.65; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .contact-form-panel{ padding:36px; border:1px solid #dfe4ea; border-radius:12px; background:#f8fafc; } :where(body.page-v2.sf-native-elementor-page) .contact-form{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 18px; --display:grid !important;display:grid !important;--gap:22px 18px !important;gap:22px 18px !important;} :where(body.page-v2.sf-native-elementor-page) .contact-form label, .contact-form .sf-native-tag-label, :where(body.page-v2.sf-native-elementor-page) .contact-form .sf-native-tag-label{ display:block; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .contact-form .full{ grid-column:1/-1; } :where(body.page-v2.sf-native-elementor-page) .contact-form label > span, .contact-form .sf-native-tag-label > .elementor-widget-sf-atomic-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .contact-form .sf-native-tag-label > .elementor-widget-sf-atomic-text > .elementor-widget-container > span, .contact-form .sf-native-tag-label > .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .contact-form .sf-native-tag-label > .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span{ display:block; margin-bottom:8px; color:var(--contact-navy); font-size:11px; font-weight:780; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .contact-form input, :where(body.page-v2.sf-native-elementor-page) .contact-form select, :where(body.page-v2.sf-native-elementor-page) .contact-form textarea{ width:100%; border:1px solid #d8dee7; border-radius:6px; outline:0; color:var(--contact-navy); background:#fff; font:inherit; font-size:13px; transition:border-color .2s ease,box-shadow .2s ease; } :where(body.page-v2.sf-native-elementor-page) .contact-form input, :where(body.page-v2.sf-native-elementor-page) .contact-form select{ height:49px; padding:0 14px; } :where(body.page-v2.sf-native-elementor-page) .contact-form textarea{ resize:vertical; min-height:130px; padding:13px 14px; line-height:1.6; } :where(body.page-v2.sf-native-elementor-page) .contact-form input:focus, :where(body.page-v2.sf-native-elementor-page) .contact-form select:focus, :where(body.page-v2.sf-native-elementor-page) .contact-form textarea:focus{ border-color:#ed767b; box-shadow:0 0 0 3px rgba(237,28,36,.08); } :where(body.page-v2.sf-native-elementor-page) .contact-form-submit{ display:flex; align-items:center; gap:18px; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:18px !important;gap:18px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .contact-form-submit button, .contact-form-submit .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .contact-form-submit .sf-native-tag-button{ display:inline-flex; align-items:center; justify-content:center; gap:13px; min-height:50px; padding:0 22px; border:0; border-radius:5px; color:#fff; background:var(--contact-red); font:inherit; font-size:12px; font-weight:830; cursor:pointer; transition:transform .25s ease,background .25s ease; --display:inline-flex !important;display:inline-flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:13px !important;gap:13px !important;--align-items:center !important;align-items:center !important;--justify-content:center !important;justify-content:center !important;} :where(body.page-v2.sf-native-elementor-page) .contact-form-submit button:hover, .contact-form-submit .sf-native-tag-button:hover, :where(body.page-v2.sf-native-elementor-page) .contact-form-submit .sf-native-tag-button:hover{ transform:translateY(-3px); background:#c9141b; } :where(body.page-v2.sf-native-elementor-page) .contact-form-submit small{ color:#7c8694; font-size:10px; line-height:1.5; } :where(body.page-v2.sf-native-elementor-page) .contact-locations{ padding:94px 0 105px; background:#f6f8fb; } :where(body.page-v2.sf-native-elementor-page) .contact-locations .section-heading{ max-width:780px; margin-bottom:45px; } :where(body.page-v2.sf-native-elementor-page) .contact-locations .section-heading > p:last-child, .contact-locations .section-heading > .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .contact-locations .section-heading > .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, .contact-locations .section-heading > .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .contact-locations .section-heading > .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p{ max-width:700px; margin-top:16px; color:var(--contact-copy); font-size:14px; line-height:1.75; } :where(body.page-v2.sf-native-elementor-page) .contact-location-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:22px; --display:grid !important;display:grid !important;--gap:22px !important;gap:22px !important;} :where(body.page-v2.sf-native-elementor-page) .contact-location-card{ position:relative; min-height:365px; padding:38px; overflow:hidden; border:1px solid #dde3eb; border-radius:12px; background:#fff; transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s ease; } :where(body.page-v2.sf-native-elementor-page) .contact-location-card::before{ content:""; position:absolute; left:0; top:0; width:100%; height:4px; background:var(--contact-red); transform:scaleX(.18); transform-origin:left; transition:transform .35s ease; } :where(body.page-v2.sf-native-elementor-page) .contact-location-card:hover{ transform:translateY(-8px); border-color:#efb3b6; } :where(body.page-v2.sf-native-elementor-page) .contact-location-card:hover::before{ transform:scaleX(1); } :where(body.page-v2.sf-native-elementor-page) .contact-location-card > span, .contact-location-card > .elementor-widget-sf-atomic-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .contact-location-card > .elementor-widget-sf-atomic-text > .elementor-widget-container > span, .contact-location-card > .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .contact-location-card > .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span{ color:var(--contact-red); text-transform:uppercase; letter-spacing:.7px; font-size:10px; font-weight:850; } :where(body.page-v2.sf-native-elementor-page) .contact-location-card h3{ max-width:470px; margin:16px 0 0; color:var(--contact-navy); font-size:28px; line-height:1.2; } :where(body.page-v2.sf-native-elementor-page) .contact-location-card p{ max-width:580px; margin:15px 0 0; color:var(--contact-copy); font-size:13px; line-height:1.7; } :where(body.page-v2.sf-native-elementor-page) .contact-location-card ul, .contact-location-card .sf-native-tag-ul, :where(body.page-v2.sf-native-elementor-page) .contact-location-card .sf-native-tag-ul{ display:flex; flex-wrap:wrap; gap:8px; margin:24px 0; padding:0; list-style:none; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:8px !important;gap:8px !important;--flex-wrap:wrap !important;flex-wrap:wrap !important;} :where(body.page-v2.sf-native-elementor-page) .contact-location-card li{ padding:7px 10px; border-radius:999px; color:#455570; background:#f1f4f8; font-size:10px; font-weight:760; } :where(body.page-v2.sf-native-elementor-page) .contact-location-card a, .contact-location-card .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .contact-location-card .sf-native-tag-a{ display:inline-flex; align-items:center; gap:10px; color:var(--contact-red); font-size:11px; font-weight:830; --display:inline-flex !important;display:inline-flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:10px !important;gap:10px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .contact-final-cta{ padding:65px 0; border-top:1px solid #e1e6ec; background:#fff; } :where(body.page-v2.sf-native-elementor-page) .contact-final-cta .inner-container{ display:flex; align-items:center; justify-content:space-between; gap:40px; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:40px !important;gap:40px !important;--align-items:center !important;align-items:center !important;--justify-content:space-between !important;justify-content:space-between !important;} :where(body.page-v2.sf-native-elementor-page) .contact-final-cta h2{ font-size:clamp(30px,3vw,42px); } :where(body.page-v2.sf-native-elementor-page) .contact-final-cta span{ display:block; margin-top:11px; color:var(--contact-copy); font-size:14px; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .contact-final-cta a, .contact-final-cta .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .contact-final-cta .sf-native-tag-a{ display:inline-flex; align-items:center; gap:12px; min-height:49px; padding:0 21px; border-radius:5px; color:#fff; background:#20a85a; font-size:12px; font-weight:820; white-space:nowrap; transition:transform .25s ease,background .25s ease; --display:inline-flex !important;display:inline-flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:12px !important;gap:12px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .contact-final-cta a:hover, .contact-final-cta .sf-native-tag-a:hover, :where(body.page-v2.sf-native-elementor-page) .contact-final-cta .sf-native-tag-a:hover{ transform:translateY(-3px); color:#fff; background:#158947; } @media (max-width:1050px){ :where(body.page-v2.sf-native-elementor-page) .contact-hero{ grid-template-columns:1fr; min-height:auto; padding-top:75px; } :where(body.page-v2.sf-native-elementor-page) .contact-hero-visual{ width:100%; margin:25px 0 0; } :where(body.page-v2.sf-native-elementor-page) .contact-methods{ grid-template-columns:repeat(2,1fr); } :where(body.page-v2.sf-native-elementor-page) .contact-method-card:nth-child(2){ border-right:0; } :where(body.page-v2.sf-native-elementor-page) .contact-method-card:nth-child(-n+2){ border-bottom:1px solid #e1e6ec; } :where(body.page-v2.sf-native-elementor-page) .contact-enquiry-layout{ grid-template-columns:1fr; gap:42px; --gap:42px !important;gap:42px !important;} :where(body.page-v2.sf-native-elementor-page) .contact-intro{ position:static; max-width:760px; } } @media (max-width:700px){ :where(body.page-v2.sf-native-elementor-page) .contact-hero{ padding:55px 20px 45px; background:#fff; } :where(body.page-v2.sf-native-elementor-page) .contact-hero h1{ font-size:38px; letter-spacing:-1.4px; } :where(body.page-v2.sf-native-elementor-page) .contact-hero-copy > p:last-of-type, .contact-hero-copy > .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .contact-hero-copy > .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, .contact-hero-copy > .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .contact-hero-copy > .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p{ font-size:14px; } :where(body.page-v2.sf-native-elementor-page) .contact-hero-visual{ width:135%; margin-left:-17%; } :where(body.page-v2.sf-native-elementor-page) .contact-methods{ grid-template-columns:1fr; width:calc(100% - 36px); margin-top:-10px; } :where(body.page-v2.sf-native-elementor-page) .contact-method-card, :where(body.page-v2.sf-native-elementor-page) .contact-method-card:nth-child(2){ min-height:94px; border-right:0; border-bottom:1px solid #e1e6ec; border-radius:0; } :where(body.page-v2.sf-native-elementor-page) .contact-method-card:first-child{ border-radius:10px 10px 0 0; } :where(body.page-v2.sf-native-elementor-page) .contact-method-card:last-child{ border-radius:0 0 10px 10px; } :where(body.page-v2.sf-native-elementor-page) .contact-enquiry{ padding:70px 0; } :where(body.page-v2.sf-native-elementor-page) .contact-form-panel{ padding:24px 18px; } :where(body.page-v2.sf-native-elementor-page) .contact-form{ grid-template-columns:1fr; } :where(body.page-v2.sf-native-elementor-page) .contact-form label, .contact-form .sf-native-tag-label, :where(body.page-v2.sf-native-elementor-page) .contact-form .sf-native-tag-label, :where(body.page-v2.sf-native-elementor-page) .contact-form .full{ grid-column:1; } :where(body.page-v2.sf-native-elementor-page) .contact-form-submit{ align-items:flex-start; flex-direction:column; --flex-direction:column !important;flex-direction:column !important;--align-items:flex-start !important;align-items:flex-start !important;} :where(body.page-v2.sf-native-elementor-page) .contact-location-grid{ grid-template-columns:1fr; } :where(body.page-v2.sf-native-elementor-page) .contact-location-card{ min-height:0; padding:30px 24px; } :where(body.page-v2.sf-native-elementor-page) .contact-final-cta .inner-container{ align-items:flex-start; flex-direction:column; --flex-direction:column !important;flex-direction:column !important;--align-items:flex-start !important;align-items:flex-start !important;} } /* elementor-layout.css */ /* Auto-generated from elementor-layout.css. */ :where(body).page-v2:where(.sf-native-elementor-page){ margin: 0; overflow-x: hidden; } :where(body).page-v2:where(.sf-native-elementor-page) .elementor, :where(body).page-v2:where(.sf-native-elementor-page) .elementor .sf-elementor-top, :where(body).page-v2:where(.sf-native-elementor-page) .elementor .sf-elementor-page, :where(body).page-v2:where(.sf-native-elementor-page) .elementor .sf-elementor-top > .e-con-inner, :where(body).page-v2:where(.sf-native-elementor-page) .elementor .sf-elementor-page > .e-con-inner{ display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; --display:block !important;display:block !important;} :where(body).page-v2:where(.sf-native-elementor-page) .sf-elementor-top > .elementor-element, :where(body).page-v2:where(.sf-native-elementor-page) .sf-elementor-page > .elementor-element, :where(body).page-v2:where(.sf-native-elementor-page) .sf-elementor-top > .e-con-inner > .elementor-element, :where(body).page-v2:where(.sf-native-elementor-page) .sf-elementor-page > .e-con-inner > .elementor-element, :where(body).page-v2:where(.sf-native-elementor-page) .elementor-widget-container{ width: 100% !important; max-width: none !important; margin: 0 !important; } :where(body).page-v2:where(.sf-native-elementor-page).sf-native-elementor-page main.sf-native-tag-main{ padding-top: 80px !important; } :where(body).page-v2:where(.sf-native-elementor-page) .elementor-widget{ margin-bottom: 0; } :where(body).page-v2:where(.sf-native-elementor-page) .elementor-widget-sf-site-footer{ line-height: normal; } :where(body).page-v2:where(.sf-native-elementor-page) .elementor .sf-source-page-container, :where(body).page-v2:where(.sf-native-elementor-page) .elementor .sf-source-page-container > .e-con-inner{ display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; --display:block !important;display:block !important;} :where(body).page-v2:where(.sf-native-elementor-page) .sf-source-page-container > .elementor-element, :where(body).page-v2:where(.sf-native-elementor-page) .sf-source-page-container > .e-con-inner > .elementor-element, :where(body).page-v2:where(.sf-native-elementor-page) .sf-source-page-container .elementor-widget-container{ width: 100% !important; max-width: none !important; margin: 0 !important; } :where(body).page-v2:where(.sf-native-elementor-page) .elementor-widget-sf-journey-line{ position: static; height: 0; } :where(body).page-v2:where(.sf-native-elementor-page) .video-grid video{ display: none; width: 100%; height: 100%; object-fit: cover; --display:none !important;display:none !important;} :where(body).page-v2:where(.sf-native-elementor-page) .video-grid article.video-active > img, body.page-v2 .video-grid article.video-active > .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body).page-v2:where(.sf-native-elementor-page) .video-grid article.video-active > .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body).page-v2:where(.sf-native-elementor-page) .video-grid article.video-active > button, body.page-v2 .video-grid article.video-active > .sf-native-tag-button, :where(body).page-v2:where(.sf-native-elementor-page) .video-grid article.video-active > .sf-native-tag-button, body.page-v2 .video-grid article.video-active > .elementor-widget-sf-atomic-action > .elementor-widget-container > button, :where(body).page-v2:where(.sf-native-elementor-page) .video-grid article.video-active > .elementor-widget-sf-atomic-action > .elementor-widget-container > button{ display: none; --display:none !important;display:none !important;} :where(body).page-v2:where(.sf-native-elementor-page) .video-grid article.video-active video{ display: block; --display:block !important;display:block !important;} @media (max-width: 767px){ :where(body).page-v2:where(.sf-native-elementor-page).sf-native-elementor-page main.sf-native-tag-main{ padding-top: 72px !important; } } :where(body.page-v2.sf-native-elementor-page) .sf-atomic-shell, :where(body.page-v2.sf-native-elementor-page) .elementor-widget-sf-atomic-text, :where(body.page-v2.sf-native-elementor-page) .elementor-widget-sf-atomic-rich-text, :where(body.page-v2.sf-native-elementor-page) .elementor-widget-sf-atomic-action, :where(body.page-v2.sf-native-elementor-page) .elementor-widget-sf-atomic-image, :where(body.page-v2.sf-native-elementor-page) .elementor-widget-sf-atomic-video, :where(body.page-v2.sf-native-elementor-page) .elementor-widget-sf-atomic-svg, :where(body.page-v2.sf-native-elementor-page) .elementor-widget-sf-atomic-field, :where(body.page-v2.sf-native-elementor-page) .sf-atomic-shell > .elementor-widget-container, :where(body.page-v2.sf-native-elementor-page) .elementor-widget-sf-atomic-text > .elementor-widget-container, :where(body.page-v2.sf-native-elementor-page) .elementor-widget-sf-atomic-rich-text > .elementor-widget-container, :where(body.page-v2.sf-native-elementor-page) .elementor-widget-sf-atomic-action > .elementor-widget-container, :where(body.page-v2.sf-native-elementor-page) .elementor-widget-sf-atomic-image > .elementor-widget-container, :where(body.page-v2.sf-native-elementor-page) .elementor-widget-sf-atomic-video > .elementor-widget-container, :where(body.page-v2.sf-native-elementor-page) .elementor-widget-sf-atomic-svg > .elementor-widget-container, :where(body.page-v2.sf-native-elementor-page) .elementor-widget-sf-atomic-field > .elementor-widget-container{ display: contents !important; } :where(body.page-v2.sf-native-elementor-page) :where(.sf-atomic-shell .sf-atomic-text-output, :where(body.page-v2.sf-native-elementor-page) .sf-atomic-shell .sf-atomic-rich-text-output, :where(body.page-v2.sf-native-elementor-page) .sf-atomic-shell .sf-atomic-action-output){ color: inherit; font: inherit; } :where(body.page-v2.sf-native-elementor-page) .sf-atomic-shell .sf-atomic-image-output, :where(body.page-v2.sf-native-elementor-page) .sf-atomic-shell .sf-atomic-video-output{ display: block; max-width: 100%; object-fit: inherit; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .sf-native-container.e-con{ --padding-top: 0; --padding-right: 0; --padding-bottom: 0; --padding-left: 0; min-width: 0; } :where(body.page-v2.sf-native-elementor-page) :where(.sf-native-container.e-con){ --display: block !important; display: block !important; --gap: 0px !important; gap: 0 !important; --display:block !important;display:block !important;--gap:0 !important;gap:0 !important;} :where(body.page-v2.sf-native-elementor-page) .sf-native-container.e-con.e-con-full{ max-width: none; } :where(body.page-v2.sf-native-elementor-page) .sf-atomic-image-output{ max-width: 100%; } :where(body).page-v2:where(.sf-native-elementor-page).sf-native-elementor-page [hidden]{ display: none !important; --display:none !important;display:none !important;} body:where(.page-v2.sf-native-elementor-page).elementor-editor-active.page-v2 .site-header .mega-menu, body:where(.page-v2.sf-native-elementor-page).elementor-editor-preview.page-v2 .site-header .mega-menu{ display: none !important; height: 0 !important; padding: 0 !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; --display:none !important;display:none !important;} body:where(.page-v2.sf-native-elementor-page).elementor-editor-active.page-v2 .site-animate, body:where(.page-v2.sf-native-elementor-page).elementor-editor-preview.page-v2 .site-animate{ opacity: 1 !important; transform: none !important; animation: none !important; } body:where(.page-v2.sf-native-elementor-page).elementor-editor-active.page-v2 [data-achievement-carousel] .achievement-carousel-viewport, body:where(.page-v2.sf-native-elementor-page).elementor-editor-preview.page-v2 [data-achievement-carousel] .achievement-carousel-viewport{ overflow-x: auto !important; overflow-y: hidden !important; } body:where(.page-v2.sf-native-elementor-page).elementor-editor-active.page-v2 [data-achievement-carousel] .achievement-gallery, body:where(.page-v2.sf-native-elementor-page).elementor-editor-preview.page-v2 [data-achievement-carousel] .achievement-gallery{ display: flex !important; flex-wrap: nowrap !important; gap: var(--achievement-gap, 18px) !important; width: 100% !important; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:var(--achievement-gap, 18px) !important;gap:var(--achievement-gap, 18px) !important;--flex-wrap:nowrap !important;flex-wrap:nowrap !important;} body:where(.page-v2.sf-native-elementor-page).elementor-editor-active.page-v2 [data-achievement-carousel] .achievement-gallery article, body:where(.page-v2.sf-native-elementor-page).elementor-editor-preview.page-v2 [data-achievement-carousel] .achievement-gallery article{ flex: 0 0 calc((100% - (3 * var(--achievement-gap, 18px))) / 4) !important; } /* hero-consistency.css */ /* Auto-generated from hero-consistency.css. */ body:where(.page-v2.sf-native-elementor-page).inner-page{ --inner-hero-min-height: 560px; --inner-hero-gutter: max(28px, calc((100vw - 1320px) / 2 + 40px)); --inner-hero-panel-width: min(680px, 52vw); --inner-hero-panel-bg: rgba(255, 255, 255, .95); --inner-hero-border: #dfe5ed; --inner-hero-shadow: 0 22px 55px rgba(12, 31, 69, .10); } body:where(.page-v2.sf-native-elementor-page).inner-page .inner-hero{ min-height: var(--inner-hero-min-height); padding: 72px var(--inner-hero-gutter) 64px; align-items: center; --align-items:center !important;align-items:center !important;} body:where(.page-v2.sf-native-elementor-page).inner-page .inner-hero-content, body:where(.page-v2.sf-native-elementor-page).inner-page .contact-hero-copy, body:where(.page-v2.sf-native-elementor-page).inner-page .services-hero-copy{ position: relative; z-index: 4; box-sizing: border-box; width: var(--inner-hero-panel-width); max-width: 680px; padding: clamp(30px, 3vw, 40px); border: 1px solid var(--inner-hero-border); border-radius: 12px; background: var(--inner-hero-panel-bg); box-shadow: var(--inner-hero-shadow); text-align: left; } body:where(.page-v2.sf-native-elementor-page).inner-page .inner-hero h1, body:where(.page-v2.sf-native-elementor-page).inner-page .contact-hero h1, body:where(.page-v2.sf-native-elementor-page).inner-page .services-overview-hero h1{ max-width: 650px; margin: 0; color: #000; font-size: clamp(42px, 4vw, 56px); line-height: 1.04; letter-spacing: -1.6px; } body:where(.page-v2.sf-native-elementor-page).inner-page .inner-hero-lead, body:where(.page-v2.sf-native-elementor-page).inner-page .contact-hero-copy>p:last-of-type, body.inner-page .contact-hero-copy> .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, body:where(.page-v2.sf-native-elementor-page).inner-page .contact-hero-copy> .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, body.inner-page .contact-hero-copy> .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p, body:where(.page-v2.sf-native-elementor-page).inner-page .contact-hero-copy> .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p, body:where(.page-v2.sf-native-elementor-page).inner-page .services-hero-copy>p:last-of-type, body.inner-page .services-hero-copy> .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, body:where(.page-v2.sf-native-elementor-page).inner-page .services-hero-copy> .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, body.inner-page .services-hero-copy> .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p, body:where(.page-v2.sf-native-elementor-page).inner-page .services-hero-copy> .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p{ max-width: 610px; margin: 18px 0 0; color: #536174; font-size: 15px; line-height: 1.7; } body:where(.page-v2.sf-native-elementor-page).inner-page .inner-hero .inner-breadcrumb, body:where(.page-v2.sf-native-elementor-page).inner-page .contact-hero .inner-breadcrumb, body:where(.page-v2.sf-native-elementor-page).inner-page .services-overview-hero .inner-breadcrumb{ margin: 0 0 28px; } body:where(.page-v2.sf-native-elementor-page).inner-page .inner-hero .inner-kicker, body:where(.page-v2.sf-native-elementor-page).inner-page .contact-hero .inner-kicker, body:where(.page-v2.sf-native-elementor-page).inner-page .services-overview-hero .inner-kicker{ margin: 0 0 12px; } body:where(.page-v2.sf-native-elementor-page)[data-page="services"] .services-overview-hero{ grid-template-columns: minmax(520px, .95fr) minmax(0, 1.05fr); min-height: var(--inner-hero-min-height); padding: 72px var(--inner-hero-gutter) 64px; } body:where(.page-v2.sf-native-elementor-page)[data-page="services"] .services-hero-copy{ width: 100%; max-width: 620px; } body:where(.page-v2.sf-native-elementor-page)[data-page="services"] .services-hero-visual{ width: 108%; margin: 0 0 0 -2%; } body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-hero{ grid-template-columns: minmax(520px, .95fr) minmax(0, 1.05fr); min-height: var(--inner-hero-min-height); padding: 72px var(--inner-hero-gutter) 64px; } body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-hero-copy{ width: 100%; max-width: 620px; } body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-hero-visual{ width: 108%; margin-left: -2%; } body:where(.page-v2.sf-native-elementor-page).governance-page .line-art-governance-hero{ grid-template-columns: minmax(520px, .95fr) minmax(0, 1.05fr); min-height: var(--inner-hero-min-height); padding: 72px var(--inner-hero-gutter) 64px; background: linear-gradient(135deg, #fff 0 54%, #f6f8fb 54% 100%); } body:where(.page-v2.sf-native-elementor-page).governance-page .line-art-governance-hero .inner-hero-content{ width: 100%; max-width: 620px; padding: clamp(30px, 3vw, 40px); border: 1px solid var(--inner-hero-border); border-radius: 12px; background: var(--inner-hero-panel-bg); box-shadow: var(--inner-hero-shadow); } body:where(.page-v2.sf-native-elementor-page).governance-page .line-art-governance-hero .governance-hero-art{ width: 108%; margin-left: -2%; } body:where(.page-v2.sf-native-elementor-page)[data-page="management"] .management-hero{ min-height: var(--inner-hero-min-height); padding: 72px var(--inner-hero-gutter) 64px; } body:where(.page-v2.sf-native-elementor-page)[data-page="management"] .management-hero .inner-hero-content{ width: min(620px, 49vw); max-width: 620px; } body:where(.page-v2.sf-native-elementor-page)[data-page="management"] .management-hero-art{ right: max(18px, calc((100vw - 1320px) / 2)); width: min(690px, 49vw); opacity: .9; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-flight-hero{ min-height: var(--inner-hero-min-height); padding: 72px var(--inner-hero-gutter) 64px; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-flight-hero .inner-hero-content{ width: min(640px, 80vw); max-width: 640px; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-flight-hero h1{ font-size: clamp(42px, 4vw, 56px); } @media (min-width: 1001px){ body:where(.page-v2.sf-native-elementor-page)[data-page="services"] .services-hero-visual, body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-hero-visual, body:where(.page-v2.sf-native-elementor-page).governance-page .line-art-governance-hero .governance-hero-art{ display: flex; align-items: flex-end; height: 330px; overflow: hidden; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--align-items:flex-end !important;align-items:flex-end !important;} body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-hero-visual img, body:where(.page-v2.sf-native-elementor-page).governance-page .line-art-governance-hero .governance-hero-art img{ flex: 0 0 auto; /*width: 120%;*/ max-width: none; height: auto; /*margin-left: -10%;*/ } body:where(.page-v2.sf-native-elementor-page)[data-page="services"] .services-hero-visual img{ flex: 0 0 auto; width: 108%; max-width: none; height: auto; margin-left: -4%; } body:where(.page-v2.sf-native-elementor-page)[data-page="management"] .management-hero-art{ right: max(8px, calc((100vw - 1380px) / 2)); bottom: 24px; width: min(830px, 56vw); max-height: 455px; } } :where(body.page-v2.sf-native-elementor-page) .mega-image-frame{ position: relative; width: 100%; height: 350px; overflow: hidden; border-radius: 18px; } :where(body.page-v2.sf-native-elementor-page) .mega-image-frame>img, .mega-image-frame> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .mega-image-frame> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ border-radius: 0; } :where(body.page-v2.sf-native-elementor-page) .mega-image-frame.line-art-preview{ height: 300px; border: 1px solid #e4e8ee; border-radius: 14px; background: #fff; } :where(body.page-v2.sf-native-elementor-page) .mega-image-frame.line-art-preview>img, .mega-image-frame.line-art-preview> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .mega-image-frame.line-art-preview> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .mega-card img[src$="investor-line-art.png"], :where(body.page-v2.sf-native-elementor-page) .mega-card img[src$="annual-return-line-art.png"], :where(body.page-v2.sf-native-elementor-page) .mega-card img[src$="tariff-line-art.png"], :where(body.page-v2.sf-native-elementor-page) .mega-card img[src$="management-line-art.png"]{ position: absolute; top: -76px; left: 50%; width: auto; min-width: 200%; max-width: none; height: 360px; transform: translateX(-50%); padding: 0; object-fit: initial; border: 0; border-radius: 0; background: #fff; } :where(body.page-v2.sf-native-elementor-page) .mega-image-frame.line-art-preview img.preview-switch{ animation: megaLineArtPreviewSwitch .34s cubic-bezier(.22, 1, .36, 1); } @media (max-width: 1000px){ body:where(.page-v2.sf-native-elementor-page).inner-page{ --inner-hero-panel-width: min(650px, 68%); } body:where(.page-v2.sf-native-elementor-page)[data-page="services"] .services-overview-hero, body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-hero, body:where(.page-v2.sf-native-elementor-page).governance-page .line-art-governance-hero{ grid-template-columns: 1fr; min-height: auto; padding-top: 76px; } body:where(.page-v2.sf-native-elementor-page)[data-page="services"] .services-hero-copy, body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-hero-copy, body:where(.page-v2.sf-native-elementor-page).governance-page .line-art-governance-hero .inner-hero-content{ width: min(650px, 100%); } body:where(.page-v2.sf-native-elementor-page)[data-page="services"] .services-hero-visual, body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-hero-visual, body:where(.page-v2.sf-native-elementor-page).governance-page .line-art-governance-hero .governance-hero-art{ width: min(760px, 100%); margin: 30px auto 0; } } @media (max-width: 680px){ body:where(.page-v2.sf-native-elementor-page).inner-page{ --inner-hero-min-height: 520px; --inner-hero-gutter: 18px; --inner-hero-panel-width: 100%; --inner-hero-shadow: 0 15px 36px rgba(12, 31, 69, .09); } body:where(.page-v2.sf-native-elementor-page).inner-page .inner-hero{ min-height: var(--inner-hero-min-height); padding: 88px 18px 34px; align-items: flex-end; --align-items:flex-end !important;align-items:flex-end !important;} body:where(.page-v2.sf-native-elementor-page).inner-page .inner-hero-content, body:where(.page-v2.sf-native-elementor-page).inner-page .contact-hero-copy, body:where(.page-v2.sf-native-elementor-page).inner-page .services-hero-copy{ width: 100%; max-width: none; padding: 20px; } body:where(.page-v2.sf-native-elementor-page).inner-page .inner-hero h1, body:where(.page-v2.sf-native-elementor-page).inner-page .contact-hero h1, body:where(.page-v2.sf-native-elementor-page).inner-page .services-overview-hero h1, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-flight-hero h1{ font-size: 34px; line-height: 1.08; letter-spacing: -1px; } body:where(.page-v2.sf-native-elementor-page).inner-page .inner-hero-lead, body:where(.page-v2.sf-native-elementor-page).inner-page .contact-hero-copy>p:last-of-type, body.inner-page .contact-hero-copy> .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, body:where(.page-v2.sf-native-elementor-page).inner-page .contact-hero-copy> .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, body.inner-page .contact-hero-copy> .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p, body:where(.page-v2.sf-native-elementor-page).inner-page .contact-hero-copy> .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p, body:where(.page-v2.sf-native-elementor-page).inner-page .services-hero-copy>p:last-of-type, body.inner-page .services-hero-copy> .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, body:where(.page-v2.sf-native-elementor-page).inner-page .services-hero-copy> .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, body.inner-page .services-hero-copy> .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p, body:where(.page-v2.sf-native-elementor-page).inner-page .services-hero-copy> .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p{ font-size: 14px; line-height: 1.6; } body:where(.page-v2.sf-native-elementor-page).inner-page .inner-hero .inner-breadcrumb, body:where(.page-v2.sf-native-elementor-page).inner-page .contact-hero .inner-breadcrumb, body:where(.page-v2.sf-native-elementor-page).inner-page .services-overview-hero .inner-breadcrumb{ margin-bottom: 16px; } body:where(.page-v2.sf-native-elementor-page)[data-page="services"] .services-overview-hero, body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-hero, body:where(.page-v2.sf-native-elementor-page).governance-page .line-art-governance-hero{ min-height: auto; padding: 88px 18px 30px; background: #f6f8fb; } body:where(.page-v2.sf-native-elementor-page)[data-page="services"] .services-hero-copy, body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-hero-copy, body:where(.page-v2.sf-native-elementor-page).governance-page .line-art-governance-hero .inner-hero-content{ width: 100%; max-width: none; } body:where(.page-v2.sf-native-elementor-page)[data-page="services"] .services-hero-visual, body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-hero-visual, body:where(.page-v2.sf-native-elementor-page).governance-page .line-art-governance-hero .governance-hero-art{ width: 118%; height: 170px; margin: 20px 0 0 -9%; overflow: hidden; } body:where(.page-v2.sf-native-elementor-page)[data-page="services"] .services-hero-visual img, body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-hero-visual img, body:where(.page-v2.sf-native-elementor-page).governance-page .line-art-governance-hero .governance-hero-art img{ width: 132%; max-width: none; height: auto; margin-left: -16%; object-fit: initial; } body:where(.page-v2.sf-native-elementor-page)[data-page="management"] .management-hero{ min-height: 540px; padding: 88px 18px 34px; } body:where(.page-v2.sf-native-elementor-page)[data-page="management"] .management-hero .inner-hero-content, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-flight-hero .inner-hero-content{ width: 100%; max-width: none; } body:where(.page-v2.sf-native-elementor-page)[data-page="management"] .management-hero-art{ right: -25%; bottom: 0; width: 132%; opacity: .16; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-flight-hero{ min-height: 560px; padding: 88px 18px 34px; } body:where(.page-v2.sf-native-elementor-page)[data-page="company"] .inner-hero{ min-height: 570px; padding: 132px 20px 34px; } body:where(.page-v2.sf-native-elementor-page)[data-page="company"] .hero-page-badge{ display: none; --display:none !important;display:none !important;} body:where(.page-v2.sf-native-elementor-page)[data-page="kamigumi"] .inner-hero-content{ width: 100%; max-width: none; flex: 1 0 100%; } body:where(.page-v2.sf-native-elementor-page)[data-page="kamigumi"] .hero-partner-mark{ display: none; --display:none !important;display:none !important;} } @media (prefers-reduced-motion: reduce){ body:where(.page-v2.sf-native-elementor-page).inner-page .inner-hero-content, body:where(.page-v2.sf-native-elementor-page).inner-page .contact-hero-copy, body:where(.page-v2.sf-native-elementor-page).inner-page .services-hero-copy{ transition: none; } body:where(.page-v2.sf-native-elementor-page).inner-page .inner-hero h1, body:where(.page-v2.sf-native-elementor-page).inner-page .contact-hero h1, body:where(.page-v2.sf-native-elementor-page).inner-page .services-overview-hero h1, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-flight-hero h1{ font-size: 30px; line-height: 1.08; letter-spacing: -1px; } } /* inner-motion.css */ /* Auto-generated from inner-motion.css. */ :where(body.page-v2.sf-native-elementor-page) .inner-hero, :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero, :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-hero, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-hero, :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .inner-hero{ isolation: isolate; overflow: hidden; color: #000; background: #eef2f6; } :where(body.page-v2.sf-native-elementor-page) .inner-hero::after{ content: ""; position: absolute; z-index: 0; inset: -3%; background: var(--hero-image) center / cover no-repeat; transform: translate3d(var(--hero-x, 0), var(--hero-y, 0), 0) scale(1.045); transition: transform 1.1s cubic-bezier(.2, .7, .2, 1); animation: innerHeroDrift 14s ease-in-out infinite alternate; } :where(body.page-v2.sf-native-elementor-page) .inner-hero-content{ position: relative; z-index: 3; width: min(700px, 62%); padding: clamp(24px, 3vw, 40px); border: 1px solid rgba(255, 255, 255, .82); border-radius: 12px; background: rgba(255, 255, 255, .94); box-shadow: 0 18px 54px rgba(12, 31, 69, .14); backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); } :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero-content, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-hero-content{ width: min(660px, 54%); } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-hero-content{ width: min(820px, calc(100% - 56px)); } :where(body.page-v2.sf-native-elementor-page) .hero-page-badge, :where(body.page-v2.sf-native-elementor-page) .hero-partner-mark{ z-index: 4; } :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-hero::before{ display: none; --display:none !important;display:none !important;} @media (max-width: 1000px){ :where(body.page-v2.sf-native-elementor-page) .inner-hero-content, :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero-content, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-hero-content{ width: min(650px, 68%); } } @media (max-width: 680px){ :where(body.page-v2.sf-native-elementor-page) .inner-hero, :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-hero{ align-items: flex-end; color: #000; background: #eef2f6; --align-items:flex-end !important;align-items:flex-end !important;} :where(body.page-v2.sf-native-elementor-page) .inner-hero-content, :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero-content, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-hero-content, :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-hero-content{ width: 100%; padding: 22px; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); } :where(body.page-v2.sf-native-elementor-page) .inner-hero::after{ inset: -2%; background-position: 62% center; } } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-container{ width: min(1240px, calc(100% - 56px)); } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-section{ padding: 50px 0; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-hero{ min-height: 530px; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-hero-content{ width: min(700px, 62%); } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-story-section::before, :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-people-section::before{ display: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-timeline-section{ overflow: hidden; background: #f7f9fc; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-chapter-head{ display: flex; align-items: end; justify-content: space-between; gap: 24px; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:24px !important;gap:24px !important;--align-items:end !important;align-items:end !important;--justify-content:space-between !important;justify-content:space-between !important;} :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-chapter-head .section-heading{ margin-bottom: 22px; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-era-filter{ position: relative; top: auto; display: flex; flex-wrap: wrap; gap: 8px; overflow: visible; margin: 0 0 44px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:8px !important;gap:8px !important;--flex-wrap:wrap !important;flex-wrap:wrap !important;} :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-era-filter button, [data-page="journey"] .journey-era-filter .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-era-filter .sf-native-tag-button{ min-height: 38px; padding: 8px 14px; border: 1px solid #dfe4ea; border-radius: 5px; background: #fff; font-size: 11px; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-era-filter button span, [data-page="journey"] .journey-era-filter .sf-native-tag-button span, :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-era-filter .sf-native-tag-button span{ display: inline; margin: 0 0 0 5px; font-size: 9px; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-era-filter button.active, [data-page="journey"] .journey-era-filter .sf-native-tag-button.active, :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-era-filter .sf-native-tag-button.active{ border-color: #ed1c24; background: #ed1c24; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-grid{ position: relative; display: grid; grid-template-columns: 1fr 72px 1fr; gap: 22px 0; padding: 8px 0 18px; --display:grid !important;display:grid !important;--gap:22px 0 !important;gap:22px 0 !important;} :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-grid::before, :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-grid::after{ content: ""; position: absolute; z-index: 0; left: 50%; top: 0; bottom: 0; width: 2px; transform: translateX(-50%); } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-grid::before{ background: #dfe4ea; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-grid::after{ bottom: auto; height: var(--journey-progress, 0%); background: #ed1c24; box-shadow: 0 0 14px rgba(237, 28, 36, .22); transition: height .18s linear; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card, :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card.journey-feature{ position: relative; grid-column: 1; width: 100%; min-height: 0; overflow: visible; align-self: start; border: 1px solid #e1e6ec; border-radius: 9px; background: #fff; box-shadow: none; transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card:nth-child(even){ grid-column: 3; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card:nth-child(odd){ grid-column: 1; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card:hover, :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card.is-passed{ transform: translateY(-3px); border-color: rgba(237, 28, 36, .45); box-shadow: 0 12px 28px rgba(12, 31, 69, .08); } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card::before{ content: ""; position: absolute; z-index: 2; top: 29px; right: -44px; width: 14px; height: 14px; border: 5px solid #f7f9fc; border-radius: 50%; background: #cfd6df; box-shadow: 0 0 0 1px #cfd6df; transition: background .3s ease, box-shadow .3s ease, transform .3s ease; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card:nth-child(even)::before{ right: auto; left: -44px; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card.is-passed::before, :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card details[open]+*{ background: #ed1c24; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card.is-passed::before{ background: #ed1c24; box-shadow: 0 0 0 1px #ed1c24, 0 0 0 7px rgba(237, 28, 36, .1); transform: scale(1.08); } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card>i{ display: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card details{ padding: 22px 24px; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card summary span{ margin-bottom: 6px; font-size: 10px; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card summary h3{ font-size: 18px; line-height: 1.3; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card summary h3::after{ top: -4px; width: 28px; height: 28px; border-radius: 50%; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card details p{ margin-top: 12px; font-size: 13px; line-height: 1.65; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card.journey-accent, :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card.journey-final{ color: inherit; background: #fff; border-color: #e1e6ec; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card.journey-final summary span{ color: #ed1c24; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card.journey-final summary h3, :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card.journey-final details p{ color: #000; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card:first-child{ min-height: 0; color: inherit; background: #fff; border: 1px solid #e1e6ec; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card:first-child summary span{ color: #ed1c24; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card:first-child summary h3{ color: #000; font-size: 18px; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card:first-child p{ color: #58667a; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card:first-child summary h3::after{ background: #f2f4f7; color: #ed1c24; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card.journey-feature::after{ content: ""; display: block; width: 100%; height: 190px; border-radius: 0 0 8px 8px; background: var(--milestone-image, url('../generated/inner-pages/journey/foundation-2006.webp')) center / cover no-repeat; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) /* [data-page="journey"] .journey-milestone-card.journey-feature:nth-of-type(6)::after, :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card.journey-feature:nth-of-type(10)::after{ --milestone-image: url('../generated/inner-pages/journey-capability-growth.webp'); } :where(body.page-v2.sf-native-elementor-page) */ [data-page="journey"] .journey-milestone-card.journey-feature:nth-of-type(13)::after{ --milestone-image: url('../generated/inner-pages/journey/digital-yard.webp'); } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card.journey-feature:nth-of-type(17)::after{ --milestone-image: url('../generated/inner-pages/journey/community-people.webp'); } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card.journey-feature:nth-of-type(20)::after{ --milestone-image: url('../generated/inner-pages/journey/responsible-energy.webp'); } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card.journey-final::after{ --milestone-image: url('../generated/inner-pages/journey-evolution.webp'); } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-closing-section{ background: #fff; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-closing .inner-quote{ border-radius: 5px; } @media (max-width: 760px){ :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-container{ width: min(100% - 36px, 1240px); } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-hero{ min-height: 460px; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-hero-content{ width: 100%; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-chapter-head{ align-items: start; flex-direction: column; gap: 0; --flex-direction:column !important;flex-direction:column !important;--gap:0 !important;gap:0 !important;--align-items:start !important;align-items:start !important;} :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-result-count{ margin: -10px 0 18px; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-era-filter{ flex-wrap: nowrap; overflow-x: auto; margin: 0 -4px 34px; padding: 4px; --flex-wrap:nowrap !important;flex-wrap:nowrap !important;} :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-era-filter button, [data-page="journey"] .journey-era-filter .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-era-filter .sf-native-tag-button{ flex: 0 0 auto; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-grid{ grid-template-columns: 34px 1fr; gap: 14px 0; --gap:14px 0 !important;gap:14px 0 !important;} :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-grid::before, :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-grid::after{ left: 8px; transform: none; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card, :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card.journey-feature, :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card:nth-child(even), :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card:nth-child(odd){ grid-column: 2; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card::before, :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card:nth-child(even)::before{ top: 25px; right: auto; left: -33px; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .journey-milestone-card.journey-feature::after{ height: 170px; } } @media (prefers-reduced-motion: reduce){ :where(body.page-v2.sf-native-elementor-page) .inner-hero::after{ animation: none; transform: none; transition: none; } } :where(body.page-v2.sf-native-elementor-page) .inner-section{ padding: 50px 0; } :where(body.page-v2.sf-native-elementor-page) .inner-section .section-heading{ margin-bottom: 26px; } :where(body.page-v2.sf-native-elementor-page) .inner-split{ gap: 40px; --gap:40px !important;gap:40px !important;} :where(body.page-v2.sf-native-elementor-page) .inner-media>img, .inner-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .inner-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ height: 390px; } :where(body.page-v2.sf-native-elementor-page) .inner-logo-panel{ min-height: 300px; } :where(body.page-v2.sf-native-elementor-page) .inner-cta{ padding: 48px 0; } :where(body.page-v2.sf-native-elementor-page) .equipment-page-grid{ align-items: start; gap: 18px; --gap:18px !important;gap:18px !important;--align-items:start !important;align-items:start !important;} :where(body.page-v2.sf-native-elementor-page) .equipment-page-card{ align-self: start; } :where(body.page-v2.sf-native-elementor-page) .equipment-page-card p{ min-height: 0; margin-bottom: 14px; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-card:first-child{ grid-column: span 8; grid-row: auto; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-card:nth-child(n+3){ grid-column: span 3; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-card:first-child>img, [data-page="equipment"] .equipment-page-card:first-child> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-card:first-child> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ height: 270px; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-card:not(:first-child)>img, [data-page="equipment"] .equipment-page-card:not(:first-child)> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-card:not(:first-child)> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ height: 220px; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-page-main>.inner-section:nth-of-type(3), [data-page="equipment"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3), :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3){ padding-block: 42px; } :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-media>img, [data-page="company"] .inner-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) /*[data-page="journey"] .inner-page-main > .inner-section:nth-of-type(2) .inner-media > img, /*[data-page="journey"] .inner-page-main > .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .inner-media > .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) /*[data-page="journey"] .inner-page-main > .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .inner-media > .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ height: 410px; } :where(body.page-v2.sf-native-elementor-page) */ [data-page="journey"] .inner-timeline article{ min-height: 116px; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-timeline details{ width: 100%; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-timeline summary{ cursor: pointer; list-style: none; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-timeline summary::-webkit-details-marker{ display: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-timeline summary span{ display: block; margin-bottom: 5px; color: #ed1c24; font-size: 11px; font-weight: 850; letter-spacing: .45px; text-transform: uppercase; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-timeline summary h3{ position: relative; padding-right: 26px; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-timeline summary h3::after{ content: "+"; position: absolute; right: 0; top: -2px; color: #ed1c24; font-size: 21px; font-weight: 500; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-timeline details[open] summary h3::after{ content: "−"; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-timeline details p+p{ margin-top: 9px; } :where(body.page-v2.sf-native-elementor-page) .journey-support-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 22px; --display:grid !important;display:grid !important;--gap:22px !important;gap:22px !important;} :where(body.page-v2.sf-native-elementor-page) .journey-support-panel{ padding: 30px; border: 1px solid #e1e6ec; border-top: 3px solid #ed1c24; border-radius: 9px; background: #fff; } :where(body.page-v2.sf-native-elementor-page) .journey-support-panel h3{ margin: 0; color: #000; font-size: 20px; } :where(body.page-v2.sf-native-elementor-page) .journey-support-panel>p, .journey-support-panel> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .journey-support-panel> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, .journey-support-panel> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .journey-support-panel> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p{ margin: 12px 0 0; color: #596778; font-size: 13px; line-height: 1.7; } :where(body.page-v2.sf-native-elementor-page) .journey-closing{ max-width: 900px !important; margin-bottom: 0 !important; } :where(body.page-v2.sf-native-elementor-page) .journey-closing>p, .journey-closing> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .journey-closing> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, .journey-closing> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .journey-closing> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p{ font-size: 13px; line-height: 1.75; } :where(body.page-v2.sf-native-elementor-page) .journey-closing>p+p, .journey-closing> .elementor-widget-sf-atomic-text > .elementor-widget-container > p+p, :where(body.page-v2.sf-native-elementor-page) .journey-closing> .elementor-widget-sf-atomic-text > .elementor-widget-container > p+p, .journey-closing> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p+p, :where(body.page-v2.sf-native-elementor-page) .journey-closing> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p+p{ margin-top: 10px; } :where(body.page-v2.sf-native-elementor-page) .journey-closing .inner-quote{ text-align: left; } :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-info-card, [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card{ min-height: 180px; } :where(body.page-v2.sf-native-elementor-page) [data-page="why"] .inner-page-main>.inner-section:nth-of-type(2) .inner-info-card, [data-page="why"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .inner-info-card, :where(body.page-v2.sf-native-elementor-page) [data-page="why"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .inner-info-card{ min-height: 155px; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .csr-initiatives-section .csr-feature-main{ min-height: 460px; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .csr-initiatives-section .csr-photo-grid img{ /*height: 107px;*/ } :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-hero, :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-hero, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-hero{ min-height: 510px; } :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero{ min-height: 530px; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .inner-hero{ min-height: 540px; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-page-main{ background: #fff; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-container{ width: min(1180px, calc(100% - 48px)); } :where(body.page-v2.sf-native-elementor-page) .journey-editorial-hero{ padding: 34px 0 58px; background: #f4f5f7; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-grid{ display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); grid-template-rows: 430px 152px; gap: 14px; --display:grid !important;display:grid !important;--gap:14px !important;gap:14px !important;} :where(body.page-v2.sf-native-elementor-page) .journey-hero-copy, :where(body.page-v2.sf-native-elementor-page) .journey-hero-image, :where(body.page-v2.sf-native-elementor-page) .journey-hero-fact, :where(body.page-v2.sf-native-elementor-page) .journey-hero-years{ margin: 0; overflow: hidden; border-radius: 24px; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-copy{ position: relative; display: flex; flex-direction: column; justify-content: center; padding: clamp(32px, 4vw, 52px); background: #f7d8d9; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;--justify-content:center !important;justify-content:center !important;} :where(body.page-v2.sf-native-elementor-page) .journey-hero-copy::after{ content: ""; position: absolute; inset: 0; opacity: .42; pointer-events: none; background: repeating-radial-gradient(ellipse at 95% 0%, transparent 0 28px, rgba(237, 28, 36, .13) 29px 30px); } :where(body.page-v2.sf-native-elementor-page) .journey-hero-copy>*{ position: relative; z-index: 1; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-copy .inner-breadcrumb{ margin: 0 0 18px; color: #526077; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-copy .inner-kicker{ margin: 0 0 13px; color: #ed1c24; font-size: 12px; font-weight: 850; letter-spacing: 1px; text-transform: uppercase; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-copy h1{ max-width: 560px; margin: 0; color: #000; font-size: clamp(38px, 4vw, 58px); font-weight: 760; letter-spacing: -2.4px; line-height: .98; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-copy>p:not(.inner-breadcrumb):not(.inner-kicker), .journey-hero-copy> .elementor-widget-sf-atomic-text > .elementor-widget-container > p:not(.inner-breadcrumb):not(.inner-kicker), :where(body.page-v2.sf-native-elementor-page) .journey-hero-copy> .elementor-widget-sf-atomic-text > .elementor-widget-container > p:not(.inner-breadcrumb):not(.inner-kicker), .journey-hero-copy> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p:not(.inner-breadcrumb):not(.inner-kicker), :where(body.page-v2.sf-native-elementor-page) .journey-hero-copy> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p:not(.inner-breadcrumb):not(.inner-kicker){ max-width: 520px; margin: 18px 0 0; color: #45536a; font-size: 15px; line-height: 1.58; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-actions{ display: flex; align-items: center; gap: 24px; margin-top: 15px; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:24px !important;gap:24px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .journey-hero-actions a, .journey-hero-actions .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .journey-hero-actions .sf-native-tag-a{ display: inline-flex; align-items: center; gap: 16px; padding: 13px 18px; border-radius: 999px; background: #000; color: #fff; font-size: 12px; font-weight: 800; text-decoration: none; transition: transform .25s ease, background .25s ease; --display:inline-flex !important;display:inline-flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:16px !important;gap:16px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .journey-hero-actions a:hover, .journey-hero-actions .sf-native-tag-a:hover, :where(body.page-v2.sf-native-elementor-page) .journey-hero-actions .sf-native-tag-a:hover{ transform: translateY(-2px); background: #ed1c24; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-actions span{ color: #4d5970; font-size: 12px; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-actions strong{ display: block; color: #000; font-size: 18px; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .journey-hero-image{ position: relative; grid-row: span 1; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-image img, :where(body.page-v2.sf-native-elementor-page) .journey-people-photo img, :where(body.page-v2.sf-native-elementor-page) .journey-energy-photo img, :where(body.page-v2.sf-native-elementor-page) .journey-future-image img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .8s cubic-bezier(.2, .7, .2, 1); --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .journey-hero-image:hover img, :where(body.page-v2.sf-native-elementor-page) .journey-people-photo:hover img, :where(body.page-v2.sf-native-elementor-page) .journey-energy-photo:hover img, :where(body.page-v2.sf-native-elementor-page) .journey-future-image:hover img{ transform: scale(1.035); } :where(body.page-v2.sf-native-elementor-page) .journey-hero-image figcaption, .journey-hero-image .sf-native-tag-figcaption, :where(body.page-v2.sf-native-elementor-page) .journey-hero-image .sf-native-tag-figcaption{ position: absolute; right: 18px; bottom: 18px; display: flex; align-items: center; gap: 13px; width: min(290px, calc(100% - 36px)); padding: 15px 18px; border-radius: 16px; background: rgba(255, 255, 255, .94); color: #536076; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:13px !important;gap:13px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .journey-hero-image figcaption strong, .journey-hero-image .sf-native-tag-figcaption strong, :where(body.page-v2.sf-native-elementor-page) .journey-hero-image .sf-native-tag-figcaption strong{ flex: none; color: #ed1c24; font-size: 24px; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-image figcaption span, .journey-hero-image .sf-native-tag-figcaption span, :where(body.page-v2.sf-native-elementor-page) .journey-hero-image .sf-native-tag-figcaption span{ font-size: 12px; line-height: 1.45; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-fact{ display: grid; grid-template-columns: 58px 1fr; align-items: center; gap: 18px; padding: 24px 28px; border: 1px solid #e1e5eb; background: #fff; --display:grid !important;display:grid !important;--gap:18px !important;gap:18px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .journey-hero-fact span{ display: grid; place-items: center; width: 48px; aspect-ratio: 1; border-radius: 50%; background: #ed1c24; color: #fff; font-size: 12px; font-weight: 850; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .journey-hero-fact p{ margin: 0; color: #000; font-size: 18px; font-weight: 750; line-height: 1.35; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-years{ display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; padding: 25px 30px; background: #000; color: #fff; --display:grid !important;display:grid !important;--gap:14px !important;gap:14px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .journey-hero-years strong{ font-size: 27px; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-years i{ height: 1px; background: linear-gradient(90deg, #ed1c24, rgba(255, 255, 255, .65)); } :where(body.page-v2.sf-native-elementor-page) .journey-hero-years span{ grid-column: 1 / -1; color: #cdd4e2; font-size: 12px; letter-spacing: .3px; } :where(body.page-v2.sf-native-elementor-page) .journey-story-section{ position: relative; overflow: hidden; } :where(body.page-v2.sf-native-elementor-page) .journey-story-section::before, :where(body.page-v2.sf-native-elementor-page) .journey-people-section::before{ content: ""; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(90deg, transparent 0 calc(20% - 1px), rgba(12, 31, 69, .05) calc(20% - 1px) 20%); } :where(body.page-v2.sf-native-elementor-page) .journey-story-grid{ position: relative; display: grid; grid-template-columns: .9fr 1.15fr .72fr; gap: clamp(34px, 5vw, 72px); align-items: start; --display:grid !important;display:grid !important;--gap:clamp(34px, 5vw, 72px) !important;gap:clamp(34px, 5vw, 72px) !important;--align-items:start !important;align-items:start !important;} :where(body.page-v2.sf-native-elementor-page) .journey-story-heading h2, :where(body.page-v2.sf-native-elementor-page) .journey-people-intro h2{ margin: 8px 0 0; color: #000; font-size: clamp(36px, 4vw, 54px); line-height: 1.03; letter-spacing: -1.8px; } :where(body.page-v2.sf-native-elementor-page) .journey-story-copy p{ margin: 0; color: #526077; font-size: 15px; line-height: 1.78; } :where(body.page-v2.sf-native-elementor-page) .journey-story-copy p+p{ margin-top: 17px; } :where(body.page-v2.sf-native-elementor-page) .journey-story-card{ padding: 26px; border-radius: 22px; background: #f4f5f7; } :where(body.page-v2.sf-native-elementor-page) .journey-story-card span{ display: block; color: #ed1c24; font-size: 10px; font-weight: 850; letter-spacing: .9px; text-transform: uppercase; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .journey-story-card strong{ display: block; margin-top: 5px; color: #000; font-size: 21px; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .journey-story-card p{ margin: 7px 0 0; color: #5b687d; font-size: 12px; line-height: 1.55; } :where(body.page-v2.sf-native-elementor-page) .journey-story-card i{ display: block; height: 1px; margin: 20px 0; background: #d7dce4; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .journey-timeline-section{ background: #f4f5f7; } :where(body.page-v2.sf-native-elementor-page) .journey-chapter-head{ display: flex; justify-content: space-between; align-items: end; gap: 24px; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:24px !important;gap:24px !important;--align-items:end !important;align-items:end !important;--justify-content:space-between !important;justify-content:space-between !important;} :where(body.page-v2.sf-native-elementor-page) .journey-chapter-head .section-heading{ margin-bottom: 20px; } :where(body.page-v2.sf-native-elementor-page) .journey-result-count{ margin-bottom: 25px; color: #657086; font-size: 12px; } :where(body.page-v2.sf-native-elementor-page) .journey-era-filter{ position: sticky; z-index: 6; top: 72px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; margin: 0 0 18px; padding: 7px; border: 1px solid #e0e4e9; border-radius: 18px; background: rgba(255, 255, 255, .92); box-shadow: 0 12px 30px rgba(12, 31, 69, .07); backdrop-filter: blur(12px); --display:grid !important;display:grid !important;--gap:6px !important;gap:6px !important;} :where(body.page-v2.sf-native-elementor-page) .journey-era-filter button, .journey-era-filter .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .journey-era-filter .sf-native-tag-button{ min-height: 52px; padding: 9px 13px; border: 0; border-radius: 12px; background: transparent; color: #000; cursor: pointer; font: inherit; font-size: 12px; font-weight: 800; transition: color .2s ease, background .2s ease, transform .2s ease; } :where(body.page-v2.sf-native-elementor-page) .journey-era-filter button span, .journey-era-filter .sf-native-tag-button span, :where(body.page-v2.sf-native-elementor-page) .journey-era-filter .sf-native-tag-button span{ display: block; margin-top: 2px; color: #7d8798; font-size: 9px; font-weight: 650; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .journey-era-filter button:hover, .journey-era-filter .sf-native-tag-button:hover, :where(body.page-v2.sf-native-elementor-page) .journey-era-filter .sf-native-tag-button:hover{ transform: translateY(-1px); background: #f6f7f9; } :where(body.page-v2.sf-native-elementor-page) .journey-era-filter button.active, .journey-era-filter .sf-native-tag-button.active, :where(body.page-v2.sf-native-elementor-page) .journey-era-filter .sf-native-tag-button.active{ background: #ed1c24; color: #fff; } :where(body.page-v2.sf-native-elementor-page) .journey-era-filter button.active span, .journey-era-filter .sf-native-tag-button.active span, :where(body.page-v2.sf-native-elementor-page) .journey-era-filter .sf-native-tag-button.active span{ color: rgba(255, 255, 255, .78); } :where(body.page-v2.sf-native-elementor-page) .journey-milestone-grid{ display: grid; grid-template-columns: repeat(12, 1fr); gap: 14px; --display:grid !important;display:grid !important;--gap:14px !important;gap:14px !important;} :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card{ position: relative; grid-column: span 4; min-height: 190px; overflow: hidden; border: 1px solid #dfe4ea; border-radius: 20px; background: #fff; transition: transform .35s cubic-bezier(.2, .7, .2, 1), box-shadow .35s ease, opacity .25s ease; } :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card:hover{ z-index: 2; transform: translateY(-5px); box-shadow: 0 18px 34px rgba(12, 31, 69, .1); } :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card.journey-feature{ grid-column: span 8; } :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card.journey-accent{ background: #f7d8d9; border-color: #f2c0c2; } :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card:first-child{ min-height: 350px; color: #fff; background: linear-gradient(90deg, rgba(12, 31, 69, .9), rgba(12, 31, 69, .25)), url('../generated/inner-pages/journey/foundation-2006.webp') center / cover no-repeat; border: 0; } :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card:first-child summary span, :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card:first-child summary h3, :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card:first-child p{ color: #fff; } :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card:first-child summary h3{ font-size: 31px; } :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card:first-child summary h3::after{ background: #fff; color: #ed1c24; } :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card[data-era="future"].journey-feature:first-of-type{ background: #fff; } :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card[hidden]{ display: none !important; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card>i{ position: absolute; top: 25px; right: 25px; display: block; width: 7px; height: 7px; border-radius: 50%; background: #ed1c24; box-shadow: 0 0 0 7px rgba(237, 28, 36, .1); --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card>div{ height: 100%; } :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card details{ width: 100%; height: 100%; padding: 28px; } :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card details[open]{ min-height: 100%; } :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card summary{ cursor: pointer; list-style: none; } :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card summary::-webkit-details-marker{ display: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card summary span{ display: block; margin-bottom: 13px; color: #ed1c24; font-size: 11px; font-weight: 850; letter-spacing: .65px; text-transform: uppercase; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card summary h3{ position: relative; margin: 0; padding-right: 45px; color: #000; font-size: 20px; line-height: 1.25; } :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card summary h3::after{ content: "+"; position: absolute; right: 0; top: -7px; display: grid; place-items: center; width: 31px; height: 31px; border-radius: 50%; background: #f2f4f7; color: #ed1c24; font-size: 19px; font-weight: 500; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card details[open] summary h3::after{ content: "−"; } :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card details p{ max-width: 720px; margin: 17px 0 0; color: #58667a; font-size: 13px; line-height: 1.67; } :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card details p+p{ margin-top: 9px; } :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card.journey-final{ color: #fff; background: #000; border-color: #000; } :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card.journey-final summary span, :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card.journey-final summary h3, :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card.journey-final details p{ color: #fff; } :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card.journey-final summary h3::after{ background: #fff; } :where(body.page-v2.sf-native-elementor-page) .journey-people-section{ position: relative; overflow: hidden; } :where(body.page-v2.sf-native-elementor-page) .journey-people-intro{ position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: end; margin-bottom: 34px; --display:grid !important;display:grid !important;--gap:72px !important;gap:72px !important;--align-items:end !important;align-items:end !important;} :where(body.page-v2.sf-native-elementor-page) .journey-people-intro>p, .journey-people-intro> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .journey-people-intro> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, .journey-people-intro> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .journey-people-intro> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p{ max-width: 570px; margin: 0 0 5px; color: #526077; font-size: 15px; line-height: 1.75; } :where(body.page-v2.sf-native-elementor-page) .journey-people-bento{ position: relative; display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-rows: 185px; gap: 14px; --display:grid !important;display:grid !important;--gap:14px !important;gap:14px !important;} :where(body.page-v2.sf-native-elementor-page) .journey-people-photo, :where(body.page-v2.sf-native-elementor-page) .journey-energy-photo{ position: relative; margin: 0; overflow: hidden; border-radius: 24px; } :where(body.page-v2.sf-native-elementor-page) .journey-people-photo{ grid-column: span 7; grid-row: span 2; } :where(body.page-v2.sf-native-elementor-page) .journey-people-card{ grid-column: span 5; grid-row: span 2; background: #f7d8d9; } :where(body.page-v2.sf-native-elementor-page) .journey-community-card{ grid-column: span 5; grid-row: span 2; } :where(body.page-v2.sf-native-elementor-page) .journey-energy-photo{ grid-column: span 7; grid-row: span 2; } :where(body.page-v2.sf-native-elementor-page) .journey-support-panel{ padding: 30px; border: 0; border-radius: 24px; background: #f4f5f7; } :where(body.page-v2.sf-native-elementor-page) .journey-support-panel>span, .journey-support-panel> .elementor-widget-sf-atomic-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .journey-support-panel> .elementor-widget-sf-atomic-text > .elementor-widget-container > span, .journey-support-panel> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .journey-support-panel> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span{ color: #ed1c24; font-size: 10px; font-weight: 850; letter-spacing: .8px; text-transform: uppercase; } :where(body.page-v2.sf-native-elementor-page) .journey-support-panel h3{ margin: 8px 0 0; font-size: 26px; line-height: 1.15; } :where(body.page-v2.sf-native-elementor-page) .journey-support-panel>p, .journey-support-panel> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .journey-support-panel> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, .journey-support-panel> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .journey-support-panel> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p{ font-size: 13px; } :where(body.page-v2.sf-native-elementor-page) .journey-support-panel .inner-checks{ margin-top: 16px; } :where(body.page-v2.sf-native-elementor-page) .journey-support-panel .inner-checks li{ font-size: 12px; line-height: 1.5; } :where(body.page-v2.sf-native-elementor-page) .journey-energy-photo figcaption, .journey-energy-photo .sf-native-tag-figcaption, :where(body.page-v2.sf-native-elementor-page) .journey-energy-photo .sf-native-tag-figcaption{ position: absolute; right: 18px; bottom: 18px; display: grid; max-width: 260px; padding: 17px 20px; border-radius: 16px; background: rgba(255, 255, 255, .94); --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .journey-energy-photo figcaption strong, .journey-energy-photo .sf-native-tag-figcaption strong, :where(body.page-v2.sf-native-elementor-page) .journey-energy-photo .sf-native-tag-figcaption strong{ color: #ed1c24; font-size: 24px; } :where(body.page-v2.sf-native-elementor-page) .journey-energy-photo figcaption span, .journey-energy-photo .sf-native-tag-figcaption span, :where(body.page-v2.sf-native-elementor-page) .journey-energy-photo .sf-native-tag-figcaption span{ margin-top: 4px; color: #526077; font-size: 11px; line-height: 1.45; } :where(body.page-v2.sf-native-elementor-page) .journey-future-grid{ display: grid; grid-template-columns: 1.15fr .85fr; grid-template-rows: auto 110px; gap: 14px; --display:grid !important;display:grid !important;--gap:14px !important;gap:14px !important;} :where(body.page-v2.sf-native-elementor-page) .journey-future-image{ position: relative; grid-row: span 2; min-height: 540px; overflow: hidden; border-radius: 24px; } :where(body.page-v2.sf-native-elementor-page) .journey-future-image>span, .journey-future-image> .elementor-widget-sf-atomic-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .journey-future-image> .elementor-widget-sf-atomic-text > .elementor-widget-container > span, .journey-future-image> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .journey-future-image> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span{ position: absolute; left: 20px; bottom: 20px; padding: 10px 14px; border-radius: 999px; background: #fff; color: #000; font-size: 11px; font-weight: 850; } :where(body.page-v2.sf-native-elementor-page) .journey-future-copy{ padding: clamp(30px, 4vw, 54px); border-radius: 24px; background: #fff; } :where(body.page-v2.sf-native-elementor-page) .journey-future-copy h2{ margin: 8px 0 19px; color: #000; font-size: clamp(34px, 3.5vw, 49px); line-height: 1.03; letter-spacing: -1.5px; } :where(body.page-v2.sf-native-elementor-page) .journey-future-copy>p:not(.inner-red-label), .journey-future-copy> .elementor-widget-sf-atomic-text > .elementor-widget-container > p:not(.inner-red-label), :where(body.page-v2.sf-native-elementor-page) .journey-future-copy> .elementor-widget-sf-atomic-text > .elementor-widget-container > p:not(.inner-red-label), .journey-future-copy> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p:not(.inner-red-label), :where(body.page-v2.sf-native-elementor-page) .journey-future-copy> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p:not(.inner-red-label){ color: #526077; font-size: 13px; line-height: 1.75; } :where(body.page-v2.sf-native-elementor-page) .journey-future-copy .inner-quote{ margin-top: 22px; text-align: left; } :where(body.page-v2.sf-native-elementor-page) .journey-future-grid>aside{ display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 24px 30px; border-radius: 24px; background: #ed1c24; color: #fff; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:25px !important;gap:25px !important;--align-items:center !important;align-items:center !important;--justify-content:space-between !important;justify-content:space-between !important;} :where(body.page-v2.sf-native-elementor-page) .journey-future-grid>aside span{ flex: none; font-size: 11px; font-weight: 850; text-transform: uppercase; } :where(body.page-v2.sf-native-elementor-page) .journey-future-grid>aside strong{ max-width: 310px; font-size: 17px; line-height: 1.3; } @media (max-width: 1000px){ :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-card:first-child, :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-card:nth-child(n+3){ grid-column: span 6; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-grid{ grid-template-rows: 455px 145px; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-copy h1{ font-size: 43px; } :where(body.page-v2.sf-native-elementor-page) .journey-story-grid{ grid-template-columns: 1fr 1fr; } :where(body.page-v2.sf-native-elementor-page) .journey-story-card{ grid-column: 1 / -1; display: grid; grid-template-columns: auto 1fr; gap: 7px 20px; --display:grid !important;display:grid !important;--gap:7px 20px !important;gap:7px 20px !important;} :where(body.page-v2.sf-native-elementor-page) .journey-story-card i{ display: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card{ grid-column: span 6; } :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card.journey-feature{ grid-column: span 6; } :where(body.page-v2.sf-native-elementor-page) .journey-era-filter{ overflow-x: auto; grid-template-columns: repeat(5, minmax(145px, 1fr)); } :where(body.page-v2.sf-native-elementor-page) .journey-people-photo, :where(body.page-v2.sf-native-elementor-page) .journey-energy-photo{ grid-column: span 6; } :where(body.page-v2.sf-native-elementor-page) .journey-people-card, :where(body.page-v2.sf-native-elementor-page) .journey-community-card{ grid-column: span 6; } } @media (max-width: 680px){ :where(body.page-v2.sf-native-elementor-page) .inner-section{ padding: 42px 0; } :where(body.page-v2.sf-native-elementor-page) .inner-split{ gap: 28px; --gap:28px !important;gap:28px !important;} :where(body.page-v2.sf-native-elementor-page) .inner-media>img, .inner-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .inner-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-media>img, [data-page="company"] .inner-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-page-main>.inner-section:nth-of-type(2) .inner-media>img, [data-page="journey"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .inner-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .inner-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ height: 290px; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-card:first-child{ grid-column: auto; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-card:first-child>img, [data-page="equipment"] .equipment-page-card:first-child> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-card:first-child> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-card:not(:first-child)>img, [data-page="equipment"] .equipment-page-card:not(:first-child)> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-card:not(:first-child)> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ height: 215px; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .csr-initiatives-section .csr-feature-main{ min-height: 390px; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .csr-initiatives-section .csr-photo-grid img{ height: 145px; } :where(body.page-v2.sf-native-elementor-page) .journey-support-grid{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-container{ width: min(100% - 28px, 1180px); } :where(body.page-v2.sf-native-elementor-page) .journey-editorial-hero{ padding: 18px 0 34px; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-grid{ display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto 300px 122px; gap: 10px; --display:grid !important;display:grid !important;--gap:10px !important;gap:10px !important;} :where(body.page-v2.sf-native-elementor-page) .journey-hero-copy{ grid-column: 1 / -1; padding: 32px 25px; border-radius: 20px; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-copy .inner-breadcrumb{ margin-bottom: 20px; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-copy h1{ font-size: 39px; letter-spacing: -1.8px; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-copy>p:not(.inner-breadcrumb):not(.inner-kicker), .journey-hero-copy> .elementor-widget-sf-atomic-text > .elementor-widget-container > p:not(.inner-breadcrumb):not(.inner-kicker), :where(body.page-v2.sf-native-elementor-page) .journey-hero-copy> .elementor-widget-sf-atomic-text > .elementor-widget-container > p:not(.inner-breadcrumb):not(.inner-kicker), .journey-hero-copy> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p:not(.inner-breadcrumb):not(.inner-kicker), :where(body.page-v2.sf-native-elementor-page) .journey-hero-copy> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p:not(.inner-breadcrumb):not(.inner-kicker){ font-size: 14px; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-actions{ align-items: flex-start; flex-direction: column; gap: 13px; --flex-direction:column !important;flex-direction:column !important;--gap:13px !important;gap:13px !important;--align-items:flex-start !important;align-items:flex-start !important;} :where(body.page-v2.sf-native-elementor-page) .journey-hero-image{ grid-column: 1 / -1; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-image figcaption, .journey-hero-image .sf-native-tag-figcaption, :where(body.page-v2.sf-native-elementor-page) .journey-hero-image .sf-native-tag-figcaption{ right: 12px; bottom: 12px; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-fact{ padding: 18px 16px; grid-template-columns: 38px 1fr; gap: 9px; --gap:9px !important;gap:9px !important;} :where(body.page-v2.sf-native-elementor-page) .journey-hero-fact span{ width: 34px; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-fact p{ font-size: 12px; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-years{ padding: 18px 16px; gap: 8px; --gap:8px !important;gap:8px !important;} :where(body.page-v2.sf-native-elementor-page) .journey-hero-years strong{ font-size: 17px; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-years span{ font-size: 9px; } :where(body.page-v2.sf-native-elementor-page) .journey-story-grid, :where(body.page-v2.sf-native-elementor-page) .journey-people-intro, :where(body.page-v2.sf-native-elementor-page) .journey-future-grid{ grid-template-columns: 1fr; gap: 24px; --gap:24px !important;gap:24px !important;} :where(body.page-v2.sf-native-elementor-page) .journey-story-heading h2, :where(body.page-v2.sf-native-elementor-page) .journey-people-intro h2{ font-size: 38px; } :where(body.page-v2.sf-native-elementor-page) .journey-story-card{ grid-column: auto; display: block; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .journey-story-card i{ display: block; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .journey-chapter-head{ align-items: start; flex-direction: column; gap: 0; --flex-direction:column !important;flex-direction:column !important;--gap:0 !important;gap:0 !important;--align-items:start !important;align-items:start !important;} :where(body.page-v2.sf-native-elementor-page) .journey-result-count{ margin: -12px 0 18px; } :where(body.page-v2.sf-native-elementor-page) .journey-era-filter{ top: 64px; margin-inline: -4px; grid-template-columns: repeat(5, minmax(135px, 1fr)); border-radius: 14px; } :where(body.page-v2.sf-native-elementor-page) .journey-era-filter button, .journey-era-filter .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .journey-era-filter .sf-native-tag-button{ min-height: 48px; } :where(body.page-v2.sf-native-elementor-page) .journey-milestone-grid{ grid-template-columns: 1fr; gap: 10px; --gap:10px !important;gap:10px !important;} :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card, :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card.journey-feature{ grid-column: auto; min-height: 0; } :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card:first-child{ min-height: 330px; } :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card details{ padding: 24px; } :where(body.page-v2.sf-native-elementor-page) .journey-milestone-card summary h3{ font-size: 18px; } :where(body.page-v2.sf-native-elementor-page) .journey-people-intro{ margin-bottom: 26px; } :where(body.page-v2.sf-native-elementor-page) .journey-people-bento{ grid-template-columns: 1fr; grid-auto-rows: auto; } :where(body.page-v2.sf-native-elementor-page) .journey-people-photo, :where(body.page-v2.sf-native-elementor-page) .journey-energy-photo, :where(body.page-v2.sf-native-elementor-page) .journey-people-card, :where(body.page-v2.sf-native-elementor-page) .journey-community-card{ grid-column: auto; grid-row: auto; } :where(body.page-v2.sf-native-elementor-page) .journey-people-photo, :where(body.page-v2.sf-native-elementor-page) .journey-energy-photo{ min-height: 310px; } :where(body.page-v2.sf-native-elementor-page) .journey-support-panel{ padding: 25px; } :where(body.page-v2.sf-native-elementor-page) .journey-future-image{ grid-row: auto; min-height: 330px; } :where(body.page-v2.sf-native-elementor-page) .journey-future-copy{ padding: 28px 24px; } :where(body.page-v2.sf-native-elementor-page) .journey-future-grid>aside{ padding: 22px; } } /* inner-pages.css */ /* Auto-generated from inner-pages.css. */ :where(body.page-v2.sf-native-elementor-page) .inner-page{ margin: 0; color: #000; background: #fff; font-family: var(--sans, var(--font-sans)); } :where(body.page-v2.sf-native-elementor-page) .inner-page *{ box-sizing: border-box; } :where(body.page-v2.sf-native-elementor-page) .inner-page .site-header{ position: sticky; top: 0; z-index: 1000; } :where(body.page-v2.sf-native-elementor-page) .inner-page .topbar nav a.active, .inner-page .topbar nav .sf-native-tag-a.active, :where(body.page-v2.sf-native-elementor-page) .inner-page .topbar nav .sf-native-tag-a.active{ color: #ed1c24; } :where(body.page-v2.sf-native-elementor-page) .inner-page-main{ overflow: hidden; } :where(body.page-v2.sf-native-elementor-page) .inner-hero{ position: relative; min-height: 430px; display: flex; align-items: flex-end; padding: 90px max(28px, calc((100vw - 1320px) / 2 + 40px)) 66px; color: #fff; background: linear-gradient(90deg, rgba(5, 20, 50, .94) 0%, rgba(5, 20, 50, .72) 48%, rgba(5, 20, 50, .22) 100%), var(--hero-image) center / cover no-repeat; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--align-items:flex-end !important;align-items:flex-end !important;} :where(body.page-v2.sf-native-elementor-page) .inner-hero-content{ width: min(760px, 100%); } :where(body.page-v2.sf-native-elementor-page) .inner-breadcrumb{ display: flex; gap: 8px; margin: 0 0 24px; font-size: 12px; color: rgba(255, 255, 255, .78); --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:8px !important;gap:8px !important;} :where(body.page-v2.sf-native-elementor-page) .inner-breadcrumb a, .inner-breadcrumb .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .inner-breadcrumb .sf-native-tag-a{ color: #fff; } :where(body.page-v2.sf-native-elementor-page) .inner-kicker{ margin: 0 0 12px; color: #ed1c24; text-transform: uppercase; letter-spacing: .7px; font-size: 12px; font-weight: 850; } :where(body.page-v2.sf-native-elementor-page) .inner-hero h1{ max-width: 820px; margin: 0; font-size: clamp(38px, 5vw, 66px); line-height: 1.02; letter-spacing: -1.5px; } :where(body.page-v2.sf-native-elementor-page) .inner-hero-lead{ max-width: 680px; margin: 22px 0 0; color: rgba(255, 255, 255, .88); font-size: 17px; line-height: 1.7; } :where(body.page-v2.sf-native-elementor-page) .inner-container{ width: min(1240px, calc(100% - 56px)); margin: 0 auto; } :where(body.page-v2.sf-native-elementor-page) .inner-section{ padding: 78px 0; } :where(body.page-v2.sf-native-elementor-page) .inner-section.soft{ background: #f7f9fc; } :where(body.page-v2.sf-native-elementor-page) .inner-section .section-heading{ max-width: 780px; margin-bottom: 34px; } :where(body.page-v2.sf-native-elementor-page) .inner-section .section-heading.center{ margin-inline: auto; text-align: center; } :where(body.page-v2.sf-native-elementor-page) .inner-section h2{ margin: 0; color: #000; font-size: clamp(29px, 3vw, 42px); line-height: 1.18; letter-spacing: -.6px; } :where(body.page-v2.sf-native-elementor-page) .inner-section .section-heading>p:last-child, .inner-section .section-heading> .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .inner-section .section-heading> .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, .inner-section .section-heading> .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .inner-section .section-heading> .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p{ margin: 15px 0 0; color: #596778; font-size: 15px; line-height: 1.75; } :where(body.page-v2.sf-native-elementor-page) .inner-red-label{ margin: 0 0 10px; color: #ed1c24; text-transform: uppercase; letter-spacing: .6px; font-size: 11px; font-weight: 850; } :where(body.page-v2.sf-native-elementor-page) .inner-metrics{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: -42px; position: relative; z-index: 2; --display:grid !important;display:grid !important;--gap:14px !important;gap:14px !important;} :where(body.page-v2.sf-native-elementor-page) .inner-metrics article{ padding: 25px; border: 1px solid #e2e7ed; border-radius: 10px; background: #fff; box-shadow: 0 12px 28px rgba(12, 31, 69, .08); } :where(body.page-v2.sf-native-elementor-page) .inner-metrics strong{ display: block; color: #ed1c24; font-size: 30px; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .inner-metrics span{ display: block; margin-top: 7px; color: #536174; font-size: 13px; line-height: 1.45; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .inner-split{ display: grid; grid-template-columns: 1fr 1fr; gap: 54px; align-items: center; --display:grid !important;display:grid !important;--gap:54px !important;gap:54px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) /*.inner-split.reverse .inner-media{ order: 1; } :where(body.page-v2.sf-native-elementor-page) */ .inner-media{ min-width: 0; } :where(body.page-v2.sf-native-elementor-page) .inner-media>img, .inner-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .inner-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ display: block; width: 100%; height: 430px; object-fit: cover; border-radius: 12px; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .inner-copy h2{ margin-bottom: 18px; } :where(body.page-v2.sf-native-elementor-page) .inner-copy>p, .inner-copy> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .inner-copy> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, .inner-copy> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .inner-copy> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p{ margin: 0; color: #596778; font-size: 15px; line-height: 1.8; } :where(body.page-v2.sf-native-elementor-page) .inner-copy>p+p, .inner-copy> .elementor-widget-sf-atomic-text > .elementor-widget-container > p+p, :where(body.page-v2.sf-native-elementor-page) .inner-copy> .elementor-widget-sf-atomic-text > .elementor-widget-container > p+p, .inner-copy> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p+p, :where(body.page-v2.sf-native-elementor-page) .inner-copy> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p+p{ margin-top: 14px; } :where(body.page-v2.sf-native-elementor-page) .inner-checks{ display: grid; gap: 13px; margin: 25px 0 0; padding: 0; list-style: none; --display:grid !important;display:grid !important;--gap:13px !important;gap:13px !important;} :where(body.page-v2.sf-native-elementor-page) .inner-checks.two-column{ grid-template-columns: 1fr 1fr; gap: 13px 22px; --gap:13px 22px !important;gap:13px 22px !important;} :where(body.page-v2.sf-native-elementor-page) .inner-checks li{ position: relative; padding-left: 28px; color: #263b5c; font-size: 14px; line-height: 1.5; } :where(body.page-v2.sf-native-elementor-page) .inner-checks li::before{ content: "✓"; position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 19px; height: 19px; border-radius: 50%; background: #eef8eb; color: #58a642; font-size: 11px; font-weight: 900; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .inner-card-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; --display:grid !important;display:grid !important;--gap:18px !important;gap:18px !important;} :where(body.page-v2.sf-native-elementor-page) .inner-card-grid.four{ grid-template-columns: repeat(4, 1fr); } :where(body.page-v2.sf-native-elementor-page) .inner-info-card{ min-width: 0; padding: 26px; border: 1px solid #e1e6ec; border-radius: 10px; background: #fff; transition: transform .25s ease, box-shadow .25s ease; } :where(body.page-v2.sf-native-elementor-page) .inner-info-card:hover{ transform: translateY(-4px); box-shadow: 0 14px 30px rgba(12, 31, 69, .09); } :where(body.page-v2.sf-native-elementor-page) .inner-info-card img{ width: 46px; height: 46px; object-fit: contain; margin-bottom: 18px; } :where(body.page-v2.sf-native-elementor-page) .inner-info-card strong{ display: block; color: #10264a; font-size: 18px; line-height: 1.3; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .inner-info-card p{ margin: 10px 0 0; color: #647183; font-size: 13px; line-height: 1.65; } :where(body.page-v2.sf-native-elementor-page) .inner-process{ display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; counter-reset: process; --display:grid !important;display:grid !important;--gap:0 !important;gap:0 !important;} :where(body.page-v2.sf-native-elementor-page) .inner-process article{ position: relative; padding: 0 22px 0 0; counter-increment: process; } :where(body.page-v2.sf-native-elementor-page) .inner-process article:not(:last-child)::after{ content: ""; position: absolute; top: 20px; right: 12px; width: calc(100% - 52px); height: 1px; background: #dce2e9; transform: translateX(50%); z-index: 0; } :where(body.page-v2.sf-native-elementor-page) .inner-process article>span, .inner-process article> .elementor-widget-sf-atomic-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .inner-process article> .elementor-widget-sf-atomic-text > .elementor-widget-container > span, .inner-process article> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .inner-process article> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span{ position: relative; z-index: 1; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: #ed1c24; color: #fff; font-size: 13px; font-weight: 850; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .inner-process article>span::before, .inner-process article> .elementor-widget-sf-atomic-text > .elementor-widget-container > span::before, :where(body.page-v2.sf-native-elementor-page) .inner-process article> .elementor-widget-sf-atomic-text > .elementor-widget-container > span::before, .inner-process article> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span::before, :where(body.page-v2.sf-native-elementor-page) .inner-process article> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span::before{ content: counter(process, decimal-leading-zero); } :where(body.page-v2.sf-native-elementor-page) .inner-process h3{ margin: 20px 0 8px; font-size: 16px; } :where(body.page-v2.sf-native-elementor-page) .inner-process p{ margin: 0; color: #687587; font-size: 12px; line-height: 1.6; } :where(body.page-v2.sf-native-elementor-page) .inner-timeline{ position: relative; display: grid; gap: 18px; margin-top: 35px; --display:grid !important;display:grid !important;--gap:18px !important;gap:18px !important;} :where(body.page-v2.sf-native-elementor-page) .inner-timeline::before{ content: ""; position: absolute; left: 23px; top: 18px; bottom: 18px; width: 2px; background: #e1e6ec; } :where(body.page-v2.sf-native-elementor-page) .inner-timeline article{ position: relative; display: grid; grid-template-columns: 48px 1fr; gap: 20px; align-items: start; --display:grid !important;display:grid !important;--gap:20px !important;gap:20px !important;--align-items:start !important;align-items:start !important;} :where(body.page-v2.sf-native-elementor-page) .inner-timeline i{ position: relative; z-index: 1; display: block; width: 48px; height: 48px; border: 10px solid #fff; border-radius: 50%; background: #ed1c24; box-shadow: 0 0 0 1px #e1e6ec; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .inner-timeline div{ padding: 3px 0 22px; } :where(body.page-v2.sf-native-elementor-page) .inner-timeline h3{ margin: 0 0 6px; font-size: 19px; } :where(body.page-v2.sf-native-elementor-page) .inner-timeline p{ margin: 0; color: #627083; font-size: 14px; line-height: 1.65; } :where(body.page-v2.sf-native-elementor-page) .equipment-page-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; --display:grid !important;display:grid !important;--gap:20px !important;gap:20px !important;} :where(body.page-v2.sf-native-elementor-page) .equipment-page-card{ overflow: hidden; border: 1px solid #e2e7ed; border-radius: 11px; background: #fff; } :where(body.page-v2.sf-native-elementor-page) .equipment-page-card>img, .equipment-page-card> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .equipment-page-card> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ display: block; width: 100%; height: 240px; object-fit: cover; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .equipment-page-card>div{ padding: 23px; } :where(body.page-v2.sf-native-elementor-page) .equipment-page-card h3{ margin: 0; font-size: 20px; } :where(body.page-v2.sf-native-elementor-page) .equipment-page-card p{ min-height: 64px; margin: 10px 0 18px; color: #647183; font-size: 13px; line-height: 1.6; } :where(body.page-v2.sf-native-elementor-page) .equipment-specs{ display: flex; flex-wrap: wrap; gap: 8px; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:8px !important;gap:8px !important;--flex-wrap:wrap !important;flex-wrap:wrap !important;} :where(body.page-v2.sf-native-elementor-page) .equipment-specs span{ padding: 7px 10px; border-radius: 999px; background: #f1f4f8; color: #263b5c; font-size: 11px; font-weight: 750; } :where(body.page-v2.sf-native-elementor-page) .smart-ocr-details{ display: grid; grid-template-columns: .85fr 1.15fr; gap: 52px; align-items: start; --display:grid !important;display:grid !important;--gap:52px !important;gap:52px !important;--align-items:start !important;align-items:start !important;} :where(body.page-v2.sf-native-elementor-page) .smart-ocr-details h2{ margin: 0; } :where(body.page-v2.sf-native-elementor-page) .smart-ocr-details>div:first-child>p:last-child, .smart-ocr-details>div:first-child> .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .smart-ocr-details>div:first-child> .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, .smart-ocr-details>div:first-child> .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .smart-ocr-details>div:first-child> .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p{ margin: 17px 0 0; color: #5d6a7c; font-size: 13px; line-height: 1.75; } :where(body.page-v2.sf-native-elementor-page) .smart-ocr-points{ display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #dfe5ec; border-radius: 10px; overflow: hidden; background: #fff; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .smart-ocr-points article{ min-height: 135px; padding: 23px; border-right: 1px solid #dfe5ec; border-bottom: 1px solid #dfe5ec; } :where(body.page-v2.sf-native-elementor-page) .smart-ocr-points article:nth-child(2n){ border-right: 0; } :where(body.page-v2.sf-native-elementor-page) .smart-ocr-points article:nth-child(n+3){ border-bottom: 0; } :where(body.page-v2.sf-native-elementor-page) .smart-ocr-points strong{ display: block; color: #000; font-size: 15px; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .smart-ocr-points span{ display: block; margin-top: 8px; color: #687587; font-size: 11px; line-height: 1.55; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .csr-feature{ display: grid; grid-template-columns: 1.05fr .95fr; gap: 22px; --display:grid !important;display:grid !important;--gap:22px !important;gap:22px !important;} :where(body.page-v2.sf-native-elementor-page) .csr-feature-main{ position: relative; min-height: 480px; overflow: hidden; border-radius: 12px; } :where(body.page-v2.sf-native-elementor-page) .csr-feature-main img{ width: 100%; height: 100%; object-fit: cover; } :where(body.page-v2.sf-native-elementor-page) .csr-feature-main div{ position: absolute; inset: auto 0 0; padding: 80px 28px 28px; color: #fff; background: linear-gradient(transparent, rgba(5, 20, 50, .9)); } :where(body.page-v2.sf-native-elementor-page) .csr-feature-main h3{ margin: 0; font-size: 27px; } :where(body.page-v2.sf-native-elementor-page) .csr-feature-main p{ margin: 9px 0 0; font-size: 14px; line-height: 1.6; } :where(body.page-v2.sf-native-elementor-page) .csr-photo-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; --display:grid !important;display:grid !important;--gap:10px !important;gap:10px !important;} :where(body.page-v2.sf-native-elementor-page) .csr-photo-grid button, .csr-photo-grid .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .csr-photo-grid .sf-native-tag-button{ display: block; width: 100%; padding: 0; overflow: hidden; border: 0; border-radius: 9px; background: transparent; cursor: pointer; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .csr-photo-grid img{ width: 100%; height: 235px; object-fit: cover; border-radius: 9px; } :where(body.page-v2.sf-native-elementor-page) .inner-logo-panel{ display: flex; align-items: center; justify-content: center; min-height: 360px; padding: 40px; border: 1px solid #e1e6ec; border-radius: 12px; background: #fafbfd; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--align-items:center !important;align-items:center !important;--justify-content:center !important;justify-content:center !important;} :where(body.page-v2.sf-native-elementor-page) .inner-logo-panel img{ width: min(420px, 90%); max-height: 150px; object-fit: contain; } :where(body.page-v2.sf-native-elementor-page) .inner-quote{ margin-top: 28px; padding: 22px 24px; border-left: 4px solid #ed1c24; background: #f7f9fc; color: #263b5c; font-size: 17px; line-height: 1.65; } :where(body.page-v2.sf-native-elementor-page) .inner-cta{ padding: 62px 0; background: #000; color: #fff; } :where(body.page-v2.sf-native-elementor-page) .inner-cta .inner-container{ display: flex; align-items: center; justify-content: space-between; gap: 30px; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:30px !important;gap:30px !important;--align-items:center !important;align-items:center !important;--justify-content:space-between !important;justify-content:space-between !important;} :where(body.page-v2.sf-native-elementor-page) .inner-cta h2{ margin: 0; color: #fff; font-size: clamp(28px, 3vw, 40px); } :where(body.page-v2.sf-native-elementor-page) .inner-cta p{ margin: 10px 0 0; color: rgba(255, 255, 255, .72); font-size: 14px; } :where(body.page-v2.sf-native-elementor-page) .inner-cta a, .inner-cta .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .inner-cta .sf-native-tag-a{ flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 48px; padding: 0 22px; border-radius: 5px; background: #ed1c24; color: #fff; font-size: 13px; font-weight: 800; --display:inline-flex !important;display:inline-flex !important;--flex-direction:row !important;flex-direction:row !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .inner-page .corporate-footer{ margin-top: 0; } :where(body.page-v2.sf-native-elementor-page) .inner-footer-grid{ display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 55px; max-width: 1240px; margin: auto; padding-bottom: 42px; --display:grid !important;display:grid !important;--gap:55px !important;gap:55px !important;} :where(body.page-v2.sf-native-elementor-page) .inner-footer-grid section{ display: flex; flex-direction: column; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;} :where(body.page-v2.sf-native-elementor-page) .inner-footer-grid h3{ margin: 0 0 16px; color: #12234a; text-transform: uppercase; font-size: 12px; } :where(body.page-v2.sf-native-elementor-page) .inner-footer-grid a, .inner-footer-grid .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .inner-footer-grid .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .inner-footer-grid p{ margin: 0 0 10px; color: #667181; font-size: 12px; line-height: 1.6; } :where(body.page-v2.sf-native-elementor-page) .inner-footer-brand img{ width: 190px; margin-bottom: 17px; } :where(body.page-v2.sf-native-elementor-page) .inner-footer-bottom{ display: flex; justify-content: space-between; gap: 20px; max-width: 1240px; margin: auto; padding: 18px 0; border-top: 1px solid #e3e6eb; color: #7a8492; font-size: 11px; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:20px !important;gap:20px !important;--justify-content:space-between !important;justify-content:space-between !important;} @media (max-width: 1000px){ :where(body.page-v2.sf-native-elementor-page) .inner-metrics, :where(body.page-v2.sf-native-elementor-page) .inner-card-grid.four{ grid-template-columns: repeat(2, 1fr); } :where(body.page-v2.sf-native-elementor-page) .inner-split, :where(body.page-v2.sf-native-elementor-page) .csr-feature{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) .inner-split.reverse .inner-media{ order: 0; } :where(body.page-v2.sf-native-elementor-page) .inner-card-grid, :where(body.page-v2.sf-native-elementor-page) .equipment-page-grid{ grid-template-columns: repeat(2, 1fr); } :where(body.page-v2.sf-native-elementor-page) .inner-process{ grid-template-columns: 1fr 1fr; gap: 28px; --gap:28px !important;gap:28px !important;} :where(body.page-v2.sf-native-elementor-page) .inner-process article::after{ display: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .inner-footer-grid{ grid-template-columns: 1.5fr 1fr 1fr; } :where(body.page-v2.sf-native-elementor-page) .inner-footer-grid section:last-child{ grid-column: 1 / -1; } :where(body.page-v2.sf-native-elementor-page) .smart-ocr-details{ grid-template-columns: 1fr; gap: 28px; --gap:28px !important;gap:28px !important;} } @media (max-width: 680px){ :where(body.page-v2.sf-native-elementor-page) .inner-hero{ min-height: 380px; padding: 72px 24px 48px; } :where(body.page-v2.sf-native-elementor-page) .inner-hero h1{ font-size: 38px; } :where(body.page-v2.sf-native-elementor-page) .inner-container{ width: min(100% - 36px, 1240px); } :where(body.page-v2.sf-native-elementor-page) .inner-section{ padding: 56px 0; } :where(body.page-v2.sf-native-elementor-page) .inner-metrics{ grid-template-columns: 1fr 1fr; gap: 9px; margin-top: -28px; --gap:9px !important;gap:9px !important;} :where(body.page-v2.sf-native-elementor-page) .inner-metrics article{ padding: 18px 15px; } :where(body.page-v2.sf-native-elementor-page) .inner-metrics strong{ font-size: 23px; } :where(body.page-v2.sf-native-elementor-page) .inner-card-grid, :where(body.page-v2.sf-native-elementor-page) .inner-card-grid.four, :where(body.page-v2.sf-native-elementor-page) .equipment-page-grid, :where(body.page-v2.sf-native-elementor-page) .inner-process{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) .inner-checks.two-column{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) .inner-media>img, .inner-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .inner-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ height: 300px; } :where(body.page-v2.sf-native-elementor-page) .csr-feature-main{ min-height: 380px; } :where(body.page-v2.sf-native-elementor-page) .csr-photo-grid img{ height: 165px; } :where(body.page-v2.sf-native-elementor-page) .inner-cta .inner-container{ align-items: flex-start; flex-direction: column; --flex-direction:column !important;flex-direction:column !important;--align-items:flex-start !important;align-items:flex-start !important;} :where(body.page-v2.sf-native-elementor-page) .inner-footer-grid{ grid-template-columns: 1fr 1fr; gap: 30px; --gap:30px !important;gap:30px !important;} :where(body.page-v2.sf-native-elementor-page) .inner-footer-brand{ grid-column: 1 / -1; } :where(body.page-v2.sf-native-elementor-page) .inner-footer-grid section:last-child{ grid-column: auto; } :where(body.page-v2.sf-native-elementor-page) .inner-footer-bottom{ flex-direction: column; --flex-direction:column !important;flex-direction:column !important;} :where(body.page-v2.sf-native-elementor-page) .smart-ocr-points{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) .smart-ocr-points article{ border-right: 0; border-bottom: 1px solid #dfe5ec; } :where(body.page-v2.sf-native-elementor-page) .smart-ocr-points article:nth-child(n+3){ border-bottom: 1px solid #dfe5ec; } :where(body.page-v2.sf-native-elementor-page) .smart-ocr-points article:last-child{ border-bottom: 0; } } :where(body.page-v2.sf-native-elementor-page) .inner-page .site-header{ position: fixed; top: 0; right: 0; left: 0; width: 100%; z-index: 1200; } :where(body.page-v2.sf-native-elementor-page) .page-progress{ position: fixed; top: 0; left: 0; z-index: 1200; width: 100%; height: 3px; pointer-events: none; transform: scaleX(var(--page-progress, 0)); transform-origin: left center; background: #ed1c24; box-shadow: 0 1px 8px rgba(237, 28, 36, .28); } :where(body.page-v2.sf-native-elementor-page) .inner-hero, :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero, :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-hero, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-hero, :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .inner-hero{ isolation: isolate; overflow: hidden; color: #000; background: #eef2f6; } :where(body.page-v2.sf-native-elementor-page) .inner-hero::after{ content: ""; position: absolute; z-index: 0; inset: -3%; background-image: var(--hero-image); background-position: center; background-size: cover; background-repeat: no-repeat; transform: translate3d(var(--hero-x, 0), var(--hero-y, 0), 0) scale(1.045); transition: transform 1.1s cubic-bezier(.2, .7, .2, 1); animation: innerHeroDrift 14s ease-in-out infinite alternate; } :where(body.page-v2.sf-native-elementor-page) .inner-hero-content{ position: relative; z-index: 3; width: min(700px, 62%); padding: clamp(24px, 3vw, 40px); border: 1px solid rgba(255, 255, 255, .82); border-radius: 12px; background: rgba(255, 255, 255, .94); box-shadow: 0 18px 54px rgba(12, 31, 69, .14); backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); } :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero-content, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-hero-content{ width: min(660px, 54%); } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-hero-content{ width: min(820px, calc(100% - 56px)); } :where(body.page-v2.sf-native-elementor-page) .hero-page-badge, :where(body.page-v2.sf-native-elementor-page) .hero-partner-mark{ z-index: 4; } :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-hero::before{ display: none; --display:none !important;display:none !important;} body:where(.page-v2.sf-native-elementor-page).motion-enabled .motion-ready{ opacity: 0; transform: translate3d(0, 28px, 0); transition: opacity .65s ease var(--reveal-delay, 0ms), transform .75s cubic-bezier(.2, .75, .2, 1) var(--reveal-delay, 0ms); } body:where(.page-v2.sf-native-elementor-page).motion-enabled .motion-ready.is-visible{ opacity: 1; transform: translate3d(0, 0, 0); } :where(body.page-v2.sf-native-elementor-page) .inner-media, :where(body.page-v2.sf-native-elementor-page) .equipment-page-card, :where(body.page-v2.sf-native-elementor-page) .csr-feature-main, :where(body.page-v2.sf-native-elementor-page) .csr-photo-grid img{ overflow: hidden; } :where(body.page-v2.sf-native-elementor-page) .inner-media>img, .inner-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .inner-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .equipment-page-card>img, .equipment-page-card> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .equipment-page-card> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .csr-feature-main>img, .csr-feature-main> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .csr-feature-main> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .csr-photo-grid img{ transform: translate3d(0, var(--parallax-y, 0px), 0) scale(1.025); transition: transform .7s cubic-bezier(.2, .7, .2, 1), filter .35s ease; } :where(body.page-v2.sf-native-elementor-page) .inner-media:hover>img, .inner-media:hover> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .inner-media:hover> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .equipment-page-card:hover>img, .equipment-page-card:hover> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .equipment-page-card:hover> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .csr-feature-main:hover>img, .csr-feature-main:hover> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .csr-feature-main:hover> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .csr-photo-grid img:hover{ transform: translate3d(0, var(--parallax-y, 0px), 0) scale(1.075); } :where(body.page-v2.sf-native-elementor-page) .inner-metrics article, :where(body.page-v2.sf-native-elementor-page) .inner-info-card, :where(body.page-v2.sf-native-elementor-page) .equipment-page-card, :where(body.page-v2.sf-native-elementor-page) .inner-process article{ position: relative; transition: transform .35s cubic-bezier(.2, .75, .2, 1), box-shadow .35s ease, border-color .35s ease; } :where(body.page-v2.sf-native-elementor-page) .inner-metrics article{ overflow: hidden; } :where(body.page-v2.sf-native-elementor-page) .inner-metrics article::after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #ed1c24; transform: scaleX(0); transform-origin: left; transition: transform .4s ease; } :where(body.page-v2.sf-native-elementor-page) .inner-metrics article:hover, :where(body.page-v2.sf-native-elementor-page) .inner-info-card:hover, :where(body.page-v2.sf-native-elementor-page) .equipment-page-card:hover{ transform: translateY(-7px); border-color: #cfd7e1; box-shadow: 0 18px 38px rgba(12, 31, 69, .12); } :where(body.page-v2.sf-native-elementor-page) .inner-metrics article:hover::after{ transform: scaleX(1); } :where(body.page-v2.sf-native-elementor-page) .inner-info-card img{ transition: transform .45s cubic-bezier(.2, .75, .2, 1); } :where(body.page-v2.sf-native-elementor-page) .inner-info-card:hover img{ transform: translateY(-3px) scale(1.08) rotate(-3deg); } :where(body.page-v2.sf-native-elementor-page) .inner-timeline::before{ background: linear-gradient(to bottom, #ed1c24 0 var(--timeline-progress, 0%), #e1e6ec var(--timeline-progress, 0%) 100%); } :where(body.page-v2.sf-native-elementor-page) .inner-timeline i{ transition: transform .35s ease, box-shadow .35s ease; } :where(body.page-v2.sf-native-elementor-page) .inner-timeline article.is-visible i{ animation: checkpointPulse .65s ease both; } @media (max-width: 1000px){ :where(body.page-v2.sf-native-elementor-page) .inner-hero-content, :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero-content, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-hero-content{ width: min(650px, 68%); } } @media (max-width: 680px){ :where(body.page-v2.sf-native-elementor-page) .inner-hero, :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-hero{ align-items: flex-end; color: #000; background: #eef2f6; --align-items:flex-end !important;align-items:flex-end !important;} :where(body.page-v2.sf-native-elementor-page) .inner-hero-content, :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero-content, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-hero-content, :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-hero-content{ width: 100%; padding: 22px; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); } :where(body.page-v2.sf-native-elementor-page) .inner-hero::after{ inset: -2%; background-position: 62% center; } } @media (prefers-reduced-motion: reduce){ :where(body.page-v2.sf-native-elementor-page) .page-progress{ display: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .inner-hero::after, :where(body.page-v2.sf-native-elementor-page) .inner-timeline article.is-visible i{ animation: none; } body:where(.page-v2.sf-native-elementor-page).motion-enabled .motion-ready, body:where(.page-v2.sf-native-elementor-page).motion-enabled .motion-ready.is-visible, :where(body.page-v2.sf-native-elementor-page) .inner-media>img, .inner-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .inner-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .equipment-page-card>img, .equipment-page-card> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .equipment-page-card> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .csr-feature-main>img, .csr-feature-main> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .csr-feature-main> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .csr-photo-grid img{ opacity: 1; transform: none; transition: none; } } :where(body.page-v2.sf-native-elementor-page) .inner-hero{ min-height: 470px; color: #000; background: linear-gradient(90deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .9) 42%, rgba(255, 255, 255, .54) 64%, rgba(255, 255, 255, .08) 88%), var(--hero-image) center / cover no-repeat; } :where(body.page-v2.sf-native-elementor-page) .inner-breadcrumb{ margin-bottom: 18px; color: #657184; font-size: 11px; } :where(body.page-v2.sf-native-elementor-page) .inner-breadcrumb a, .inner-breadcrumb .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .inner-breadcrumb .sf-native-tag-a{ color: #000; } :where(body.page-v2.sf-native-elementor-page) .inner-kicker{ margin-bottom: 10px; color: #ed1c24; font-size: 11px; } :where(body.page-v2.sf-native-elementor-page) .inner-hero h1{ max-width: 720px; font-size: clamp(38px, 4.2vw, 52px); line-height: 1.08; letter-spacing: -.8px; } :where(body.page-v2.sf-native-elementor-page) .inner-hero-lead{ max-width: 650px; margin-top: 18px; color: #536174; font-size: 15px; line-height: 1.7; } :where(body.page-v2.sf-native-elementor-page) .inner-section{ padding: 64px 0; } :where(body.page-v2.sf-native-elementor-page) .inner-section.soft{ background: #f7f9fc; } :where(body.page-v2.sf-native-elementor-page) .inner-section h2{ font-size: clamp(27px, 2.5vw, 34px); line-height: 1.22; letter-spacing: -.3px; } :where(body.page-v2.sf-native-elementor-page) .inner-section .section-heading>p:last-child, .inner-section .section-heading> .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .inner-section .section-heading> .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, .inner-section .section-heading> .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .inner-section .section-heading> .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .inner-copy>p, .inner-copy> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .inner-copy> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, .inner-copy> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .inner-copy> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p{ font-size: 13px; line-height: 1.75; } :where(body.page-v2.sf-native-elementor-page) .inner-red-label{ font-size: 10px; } :where(body.page-v2.sf-native-elementor-page) .inner-metrics strong{ font-size: 27px; } :where(body.page-v2.sf-native-elementor-page) .inner-metrics span{ font-size: 12px; } :where(body.page-v2.sf-native-elementor-page) .inner-checks li{ font-size: 13px; } :where(body.page-v2.sf-native-elementor-page) .inner-info-card strong{ font-size: 16px; } :where(body.page-v2.sf-native-elementor-page) .inner-info-card p{ font-size: 12px; } :where(body.page-v2.sf-native-elementor-page) .inner-process h3{ font-size: 15px; } :where(body.page-v2.sf-native-elementor-page) .inner-process p{ font-size: 12px; } :where(body.page-v2.sf-native-elementor-page) .inner-timeline h3{ font-size: 17px; } :where(body.page-v2.sf-native-elementor-page) .inner-timeline p{ font-size: 13px; } :where(body.page-v2.sf-native-elementor-page) .equipment-page-card h3{ font-size: 18px; } :where(body.page-v2.sf-native-elementor-page) .equipment-page-card p{ font-size: 12px; } :where(body.page-v2.sf-native-elementor-page) .csr-feature-main h3{ font-size: 23px; } :where(body.page-v2.sf-native-elementor-page) .csr-feature-main p{ font-size: 13px; } :where(body.page-v2.sf-native-elementor-page) .inner-quote{ font-size: 15px; } :where(body.page-v2.sf-native-elementor-page) .hero-page-badge strong{ font-size: 27px; } :where(body.page-v2.sf-native-elementor-page) .hero-page-badge span{ font-size: 10px; } :where(body.page-v2.sf-native-elementor-page) .inner-cta{ background: #f4f6f9; color: #000; border-top: 1px solid #e1e6ec; } :where(body.page-v2.sf-native-elementor-page) .inner-cta h2{ color: #000; font-size: clamp(27px, 2.5vw, 34px); } :where(body.page-v2.sf-native-elementor-page) .inner-cta p{ color: #596778; font-size: 13px; } :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-hero::before{ color: rgba(237, 28, 36, .045); } :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main>.inner-section:nth-of-type(3), [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3), :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3){ background: #f7f9fc; color: #000; } :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main>.inner-section:nth-of-type(3)::before, [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3)::before, :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3)::before{ opacity: .6; background: repeating-linear-gradient(90deg, transparent 0 78px, #e8ecf2 79px 80px); } :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main>.inner-section:nth-of-type(3) h2, [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) h2, :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) h2, :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main>.inner-section:nth-of-type(3) .inner-process h3, [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-process h3, :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-process h3{ color: #000; } :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main>.inner-section:nth-of-type(3) .inner-process p, [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-process p, :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-process p{ color: #687587; } :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main>.inner-section:nth-of-type(3) .inner-process article:not(:last-child)::after, [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-process article:not(:last-child)::after, :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-process article:not(:last-child)::after{ background: #dce2e9; } :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero h1{ font-size: clamp(38px, 4.2vw, 52px); } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-hero{ color: #000; background: linear-gradient(90deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .66) 60%, rgba(255, 255, 255, .16)), var(--hero-image) center/cover; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-breadcrumb{ color: #657184; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-breadcrumb a, [data-page="journey"] .inner-breadcrumb .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-breadcrumb .sf-native-tag-a{ color: #000; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-hero-lead{ color: #536174; } :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-info-card:first-child, [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:first-child, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:first-child, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-info-card:last-child, [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:last-child, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:last-child{ background: #fff; } :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-info-card:first-child, [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:first-child, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:first-child{ border-top: 3px solid #000; } :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-info-card:last-child, [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:last-child, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:last-child{ border-top: 3px solid #ed1c24; } :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-info-card:first-child strong, [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:first-child strong, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:first-child strong, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-info-card:last-child strong, [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:last-child strong, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:last-child strong{ color: #10264a; } :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-info-card:first-child p, [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:first-child p, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:first-child p, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-info-card:last-child p, [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:last-child p, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:last-child p{ color: #647183; } :where(body.page-v2.sf-native-elementor-page) [data-page="why"] .inner-metrics{ gap: 12px; overflow: visible; box-shadow: none; --gap:12px !important;gap:12px !important;} :where(body.page-v2.sf-native-elementor-page) [data-page="why"] .inner-metrics article{ border: 1px solid #e2e7ed; border-top: 3px solid #ed1c24; border-radius: 7px; background: #fff; } :where(body.page-v2.sf-native-elementor-page) [data-page="why"] .inner-metrics article+article{ border-left: 1px solid #e2e7ed; } :where(body.page-v2.sf-native-elementor-page) [data-page="why"] .inner-metrics strong{ color: #ed1c24; font-size: 29px; } :where(body.page-v2.sf-native-elementor-page) [data-page="why"] .inner-metrics span{ color: #536174; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-metrics{ margin-top: -42px; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-metrics article{ background: #fff; border: 1px solid #e2e7ed; border-top: 3px solid #ed1c24; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-metrics strong{ color: #ed1c24; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-metrics span{ color: #536174; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-page-main>.inner-section:nth-of-type(2), [data-page="equipment"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2), :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2){ background: #f7f9fc; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-page-main>.inner-section:nth-of-type(2) .section-heading h2, [data-page="equipment"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .section-heading h2, :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .section-heading h2{ color: #000; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-page-main>.inner-section:nth-of-type(2) .section-heading>p:last-child, [data-page="equipment"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .section-heading> .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .section-heading> .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, [data-page="equipment"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .section-heading> .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .section-heading> .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p{ color: #596778; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-card{ border-color: #e1e6ec; background: #fff; color: #000; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-card h3{ color: #000; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-card p{ color: #647183; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-specs span{ background: #f1f4f8; color: #263b5c; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .inner-hero{ color: #000; background: linear-gradient(90deg, rgba(255, 255, 255, .97), rgba(255, 255, 255, .72) 60%, rgba(255, 255, 255, .12)), var(--hero-image) center/cover; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .inner-breadcrumb{ color: #657184; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .inner-breadcrumb a, [data-page="csr"] .inner-breadcrumb .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .inner-breadcrumb .sf-native-tag-a{ color: #000; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .inner-hero-lead{ color: #536174; } @media (max-width: 680px){ :where(body.page-v2.sf-native-elementor-page) .inner-hero h1, :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero h1{ font-size: 38px; } :where(body.page-v2.sf-native-elementor-page) .inner-hero-lead{ font-size: 14px; } :where(body.page-v2.sf-native-elementor-page) .inner-section{ padding: 48px 0; } :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-hero{ color: #000; background: linear-gradient(90deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .7)), var(--hero-image) center/cover; } :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-breadcrumb, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-breadcrumb{ color: #657184; } :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-breadcrumb a, [data-page="company"] .inner-breadcrumb .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-breadcrumb .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-breadcrumb a, [data-page="kamigumi"] .inner-breadcrumb .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-breadcrumb .sf-native-tag-a{ color: #000; } :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero-lead, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-hero-lead{ color: #536174; } } :where(body.page-v2.sf-native-elementor-page) .inner-page .inner-hero .inner-breadcrumb{ display: inline-flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 8px; min-height: 30px; margin: 0 0 18px; padding: 7px 11px; border: 1px solid rgba(207, 215, 226, .92); border-radius: 999px; color: #657184; background: rgba(255, 255, 255, .88); font-size: 11px; font-weight: 650; line-height: 1; letter-spacing: .08px; box-shadow: 0 5px 16px rgba(12, 31, 69, .05); backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); --display:inline-flex !important;display:inline-flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:8px !important;gap:8px !important;--align-items:center !important;align-items:center !important;--justify-content:flex-start !important;justify-content:flex-start !important;--flex-wrap:wrap !important;flex-wrap:wrap !important;} :where(body.page-v2.sf-native-elementor-page) .inner-page .inner-hero .inner-breadcrumb a, .inner-page .inner-hero .inner-breadcrumb .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .inner-page .inner-hero .inner-breadcrumb .sf-native-tag-a{ color: #000; font-weight: 800; } :where(body.page-v2.sf-native-elementor-page) .inner-page .inner-hero .inner-breadcrumb>span:not(:last-child), .inner-page .inner-hero .inner-breadcrumb> .elementor-widget-sf-atomic-text > .elementor-widget-container > span:not(:last-child), :where(body.page-v2.sf-native-elementor-page) .inner-page .inner-hero .inner-breadcrumb> .elementor-widget-sf-atomic-text > .elementor-widget-container > span:not(:last-child), .inner-page .inner-hero .inner-breadcrumb> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span:not(:last-child), :where(body.page-v2.sf-native-elementor-page) .inner-page .inner-hero .inner-breadcrumb> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span:not(:last-child){ color: #ed1c24; font-weight: 850; } :where(body.page-v2.sf-native-elementor-page) .inner-page .inner-hero .inner-breadcrumb>span:last-child, .inner-page .inner-hero .inner-breadcrumb> .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .inner-page .inner-hero .inner-breadcrumb> .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > span, .inner-page .inner-hero .inner-breadcrumb> .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .inner-page .inner-hero .inner-breadcrumb> .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > span{ color: #657184; } @media (max-width: 680px){ :where(body.page-v2.sf-native-elementor-page) .inner-page .inner-hero .inner-breadcrumb{ margin-bottom: 16px; padding: 7px 10px; font-size: 10px; } } :where(body.page-v2.sf-native-elementor-page) .inner-hero, :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero, :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-hero, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-hero, :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .inner-hero{ isolation: isolate; overflow: hidden; color: #000; background: #eef2f6; } :where(body.page-v2.sf-native-elementor-page) .inner-hero::after{ content: ""; position: absolute; z-index: 0; inset: -3%; background: var(--hero-image) center / cover no-repeat; transform: translate3d(var(--hero-x, 0), var(--hero-y, 0), 0) scale(1.045); transition: transform 1.1s cubic-bezier(.2, .7, .2, 1); animation: innerHeroDrift 14s ease-in-out infinite alternate; } :where(body.page-v2.sf-native-elementor-page) .inner-hero-content{ position: relative; z-index: 3; width: min(700px, 62%); padding: clamp(24px, 3vw, 40px); border: 1px solid rgba(255, 255, 255, .82); border-radius: 12px; background: rgba(255, 255, 255, .94); box-shadow: 0 18px 54px rgba(12, 31, 69, .14); backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); } :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero-content, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-hero-content{ width: min(660px, 54%); } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-hero-content{ width: min(820px, calc(100% - 56px)); } :where(body.page-v2.sf-native-elementor-page) .hero-page-badge, :where(body.page-v2.sf-native-elementor-page) .hero-partner-mark{ z-index: 4; } :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-hero::before{ display: none; --display:none !important;display:none !important;} @media (max-width: 1000px){ :where(body.page-v2.sf-native-elementor-page) .inner-hero-content, :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero-content, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-hero-content{ width: min(650px, 68%); } } @media (max-width: 680px){ :where(body.page-v2.sf-native-elementor-page) .inner-hero, :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-hero{ align-items: flex-end; color: #000; background: #eef2f6; --align-items:flex-end !important;align-items:flex-end !important;} :where(body.page-v2.sf-native-elementor-page) .inner-hero-content, :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero-content, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-hero-content, :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-hero-content{ width: 100%; padding: 22px; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); } :where(body.page-v2.sf-native-elementor-page) .inner-hero::after{ inset: -2%; background-position: 62% center; } } @media (prefers-reduced-motion: reduce){ :where(body.page-v2.sf-native-elementor-page) .inner-hero::after{ animation: none; transform: none; transition: none; } } :where(body.page-v2.sf-native-elementor-page) .hero-page-badge{ position: absolute; right: max(28px, calc((100vw - 1320px) / 2 + 40px)); bottom: 52px; z-index: 2; display: flex; align-items: center; gap: 15px; padding: 17px 20px; border: 1px solid rgba(255, 255, 255, .28); border-radius: 8px; background: rgba(255, 255, 255, .94); color: #000; box-shadow: 0 12px 30px rgba(5, 20, 50, .18); --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:15px !important;gap:15px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .hero-page-badge strong{ color: #ed1c24; font-size: 31px; line-height: 1; } :where(body.page-v2.sf-native-elementor-page) .hero-page-badge span{ padding-left: 14px; border-left: 1px solid #dce2e9; font-size: 11px; font-weight: 750; line-height: 1.45; } :where(body.page-v2.sf-native-elementor-page) .hero-partner-mark{ position: absolute; right: max(28px, calc((100vw - 1320px) / 2 + 40px)); bottom: 62px; width: min(370px, 34vw); padding: 24px 28px; border: 1px solid #dfe5ec; border-radius: 9px; background: rgba(255, 255, 255, .96); box-shadow: 0 14px 35px rgba(12, 31, 69, .1); } :where(body.page-v2.sf-native-elementor-page) .hero-partner-mark small{ display: block; margin-bottom: 14px; color: #ed1c24; font-size: 10px; font-weight: 850; letter-spacing: .7px; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .hero-partner-mark img{ width: 100%; height: 68px; object-fit: contain; } :where(body.page-v2.sf-native-elementor-page) .hero-partner-mark strong{ display: block; color: #000; font-size: 24px; line-height: 1.15; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .hero-partner-mark span{ display: block; margin-top: 8px; color: #617083; font-size: 11px; line-height: 1.5; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-hero{ min-height: 540px; padding-bottom: 80px; } :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-hero::before{ content: "CFS"; position: absolute; right: 3vw; top: 38px; color: rgba(255, 255, 255, .07); font-size: clamp(130px, 20vw, 290px); font-weight: 900; line-height: 1; letter-spacing: -12px; } :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-hero-content{ position: relative; z-index: 1; max-width: 720px; } :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-hero h1{ max-width: 680px; } :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-metrics article{ border-top: 4px solid #ed1c24; border-radius: 3px 3px 9px 9px; box-shadow: 0 12px 26px rgba(12, 31, 69, .07); } :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main>.inner-section:nth-of-type(3), [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3), :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3){ position: relative; background: #081c3e; color: #fff; } :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main>.inner-section:nth-of-type(3)::before, [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3)::before, :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3)::before{ content: ""; position: absolute; inset: 0; opacity: .08; background: repeating-linear-gradient(90deg, transparent 0 78px, #fff 79px 80px); } :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main>.inner-section:nth-of-type(3) .inner-container, [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-container, :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-container{ position: relative; } :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main>.inner-section:nth-of-type(3) h2, [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) h2, :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) h2{ color: #fff; } :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main>.inner-section:nth-of-type(3) .inner-process p, [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-process p, :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-process p{ color: #b7c2d2; } :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main>.inner-section:nth-of-type(3) .inner-process h3, [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-process h3, :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-process h3{ color: #fff; } :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main>.inner-section:nth-of-type(3) .inner-process article:not(:last-child)::after, [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-process article:not(:last-child)::after, :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-process article:not(:last-child)::after{ background: rgba(255, 255, 255, .25); } :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero{ min-height: 590px; align-items: center; color: #000; background: linear-gradient(90deg, #f7f9fc 0%, #f7f9fc 47%, rgba(247, 249, 252, .92) 55%, rgba(247, 249, 252, .08) 77%), var(--hero-image) right center / 64% 100% no-repeat; --align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero-content{ width: 52%; } :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-breadcrumb{ color: #667181; } :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-breadcrumb a, [data-page="company"] .inner-breadcrumb .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-breadcrumb .sf-native-tag-a{ color: #000; } :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero-lead{ color: #566579; } :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero h1{ font-size: clamp(42px, 5vw, 70px); } :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .hero-page-badge{ bottom: 38px; } :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-metrics{ margin-top: -24px; } :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-metrics article{ box-shadow: none; border: 0; border-left: 3px solid #ed1c24; background: #fff; } :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-split{ grid-template-columns: .9fr 1.1fr; } :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-media>img, [data-page="company"] .inner-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ height: 520px; border-radius: 2px 44px 2px 2px; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-hero{ min-height: 460px; align-items: center; justify-content: center; text-align: center; background: linear-gradient(rgba(5, 20, 50, .78), rgba(5, 20, 50, .82)), var(--hero-image) center/cover; --align-items:center !important;align-items:center !important;--justify-content:center !important;justify-content:center !important;} :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-hero-content{ width: min(820px, 100%); } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-breadcrumb{ justify-content: center; --justify-content:center !important;justify-content:center !important;} :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-hero-lead{ margin-inline: auto; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-page-main>.inner-section:nth-of-type(2) .inner-media>img, [data-page="journey"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .inner-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .inner-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ height: 500px; border-radius: 120px 12px 12px 12px; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-timeline{ display: block; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-timeline::before{ left: 50%; top: 0; bottom: 0; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-timeline article{ grid-template-columns: 1fr 64px 1fr; gap: 28px; min-height: 145px; --gap:28px !important;gap:28px !important;} :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-timeline i{ grid-column: 2; justify-self: center; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-timeline div{ grid-column: 1; grid-row: 1; text-align: right; padding-top: 0; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-timeline article:nth-child(even) div{ grid-column: 3; text-align: left; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-timeline article:nth-child(odd) h3{ color: #ed1c24; } :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-hero{ min-height: 500px; background-position: center 32%; } :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-hero-content{ max-width: 650px; } :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3), [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3), :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3){ background: #f3f6fa; } :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-card-grid, [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-card-grid, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-card-grid{ grid-template-columns: repeat(6, 1fr); } :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-info-card, [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card{ min-height: 220px; display: flex; flex-direction: column; justify-content: flex-end; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;--justify-content:flex-end !important;justify-content:flex-end !important;} :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-info-card:nth-child(1), [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:nth-child(1), :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:nth-child(1), :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-info-card:nth-child(4), [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:nth-child(4), :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:nth-child(4){ grid-column: span 3; } :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-info-card:nth-child(2), [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:nth-child(2), :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:nth-child(2), :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-info-card:nth-child(3), [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:nth-child(3), :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:nth-child(3){ grid-column: span 3; } :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-info-card:first-child, [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:first-child, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:first-child{ background: #000; } :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-info-card:first-child strong, [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:first-child strong, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:first-child strong, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-info-card:first-child p, [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:first-child p, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:first-child p{ color: #fff; } :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-info-card:last-child, [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:last-child, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:last-child{ background: #ed1c24; } :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-info-card:last-child strong, [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:last-child strong, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:last-child strong, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-info-card:last-child p, [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:last-child p, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:last-child p{ color: #fff; } :where(body.page-v2.sf-native-elementor-page) [data-page="why"] .inner-hero{ min-height: 510px; background-position: center 58%; } :where(body.page-v2.sf-native-elementor-page) [data-page="why"] .inner-metrics{ gap: 0; border-radius: 10px; overflow: hidden; box-shadow: 0 14px 34px rgba(12, 31, 69, .12); --gap:0 !important;gap:0 !important;} :where(body.page-v2.sf-native-elementor-page) [data-page="why"] .inner-metrics article{ border: 0; border-radius: 0; box-shadow: none; background: #000; } :where(body.page-v2.sf-native-elementor-page) [data-page="why"] .inner-metrics article+article{ border-left: 1px solid rgba(255, 255, 255, .12); } :where(body.page-v2.sf-native-elementor-page) [data-page="why"] .inner-metrics strong{ color: #fff; font-size: 38px; } :where(body.page-v2.sf-native-elementor-page) [data-page="why"] .inner-metrics span{ color: #b7c2d2; } :where(body.page-v2.sf-native-elementor-page) [data-page="why"] .inner-page-main>.inner-section:nth-of-type(2) .inner-card-grid, [data-page="why"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .inner-card-grid, :where(body.page-v2.sf-native-elementor-page) [data-page="why"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .inner-card-grid{ grid-template-columns: 1fr 1fr; } :where(body.page-v2.sf-native-elementor-page) [data-page="why"] .inner-page-main>.inner-section:nth-of-type(2) .inner-info-card, [data-page="why"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .inner-info-card, :where(body.page-v2.sf-native-elementor-page) [data-page="why"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .inner-info-card{ display: grid; grid-template-columns: 64px 1fr; align-items: center; gap: 0 20px; min-height: 180px; --display:grid !important;display:grid !important;--gap:0 20px !important;gap:0 20px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) [data-page="why"] .inner-page-main>.inner-section:nth-of-type(2) .inner-info-card img, [data-page="why"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .inner-info-card img, :where(body.page-v2.sf-native-elementor-page) [data-page="why"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .inner-info-card img{ grid-row: 1 / 3; width: 58px; height: 58px; margin: 0; } :where(body.page-v2.sf-native-elementor-page) [data-page="why"] .inner-page-main>.inner-section:nth-of-type(2) .inner-info-card p, [data-page="why"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .inner-info-card p, :where(body.page-v2.sf-native-elementor-page) [data-page="why"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .inner-info-card p{ margin-top: 6px; } :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-hero{ min-height: 560px; align-items: center; color: #000; background: linear-gradient(90deg, rgba(255, 255, 255, .98) 0 45%, rgba(255, 255, 255, .76) 60%, rgba(255, 255, 255, .18)), var(--hero-image) center/cover; --align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-hero-content{ width: 52%; } :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-breadcrumb{ color: #637184; } :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-breadcrumb a, [data-page="kamigumi"] .inner-breadcrumb .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-breadcrumb .sf-native-tag-a{ color: #000; } :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-hero-lead{ color: #596778; } :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-logo-panel{ background: radial-gradient(circle at center, #fff 0 45%, #f4f7fb 72%); border-radius: 50% 12px 50% 12px; } :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-page-main>.inner-section:nth-of-type(3) .inner-card-grid, [data-page="kamigumi"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-card-grid, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-card-grid{ position: relative; } :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-page-main>.inner-section:nth-of-type(3) .inner-info-card, [data-page="kamigumi"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card{ border-top: 3px solid #ed1c24; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-hero{ min-height: 560px; background-position: center 68%; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-metrics{ margin-top: -68px; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-metrics article{ background: #000; border-color: #263d63; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-metrics strong{ color: #fff; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-metrics span{ color: #b7c2d2; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-page-main>.inner-section:nth-of-type(2), [data-page="equipment"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2), :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2){ background: #07182f; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-page-main>.inner-section:nth-of-type(2) .section-heading h2, [data-page="equipment"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .section-heading h2, :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .section-heading h2{ color: #fff; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-page-main>.inner-section:nth-of-type(2) .section-heading>p:last-child, [data-page="equipment"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .section-heading> .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .section-heading> .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, [data-page="equipment"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .section-heading> .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .section-heading> .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p{ color: #aab6c7; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-grid{ grid-template-columns: repeat(12, 1fr); } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-card{ grid-column: span 4; border-color: #203650; background: #0d2341; color: #fff; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-card:first-child{ grid-column: span 8; grid-row: span 2; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-card:first-child>img, [data-page="equipment"] .equipment-page-card:first-child> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-card:first-child> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ height: 470px; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-card h3{ color: #fff; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-card p{ color: #aeb9c8; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-specs span{ background: #19304f; color: #dce4ed; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .inner-hero{ min-height: 600px; align-items: center; background: linear-gradient(90deg, rgba(5, 20, 50, .93), rgba(5, 20, 50, .48) 58%, rgba(5, 20, 50, .12)), var(--hero-image) center/cover; --align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .inner-hero-content{ max-width: 770px; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .inner-metrics{ margin-top: -64px; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .inner-metrics article{ min-height: 150px; display: flex; flex-direction: column; justify-content: center; border-bottom: 3px solid #ed1c24; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;--justify-content:center !important;justify-content:center !important;} :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .csr-initiatives-section .csr-feature{ grid-template-columns: 1.35fr .65fr; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .csr-initiatives-section .csr-feature-main{ min-height: 570px; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .csr-initiatives-section .csr-feature-main>img, [data-page="csr"] .csr-initiatives-section .csr-feature-main> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .csr-initiatives-section .csr-feature-main> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ object-position: center top; transform-origin: center top; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .csr-initiatives-section .csr-photo-grid{ grid-template-columns: 1fr 1fr; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .csr-initiatives-section .csr-photo-grid img{ display: block; /*height: 135px;*/ --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .csr-initiatives-section .csr-photo-grid button, [data-page="csr"] .csr-initiatives-section .csr-photo-grid .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .csr-initiatives-section .csr-photo-grid .sf-native-tag-button{ height: 120px; position: relative; outline: 2px solid transparent; outline-offset: 2px; transition: outline-color .25s ease, transform .3s ease; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .csr-initiatives-section .csr-photo-grid button:hover, [data-page="csr"] .csr-initiatives-section .csr-photo-grid .sf-native-tag-button:hover, :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .csr-initiatives-section .csr-photo-grid .sf-native-tag-button:hover{ transform: translateX(-5px); } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .csr-initiatives-section .csr-photo-grid button:focus-visible, [data-page="csr"] .csr-initiatives-section .csr-photo-grid .sf-native-tag-button:focus-visible, :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .csr-initiatives-section .csr-photo-grid .sf-native-tag-button:focus-visible, :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .csr-initiatives-section .csr-photo-grid button.is-active, [data-page="csr"] .csr-initiatives-section .csr-photo-grid .sf-native-tag-button.is-active, :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .csr-initiatives-section .csr-photo-grid .sf-native-tag-button.is-active{ outline-color: #ed1c24; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .csr-sustainability-overview{ background: #f3f8f0; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .csr-sustainability-overview .inner-red-label{ color: #58a642; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .csr-sustainability-overview .inner-media>img, [data-page="csr"] .csr-sustainability-overview .inner-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .csr-sustainability-overview .inner-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ object-fit: contain; background: transparent; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .csr-sustainability-overview .inner-checks li::before{ color: #58a642; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .csr-sustainability-highlights .inner-info-card{ border-color: #dfead9; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .sustainability-gallery-section{ background: #fff; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .sustainability-gallery-section .inner-red-label{ color: #58a642; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .sustainability-detail-gallery{ display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(360px, .75fr); grid-template-rows: 440px; gap: 14px; margin-top: 30px; --display:grid !important;display:grid !important;--gap:14px !important;gap:14px !important;} :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .sustainability-detail-gallery figure, [data-page="csr"] .sustainability-detail-gallery .sf-native-tag-figure, :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .sustainability-detail-gallery .sf-native-tag-figure{ position: relative; margin: 0; overflow: hidden; border-radius: 10px; background: #eef3ec; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .sustainability-detail-gallery img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .55s cubic-bezier(.22, 1, .36, 1), filter .3s ease; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .sustainability-detail-gallery figcaption, [data-page="csr"] .sustainability-detail-gallery .sf-native-tag-figcaption, :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .sustainability-detail-gallery .sf-native-tag-figcaption{ position: absolute; right: 14px; bottom: 14px; left: 14px; display: grid; gap: 3px; padding: 13px 15px; border: 1px solid rgba(255, 255, 255, .78); border-radius: 7px; color: #000; background: rgba(255, 255, 255, .92); backdrop-filter: blur(8px); --display:grid !important;display:grid !important;--gap:3px !important;gap:3px !important;} :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .sustainability-detail-gallery figcaption span, [data-page="csr"] .sustainability-detail-gallery .sf-native-tag-figcaption span, :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .sustainability-detail-gallery .sf-native-tag-figcaption span{ color: #4f8f40; text-transform: uppercase; letter-spacing: .5px; font-size: 10px; font-weight: 850; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .sustainability-detail-gallery figcaption strong, [data-page="csr"] .sustainability-detail-gallery .sf-native-tag-figcaption strong, :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .sustainability-detail-gallery .sf-native-tag-figcaption strong{ font-size: 14px; line-height: 1.3; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .sustainability-detail-gallery figure:hover img, [data-page="csr"] .sustainability-detail-gallery .sf-native-tag-figure:hover img, :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .sustainability-detail-gallery .sf-native-tag-figure:hover img{ filter: saturate(1.06) contrast(1.02); transform: scale(1.045); } @media (max-width: 1000px){ :where(body.page-v2.sf-native-elementor-page) .hero-page-badge, :where(body.page-v2.sf-native-elementor-page) .hero-partner-mark{ right: 28px; } :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero-content, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-hero-content{ width: 62%; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-timeline::before{ left: 23px; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-timeline article{ grid-template-columns: 48px 1fr; gap: 20px; --gap:20px !important;gap:20px !important;} :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-timeline i{ grid-column: 1; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-timeline div, :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-timeline article:nth-child(even) div{ grid-column: 2; text-align: left; } :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-card-grid, [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-card-grid, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-card-grid{ grid-template-columns: 1fr 1fr; } :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-info-card, [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card{ grid-column: auto !important; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-card, :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-card:first-child{ grid-column: span 6; grid-row: auto; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-card:first-child>img, [data-page="equipment"] .equipment-page-card:first-child> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-card:first-child> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ height: 240px; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .sustainability-detail-gallery{ grid-template-columns: 1fr 1fr; grid-template-rows: 340px; } } @media (max-width: 680px){ :where(body.page-v2.sf-native-elementor-page) .hero-page-badge, :where(body.page-v2.sf-native-elementor-page) .hero-partner-mark{ position: static; width: 100%; margin-top: 24px; } :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-hero{ min-height: 520px; align-items: flex-end; color: #fff; background: linear-gradient(rgba(5, 20, 50, .72), rgba(5, 20, 50, .9)), var(--hero-image) center/cover; --align-items:flex-end !important;align-items:flex-end !important;} :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero-content, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-hero-content{ width: 100%; } :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-breadcrumb, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-breadcrumb{ color: rgba(255, 255, 255, .75); } :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-breadcrumb a, [data-page="company"] .inner-breadcrumb .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-breadcrumb .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-breadcrumb a, [data-page="kamigumi"] .inner-breadcrumb .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-breadcrumb .sf-native-tag-a{ color: #fff; } :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero-lead, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-hero-lead{ color: rgba(255, 255, 255, .82); } :where(body.page-v2.sf-native-elementor-page) [data-page="why"] .inner-metrics{ gap: 1px; --gap:1px !important;gap:1px !important;} :where(body.page-v2.sf-native-elementor-page) [data-page="why"] .inner-metrics article+article{ border-left: 0; } :where(body.page-v2.sf-native-elementor-page) [data-page="why"] .inner-page-main>.inner-section:nth-of-type(2) .inner-card-grid, [data-page="why"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .inner-card-grid, :where(body.page-v2.sf-native-elementor-page) [data-page="why"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .inner-card-grid{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-card-grid, [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-card-grid, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-card-grid{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-grid{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-card, :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-card:first-child{ grid-column: auto; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .csr-initiatives-section .csr-feature{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .csr-initiatives-section .csr-feature-main{ min-height: 410px; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .csr-initiatives-section .csr-photo-grid{ grid-template-columns: 1fr 1fr; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .sustainability-detail-gallery{ grid-template-columns: 1fr; grid-template-rows: none; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .sustainability-detail-gallery figure, [data-page="csr"] .sustainability-detail-gallery .sf-native-tag-figure, :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .sustainability-detail-gallery .sf-native-tag-figure{ grid-row: auto; height: 230px; } } @media (prefers-reduced-motion: reduce){ :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .sustainability-detail-gallery img{ transition: none; } } :where(body.page-v2.sf-native-elementor-page) .inner-hero{ color: #000; background: linear-gradient(90deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .9) 42%, rgba(255, 255, 255, .54) 64%, rgba(255, 255, 255, .08) 88%), var(--hero-image) center/cover no-repeat; } :where(body.page-v2.sf-native-elementor-page) .inner-breadcrumb{ color: #657184; } :where(body.page-v2.sf-native-elementor-page) .inner-breadcrumb a, .inner-breadcrumb .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .inner-breadcrumb .sf-native-tag-a{ color: #000; } :where(body.page-v2.sf-native-elementor-page) .inner-hero-lead{ color: #536174; } :where(body.page-v2.sf-native-elementor-page) .inner-hero h1, :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero h1{ font-size: clamp(38px, 4.2vw, 52px); } :where(body.page-v2.sf-native-elementor-page) .inner-cta{ background: #f4f6f9; color: #000; border-top: 1px solid #e1e6ec; } :where(body.page-v2.sf-native-elementor-page) .inner-cta h2{ color: #000; } :where(body.page-v2.sf-native-elementor-page) .inner-cta p{ color: #596778; } :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-hero::before{ color: rgba(237, 28, 36, .045); } :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main>.inner-section:nth-of-type(3), [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3), :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3){ background: #f7f9fc; color: #000; } :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main>.inner-section:nth-of-type(3)::before, [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3)::before, :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3)::before{ opacity: .6; background: repeating-linear-gradient(90deg, transparent 0 78px, #e8ecf2 79px 80px); } :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main>.inner-section:nth-of-type(3) h2, [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) h2, :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) h2, :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main>.inner-section:nth-of-type(3) .inner-process h3, [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-process h3, :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-process h3{ color: #000; } :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main>.inner-section:nth-of-type(3) .inner-process p, [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-process p, :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-process p{ color: #687587; } :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main>.inner-section:nth-of-type(3) .inner-process article:not(:last-child)::after, [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-process article:not(:last-child)::after, :where(body.page-v2.sf-native-elementor-page) [data-page="cfs"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-process article:not(:last-child)::after{ background: #dce2e9; } :where(body.page-v2.sf-native-elementor-page) [data-page="journey"] .inner-hero{ color: #000; background: linear-gradient(90deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .66) 60%, rgba(255, 255, 255, .16)), var(--hero-image) center/cover; } :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-info-card:first-child, [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:first-child, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:first-child, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-info-card:last-child, [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:last-child, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:last-child{ background: #fff; } :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-info-card:first-child, [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:first-child, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:first-child{ border-top: 3px solid #000; } :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-info-card:last-child, [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:last-child, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:last-child{ border-top: 3px solid #ed1c24; } :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-info-card:first-child strong, [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:first-child strong, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:first-child strong, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-info-card:last-child strong, [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:last-child strong, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:last-child strong{ color: #10264a; } :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-info-card:first-child p, [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:first-child p, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:first-child p, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main>.inner-section:nth-of-type(3) .inner-info-card:last-child p, [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:last-child p, :where(body.page-v2.sf-native-elementor-page) [data-page="leadership"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(3) .inner-info-card:last-child p{ color: #647183; } :where(body.page-v2.sf-native-elementor-page) [data-page="why"] .inner-metrics{ gap: 12px; overflow: visible; box-shadow: none; --gap:12px !important;gap:12px !important;} :where(body.page-v2.sf-native-elementor-page) [data-page="why"] .inner-metrics article{ border: 1px solid #e2e7ed; border-top: 3px solid #ed1c24; border-radius: 7px; background: #fff; } :where(body.page-v2.sf-native-elementor-page) [data-page="why"] .inner-metrics article+article{ border-left: 1px solid #e2e7ed; } :where(body.page-v2.sf-native-elementor-page) [data-page="why"] .inner-metrics strong{ color: #ed1c24; font-size: 29px; } :where(body.page-v2.sf-native-elementor-page) [data-page="why"] .inner-metrics span{ color: #536174; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-metrics{ margin-top: -42px; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-metrics article{ background: #fff; border: 1px solid #e2e7ed; border-top: 3px solid #ed1c24; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-metrics strong{ color: #ed1c24; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-metrics span{ color: #536174; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-page-main>.inner-section:nth-of-type(2), [data-page="equipment"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2), :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2){ background: #f7f9fc; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-page-main>.inner-section:nth-of-type(2) .section-heading h2, [data-page="equipment"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .section-heading h2, :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .section-heading h2{ color: #000; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-page-main>.inner-section:nth-of-type(2) .section-heading>p:last-child, [data-page="equipment"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .section-heading> .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .section-heading> .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, [data-page="equipment"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .section-heading> .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .inner-page-main> .sf-atomic-shell > .elementor-widget-container > .inner-section:nth-of-type(2) .section-heading> .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p{ color: #596778; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-card{ border-color: #e1e6ec; background: #fff; color: #000; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-card h3{ color: #000; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-page-card p{ color: #647183; } :where(body.page-v2.sf-native-elementor-page) [data-page="equipment"] .equipment-specs span{ background: #f1f4f8; color: #263b5c; } :where(body.page-v2.sf-native-elementor-page) [data-page="csr"] .inner-hero{ color: #000; background: linear-gradient(90deg, rgba(255, 255, 255, .97), rgba(255, 255, 255, .72) 60%, rgba(255, 255, 255, .12)), var(--hero-image) center/cover; } :where(body.page-v2.sf-native-elementor-page) .count-section1{ display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; margin-top: -42px; position: relative; z-index: 2; --display:grid !important;display:grid !important;--gap:14px !important;gap:14px !important;} :where(body.page-v2.sf-native-elementor-page) .inner-section .section-heading{ max-width: 1300px; margin-bottom: 34px; } @media (max-width: 1000px){ :where(body.page-v2.sf-native-elementor-page) .count-section1{ grid-template-columns: repeat(3, 1fr); } } @media (max-width: 680px){ :where(body.page-v2.sf-native-elementor-page) .inner-hero h1, :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero h1{ font-size: 34px; } :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-hero{ color: #000; background: linear-gradient(90deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .7)), var(--hero-image) center/cover; } :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-breadcrumb, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-breadcrumb{ color: #657184; } :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-breadcrumb a, [data-page="company"] .inner-breadcrumb .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-breadcrumb .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-breadcrumb a, [data-page="kamigumi"] .inner-breadcrumb .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-breadcrumb .sf-native-tag-a{ color: #000; } :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-hero-lead, :where(body.page-v2.sf-native-elementor-page) [data-page="kamigumi"] .inner-hero-lead{ color: #536174; } :where(body.page-v2.sf-native-elementor-page) .count-section1{ grid-template-columns: repeat(2, 1fr); } } :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-media > img, [data-page="company"] .inner-media > .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-media > .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ height: 100%; border-radius: 2px 44px 2px 2px; } /* investor-pages.css */ /* Auto-generated from investor-pages.css. */ :where(body.page-v2.sf-native-elementor-page) .governance-page .inner-hero{ min-height: 470px; } :where(body.page-v2.sf-native-elementor-page) .governance-page .inner-hero-content{ width: min(680px, 58%); } :where(body.page-v2.sf-native-elementor-page) .governance-page .inner-hero h1{ font-size: clamp(38px, 4.6vw, 60px); } :where(body.page-v2.sf-native-elementor-page) .governance-page .inner-section{ padding: 54px 0; } :where(body.page-v2.sf-native-elementor-page) .governance-page .line-art-governance-hero{ position: relative; display: grid; grid-template-columns: minmax(390px,.82fr) minmax(520px,1.18fr); align-items: center; min-height: 530px; padding: 70px max(28px,calc((100vw - 1320px)/2 + 40px)) 58px; overflow: hidden; background: #fff; --display:grid !important;display:grid !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .governance-page .line-art-governance-hero::after{ content: none; } :where(body.page-v2.sf-native-elementor-page) .governance-page .line-art-governance-hero .inner-hero-content{ position: relative; z-index: 2; width: 100%; max-width: 650px; padding: 0; border: 0; background: transparent; box-shadow: none; backdrop-filter: none; } :where(body.page-v2.sf-native-elementor-page) .governance-page .line-art-governance-hero .inner-breadcrumb{ margin-bottom: 32px; } :where(body.page-v2.sf-native-elementor-page) .governance-page .line-art-governance-hero .inner-hero-lead{ max-width: 600px; font-size: 16px; line-height: 1.72; } :where(body.page-v2.sf-native-elementor-page) .governance-hero-art{ position: relative; z-index: 1; width: 122%; margin-left: -10%; animation: governanceArtIn .9s cubic-bezier(.22,1,.36,1) both; } :where(body.page-v2.sf-native-elementor-page) .governance-hero-art img{ display: block; width: 100%; height: auto; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .governance-hero-art::after{ content: ""; position: absolute; right: 7%; bottom: 13%; width: 9px; height: 9px; border: 2px solid #ed1c24; border-radius: 50%; background: #fff; box-shadow: 0 0 0 7px rgba(237,28,36,.08); animation: governancePulse 2.4s ease-in-out infinite; } :where(body.page-v2.sf-native-elementor-page) .governance-page[data-page="management"] .management-hero{ position: relative; min-height: 520px; align-items: center; overflow: hidden; background: linear-gradient(115deg, #fff 0%, #fff 43%, #f4f7fa 100%); --align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .governance-page[data-page="management"] .management-hero::after{ content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 76% 48%, rgba(237,28,36,.055), transparent 30%); } :where(body.page-v2.sf-native-elementor-page) .governance-page[data-page="management"] .management-hero-content{ position: relative; z-index: 2; width: min(600px, 48%); } :where(body.page-v2.sf-native-elementor-page) .management-hero-art{ position: absolute; z-index: 1; right: max(24px, calc((100vw - 1420px) / 2)); bottom: 42px; display: block; width: min(58vw, 800px); /* max-height: 410px; */ height: 450px; /* object-fit: contain; */ object-fit: cover; object-position: right center; filter: none; animation: managementArtIn .9s cubic-bezier(.22,1,.36,1) both; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .governance-intro{ display: flex; align-items: end; justify-content: space-between; gap: 35px; margin-bottom: 28px; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:35px !important;gap:35px !important;--align-items:end !important;align-items:end !important;--justify-content:space-between !important;justify-content:space-between !important;} :where(body.page-v2.sf-native-elementor-page) .governance-intro .section-heading{ margin-bottom: 0; } :where(body.page-v2.sf-native-elementor-page) .governance-intro > p, .governance-intro > .elementor-widget-sf-atomic-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .governance-intro > .elementor-widget-sf-atomic-text > .elementor-widget-container > p, .governance-intro > .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .governance-intro > .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p{ max-width: 470px; margin: 0 0 4px; color: #5b687a; font-size: 14px; line-height: 1.7; } :where(body.page-v2.sf-native-elementor-page) .management-grid{ display: grid; grid-template-columns: repeat(12,1fr); gap: 18px; --display:grid !important;display:grid !important;--gap:18px !important;gap:18px !important;} :where(body.page-v2.sf-native-elementor-page) .management-card{ grid-column: span 4; overflow: hidden; border: 1px solid #e1e6ec; border-radius: 10px; background: #fff; transition: transform .3s ease, box-shadow .3s ease; } :where(body.page-v2.sf-native-elementor-page) .management-card:hover{ transform: translateY(-5px); box-shadow: 0 16px 34px rgba(12,31,69,.09); } :where(body.page-v2.sf-native-elementor-page) .management-card.featured{ grid-column: span 6; } :where(body.page-v2.sf-native-elementor-page) .management-card figure, .management-card .sf-native-tag-figure, :where(body.page-v2.sf-native-elementor-page) .management-card .sf-native-tag-figure{ position: relative; height: 330px; margin: 0; overflow: hidden; background: #f1f3f6; } :where(body.page-v2.sf-native-elementor-page) .management-card.featured figure, .management-card.featured .sf-native-tag-figure, :where(body.page-v2.sf-native-elementor-page) .management-card.featured .sf-native-tag-figure{ height: 390px; } :where(body.page-v2.sf-native-elementor-page) .management-card img{ width: 100%; height: 100%; display: block; object-fit: cover; object-position: center top; transition: transform .55s ease; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .management-card:hover img{ transform: scale(1.025); } :where(body.page-v2.sf-native-elementor-page) .management-card > div{ padding: 23px 24px 25px; } :where(body.page-v2.sf-native-elementor-page) .management-card h2{ margin: 0; font-size: 21px; } :where(body.page-v2.sf-native-elementor-page) .management-card .role{ display: block; margin-top: 5px; color: #ed1c24; font-size: 11px; font-weight: 800; letter-spacing: .25px; text-transform: uppercase; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .management-card p{ margin: 13px 0 0; color: #5c697b; font-size: 13px; line-height: 1.7; } :where(body.page-v2.sf-native-elementor-page) .management-showcase-section{ background: #f5f6f8; } :where(body.page-v2.sf-native-elementor-page) .management-tabs{ display: grid; grid-template-columns: repeat(6,1fr); gap: 8px; align-items: end; margin-bottom: 0; --display:grid !important;display:grid !important;--gap:8px !important;gap:8px !important;--align-items:end !important;align-items:end !important;} :where(body.page-v2.sf-native-elementor-page) .management-tabs button, .management-tabs .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .management-tabs .sf-native-tag-button{ position: relative; min-height: 104px; padding: 15px 12px 16px; border: 1px solid #dfe4ea; border-bottom: 0; border-radius: 9px 9px 0 0; background: #fff; color: #000; cursor: pointer; text-align: left; font: inherit; transition: min-height .3s ease, background .3s ease, color .3s ease, transform .3s ease; } :where(body.page-v2.sf-native-elementor-page) .management-tabs button:nth-child(1), .management-tabs .sf-native-tag-button:nth-child(1), :where(body.page-v2.sf-native-elementor-page) .management-tabs .sf-native-tag-button:nth-child(1){ border-color: #e2656a; background: #e9686d; color: #fff; } :where(body.page-v2.sf-native-elementor-page) .management-tabs button:nth-child(2), .management-tabs .sf-native-tag-button:nth-child(2), :where(body.page-v2.sf-native-elementor-page) .management-tabs .sf-native-tag-button:nth-child(2){ background: #dce9f5; } :where(body.page-v2.sf-native-elementor-page) .management-tabs button:nth-child(3), .management-tabs .sf-native-tag-button:nth-child(3), :where(body.page-v2.sf-native-elementor-page) .management-tabs .sf-native-tag-button:nth-child(3){ background: #f2dadd; } :where(body.page-v2.sf-native-elementor-page) .management-tabs button:nth-child(4), .management-tabs .sf-native-tag-button:nth-child(4), :where(body.page-v2.sf-native-elementor-page) .management-tabs .sf-native-tag-button:nth-child(4){ background: #dfe5f0; } :where(body.page-v2.sf-native-elementor-page) .management-tabs button:nth-child(5), .management-tabs .sf-native-tag-button:nth-child(5), :where(body.page-v2.sf-native-elementor-page) .management-tabs .sf-native-tag-button:nth-child(5){ background: #f5e2d0; } :where(body.page-v2.sf-native-elementor-page) .management-tabs button:nth-child(6), .management-tabs .sf-native-tag-button:nth-child(6), :where(body.page-v2.sf-native-elementor-page) .management-tabs .sf-native-tag-button:nth-child(6){ background: #e7e0f3; } :where(body.page-v2.sf-native-elementor-page) .management-tabs button:hover, .management-tabs .sf-native-tag-button:hover, :where(body.page-v2.sf-native-elementor-page) .management-tabs .sf-native-tag-button:hover{ transform: translateY(-3px); } :where(body.page-v2.sf-native-elementor-page) .management-tabs button.active, .management-tabs .sf-native-tag-button.active, :where(body.page-v2.sf-native-elementor-page) .management-tabs .sf-native-tag-button.active{ min-height: 118px; border-color: #000; background: #000; color: #fff; } :where(body.page-v2.sf-native-elementor-page) .management-tabs button span, .management-tabs .sf-native-tag-button span, :where(body.page-v2.sf-native-elementor-page) .management-tabs .sf-native-tag-button span{ display: grid; place-items: center; width: 30px; height: 30px; margin-bottom: 10px; border-radius: 50%; background: #ed1c24; color: #fff; font-size: 9px; font-weight: 850; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .management-tabs button:nth-child(1) span, .management-tabs .sf-native-tag-button:nth-child(1) span, :where(body.page-v2.sf-native-elementor-page) .management-tabs .sf-native-tag-button:nth-child(1) span{ background: rgba(255,255,255,.2); } :where(body.page-v2.sf-native-elementor-page) .management-tabs button b, .management-tabs .sf-native-tag-button b, :where(body.page-v2.sf-native-elementor-page) .management-tabs .sf-native-tag-button b{ display: block; font-size: 12px; line-height: 1.25; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .management-tabs button small, .management-tabs .sf-native-tag-button small, :where(body.page-v2.sf-native-elementor-page) .management-tabs .sf-native-tag-button small{ display: block; margin-top: 4px; color: #748093; font-size: 9px; line-height: 1.3; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .management-tabs button:nth-child(1) small, .management-tabs .sf-native-tag-button:nth-child(1) small, :where(body.page-v2.sf-native-elementor-page) .management-tabs .sf-native-tag-button:nth-child(1) small{ color: rgba(255,255,255,.78); } :where(body.page-v2.sf-native-elementor-page) .management-tabs button.active small, .management-tabs .sf-native-tag-button.active small, :where(body.page-v2.sf-native-elementor-page) .management-tabs .sf-native-tag-button.active small{ color: rgba(255,255,255,.7); } :where(body.page-v2.sf-native-elementor-page) .management-profile-stage{ position: relative; min-height: 595px; overflow: hidden; border: 1px solid #dfe4ea; border-radius: 0 0 12px 12px; background: #fff; box-shadow: 0 20px 45px rgba(12,31,69,.08); } :where(body.page-v2.sf-native-elementor-page) .management-profile{ display: grid; grid-template-columns: minmax(360px,.9fr) minmax(0,1.1fr); min-height: 595px; animation: profileIn .55s cubic-bezier(.2,.7,.2,1); --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .management-profile[hidden]{ display: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .management-profile figure, .management-profile .sf-native-tag-figure, :where(body.page-v2.sf-native-elementor-page) .management-profile .sf-native-tag-figure{ position: relative; min-height: 595px; margin: 0; overflow: hidden; background: #f0f2f5; } :where(body.page-v2.sf-native-elementor-page) .management-profile figure::after, .management-profile .sf-native-tag-figure::after, :where(body.page-v2.sf-native-elementor-page) .management-profile .sf-native-tag-figure::after{ content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg,transparent 55%,rgba(12,31,69,.78)); } :where(body.page-v2.sf-native-elementor-page) .management-profile figure img, .management-profile .sf-native-tag-figure img, :where(body.page-v2.sf-native-elementor-page) .management-profile .sf-native-tag-figure img{ width: 100%; height: 100%; display: block; object-fit: cover; object-position: center top; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .management-profile figure figcaption, .management-profile .sf-native-tag-figure .sf-native-tag-figcaption, :where(body.page-v2.sf-native-elementor-page) .management-profile .sf-native-tag-figure .sf-native-tag-figcaption{ position: absolute; z-index: 1; left: 28px; right: 28px; bottom: 25px; margin: 0; color: #fff; font-size: 17px; line-height: 1.5; } :where(body.page-v2.sf-native-elementor-page) .management-profile figure figcaption::before, .management-profile .sf-native-tag-figure .sf-native-tag-figcaption::before, :where(body.page-v2.sf-native-elementor-page) .management-profile .sf-native-tag-figure .sf-native-tag-figcaption::before{ content: "Leadership focus"; display: block; margin-bottom: 7px; color: #ffb4b7; font-size: 9px; font-weight: 850; letter-spacing: .8px; text-transform: uppercase; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .profile-content{ display: flex; flex-direction: column; justify-content: center; padding: clamp(38px,5vw,68px); --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;--justify-content:center !important;justify-content:center !important;} :where(body.page-v2.sf-native-elementor-page) .profile-content h2{ margin: 0; color: #000; font-size: clamp(38px,4vw,57px); letter-spacing: -1.7px; line-height: 1.02; } :where(body.page-v2.sf-native-elementor-page) .profile-content > p:not(.inner-red-label), .profile-content > .elementor-widget-sf-atomic-text > .elementor-widget-container > p:not(.inner-red-label), :where(body.page-v2.sf-native-elementor-page) .profile-content > .elementor-widget-sf-atomic-text > .elementor-widget-container > p:not(.inner-red-label), .profile-content > .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p:not(.inner-red-label), :where(body.page-v2.sf-native-elementor-page) .profile-content > .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p:not(.inner-red-label){ max-width: 630px; margin: 20px 0 0; color: #5b687a; font-size: 14px; line-height: 1.75; } :where(body.page-v2.sf-native-elementor-page) .profile-content h3{ margin: 28px 0 0; padding-top: 22px; border-top: 1px solid #e1e6ec; color: #000; font-size: 16px; } :where(body.page-v2.sf-native-elementor-page) .profile-content ul, .profile-content .sf-native-tag-ul, :where(body.page-v2.sf-native-elementor-page) .profile-content .sf-native-tag-ul{ display: grid; gap: 11px; margin: 16px 0 25px; padding: 0; list-style: none; --display:grid !important;display:grid !important;--gap:11px !important;gap:11px !important;} :where(body.page-v2.sf-native-elementor-page) .profile-content li{ position: relative; padding-left: 27px; color: #40506a; font-size: 13px; line-height: 1.45; } :where(body.page-v2.sf-native-elementor-page) .profile-content li::before{ content: "✓"; position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: #fff0f0; color: #ed1c24; font-size: 10px; font-weight: 900; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .profile-linkedin{ display: inline-flex; align-items: center; gap: 10px; width: max-content; min-height: 42px; padding: 0 15px; border: 1px solid #0a66c2; border-radius: 5px; color: #0a66c2; font-size: 11px; font-weight: 850; transition: color .2s ease, background .2s ease, transform .2s ease; --display:inline-flex !important;display:inline-flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:10px !important;gap:10px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .profile-linkedin:hover{ transform: translateY(-2px); background: #0a66c2; color: #fff; } :where(body.page-v2.sf-native-elementor-page) .profile-linkedin i{ display: grid; place-items: center; width: 22px; height: 22px; border-radius: 3px; background: #0a66c2; color: #fff; font-size: 12px; font-style: normal; font-weight: 900; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .profile-linkedin:hover i{ background: #fff; color: #0a66c2; } :where(body.page-v2.sf-native-elementor-page) .document-panel{ border: 1px solid #e1e6ec; border-radius: 10px; background: #fff; overflow: hidden; } :where(body.page-v2.sf-native-elementor-page) .document-row{ display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 25px; min-height: 78px; padding: 17px 20px 17px 25px; border-bottom: 1px solid #e7ebef; --display:grid !important;display:grid !important;--gap:25px !important;gap:25px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .document-row:last-child{ border-bottom: 0; } :where(body.page-v2.sf-native-elementor-page) .document-row:hover{ background: #fafbfc; } :where(body.page-v2.sf-native-elementor-page) .document-row strong{ display: block; color: #13284c; font-size: 16px; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .document-row span{ display: block; margin-top: 5px; color: #718095; font-size: 11px; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .document-download{ display: inline-flex; align-items: center; gap: 10px; min-height: 40px; padding: 0 15px; border: 1px solid #ed1c24; border-radius: 5px; color: #ed1c24; font-size: 11px; font-weight: 850; transition: color .2s ease, background .2s ease; --display:inline-flex !important;display:inline-flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:10px !important;gap:10px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .document-download:hover{ color: #fff; background: #ed1c24; } :where(body.page-v2.sf-native-elementor-page) .document-download::after{ content: "↓"; font-size: 16px; } :where(body.page-v2.sf-native-elementor-page) .document-download.unavailable{ pointer-events: none; border-color: #dce2e9; color: #8490a1; } :where(body.page-v2.sf-native-elementor-page) .committee-grid{ display: grid; grid-template-columns: repeat(2,1fr); gap: 15px; margin-bottom: 30px; --display:grid !important;display:grid !important;--gap:15px !important;gap:15px !important;} :where(body.page-v2.sf-native-elementor-page) .committee-grid article{ display: flex; align-items: center; gap: 15px; padding: 22px; border: 1px solid #e1e6ec; border-radius: 9px; background: #fff; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:15px !important;gap:15px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .committee-grid i{ display: grid; place-items: center; width: 42px; aspect-ratio: 1; border-radius: 50%; background: #fff0f0; color: #ed1c24; font-size: 15px; font-style: normal; font-weight: 850; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .committee-grid strong{ display: block; color: #000; font-size: 15px; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .committee-grid span{ display: block; margin-top: 4px; color: #687587; font-size: 11px; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .csr-disclosure-layout{ display: grid; grid-template-columns: .82fr 1.18fr; gap: 26px; align-items: start; --display:grid !important;display:grid !important;--gap:26px !important;gap:26px !important;--align-items:start !important;align-items:start !important;} :where(body.page-v2.sf-native-elementor-page) .activity-years{ display: grid; gap: 15px; --display:grid !important;display:grid !important;--gap:15px !important;gap:15px !important;} :where(body.page-v2.sf-native-elementor-page) .activity-year{ overflow: hidden; border: 1px solid #e1e6ec; border-radius: 10px; background: #fff; } :where(body.page-v2.sf-native-elementor-page) .activity-year h3{ margin: 0; padding: 18px 20px; color: #000; font-size: 17px; background: #f7f9fc; } :where(body.page-v2.sf-native-elementor-page) .activity-row{ display: grid; grid-template-columns: 1fr 1.15fr; gap: 20px; padding: 18px 20px; border-top: 1px solid #e5e9ee; --display:grid !important;display:grid !important;--gap:20px !important;gap:20px !important;} :where(body.page-v2.sf-native-elementor-page) .activity-row strong{ color: #263b5c; font-size: 13px; } :where(body.page-v2.sf-native-elementor-page) .activity-row span{ color: #667487; font-size: 13px; } :where(body.page-v2.sf-native-elementor-page) .governance-page[data-page="csr-investor"] .csr-investor-content{ background: #fff; } :where(body.page-v2.sf-native-elementor-page) .csr-investor-block + .csr-investor-block{ margin-top: 58px; padding-top: 54px; border-top: 1px solid #e1e6ec; } :where(body.page-v2.sf-native-elementor-page) .csr-investor-heading{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 440px); column-gap: 48px; align-items: end; margin-bottom: 27px; --display:grid !important;display:grid !important;--column-gap:48px !important;column-gap:48px !important;--align-items:end !important;align-items:end !important;} :where(body.page-v2.sf-native-elementor-page) .csr-investor-heading .inner-red-label{ grid-column: 1 / -1; } :where(body.page-v2.sf-native-elementor-page) .csr-investor-heading h2{ margin: 0; color: #000; font-size: clamp(29px, 3vw, 39px); line-height: 1.12; letter-spacing: -.55px; } :where(body.page-v2.sf-native-elementor-page) .csr-investor-heading > p:last-child, .csr-investor-heading > .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .csr-investor-heading > .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, .csr-investor-heading > .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .csr-investor-heading > .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p{ margin: 0 0 3px; color: #5e6c7f; font-size: 13px; line-height: 1.72; } :where(body.page-v2.sf-native-elementor-page) .csr-investor-block .committee-grid{ margin-bottom: 0; } :where(body.page-v2.sf-native-elementor-page) .csr-investor-block .committee-grid article{ min-height: 94px; } :where(body.page-v2.sf-native-elementor-page) .csr-document-table{ border-radius: 9px; } :where(body.page-v2.sf-native-elementor-page) .document-table-head{ display: grid; grid-template-columns: 1fr 190px; align-items: center; min-height: 43px; padding: 0 20px 0 25px; border-bottom: 1px solid #dfe4ea; color: #000; background: #f5f7fa; font-size: 11px; font-weight: 850; letter-spacing: .25px; text-transform: uppercase; --display:grid !important;display:grid !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .csr-document-table .document-row{ grid-template-columns: 1fr 190px; } :where(body.page-v2.sf-native-elementor-page) .csr-document-table .document-download{ justify-self: start; } :where(body.page-v2.sf-native-elementor-page) .csr-activity-record .activity-years{ gap: 23px; --gap:23px !important;gap:23px !important;} :where(body.page-v2.sf-native-elementor-page) .csr-activity-record .activity-year h3{ padding: 21px 23px; border-bottom: 3px solid #ed1c24; background: #fff; font-size: clamp(18px, 2vw, 23px); } :where(body.page-v2.sf-native-elementor-page) .activity-table-head, :where(body.page-v2.sf-native-elementor-page) .csr-activity-record .activity-row{ display: grid; grid-template-columns: 76px minmax(220px, .9fr) minmax(280px, 1.1fr); gap: 0; --display:grid !important;display:grid !important;--gap:0 !important;gap:0 !important;} :where(body.page-v2.sf-native-elementor-page) .activity-table-head{ min-height: 42px; color: #000; background: #f5f7fa; font-size: 10px; font-weight: 850; letter-spacing: .2px; text-transform: uppercase; } :where(body.page-v2.sf-native-elementor-page) .activity-table-head span, :where(body.page-v2.sf-native-elementor-page) .csr-activity-record .activity-row > *{ display: flex; align-items: center; padding: 12px 17px; border-right: 1px solid #e2e7ed; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .activity-table-head span:last-child, :where(body.page-v2.sf-native-elementor-page) .csr-activity-record .activity-row > *:last-child{ border-right: 0; } :where(body.page-v2.sf-native-elementor-page) .csr-activity-record .activity-row{ padding: 0; border-top: 1px solid #e5e9ee; } :where(body.page-v2.sf-native-elementor-page) .csr-activity-record .activity-row strong, :where(body.page-v2.sf-native-elementor-page) .csr-activity-record .activity-row span{ font-size: 12px; line-height: 1.5; } :where(body.page-v2.sf-native-elementor-page) .csr-activity-record .activity-number{ color: #ed1c24; font-weight: 850; } :where(body.page-v2.sf-native-elementor-page) .tariff-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 18px; --display:grid !important;display:grid !important;--gap:18px !important;gap:18px !important;} :where(body.page-v2.sf-native-elementor-page) .tariff-card{ position: relative; min-height: 260px; padding: 30px; overflow: hidden; border: 1px solid #e1e6ec; border-radius: 10px; background: #fff; } :where(body.page-v2.sf-native-elementor-page) .tariff-card::after{ content: ""; position: absolute; right: -55px; bottom: -85px; width: 210px; height: 210px; border: 28px solid #f3f5f8; border-radius: 50%; } :where(body.page-v2.sf-native-elementor-page) .tariff-card .inner-red-label{ position: relative; z-index: 1; } :where(body.page-v2.sf-native-elementor-page) .tariff-card h2{ position: relative; z-index: 1; font-size: 27px; } :where(body.page-v2.sf-native-elementor-page) .tariff-card p{ position: relative; z-index: 1; max-width: 390px; margin: 12px 0 25px; color: #637185; font-size: 13px; line-height: 1.65; } :where(body.page-v2.sf-native-elementor-page) .tariff-card .document-download{ position: relative; z-index: 1; background: #ed1c24; color: #fff; } :where(body.page-v2.sf-native-elementor-page) .tariff-card .document-download:hover{ background: #c91118; } :where(body.page-v2.sf-native-elementor-page) .governance-note{ margin-top: 22px; padding: 17px 20px; border-left: 3px solid #ed1c24; background: #f7f9fc; color: #647183; font-size: 12px; line-height: 1.65; } @media (max-width: 900px){ :where(body.page-v2.sf-native-elementor-page) .governance-page .line-art-governance-hero{ grid-template-columns: 1fr; min-height: auto; padding-top: 72px; } :where(body.page-v2.sf-native-elementor-page) .governance-hero-art{ width: 105%; margin: 25px 0 0 -2.5%; } :where(body.page-v2.sf-native-elementor-page) .governance-page[data-page="management"] .management-hero-content{ width: 52%; } :where(body.page-v2.sf-native-elementor-page) .management-hero-art{ right: -8%; width: 62%; } :where(body.page-v2.sf-native-elementor-page) .management-card, :where(body.page-v2.sf-native-elementor-page) .management-card.featured{ grid-column: span 6; } :where(body.page-v2.sf-native-elementor-page) .csr-disclosure-layout{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) .governance-intro{ align-items: start; flex-direction: column; --flex-direction:column !important;flex-direction:column !important;--align-items:start !important;align-items:start !important;} :where(body.page-v2.sf-native-elementor-page) .management-tabs{ grid-template-columns: repeat(3,1fr); gap: 7px; margin-bottom: 10px; --gap:7px !important;gap:7px !important;} :where(body.page-v2.sf-native-elementor-page) .management-tabs button, .management-tabs .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .management-tabs .sf-native-tag-button{ min-height: 91px; border-bottom: 1px solid #dfe4ea; border-radius: 7px; } :where(body.page-v2.sf-native-elementor-page) .management-tabs button.active, .management-tabs .sf-native-tag-button.active, :where(body.page-v2.sf-native-elementor-page) .management-tabs .sf-native-tag-button.active{ min-height: 97px; } :where(body.page-v2.sf-native-elementor-page) .management-profile{ grid-template-columns: .82fr 1.18fr; } :where(body.page-v2.sf-native-elementor-page) .csr-investor-heading{ grid-template-columns: 1fr; gap: 12px; --gap:12px !important;gap:12px !important;} :where(body.page-v2.sf-native-elementor-page) .csr-investor-heading > p:last-child, .csr-investor-heading > .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .csr-investor-heading > .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, .csr-investor-heading > .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .csr-investor-heading > .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p{ max-width: 620px; } } @media (max-width: 680px){ :where(body.page-v2.sf-native-elementor-page) .governance-page .line-art-governance-hero{ padding: 55px 20px 42px; } :where(body.page-v2.sf-native-elementor-page) .governance-page .line-art-governance-hero .inner-hero-lead{ font-size: 14px; } :where(body.page-v2.sf-native-elementor-page) .governance-hero-art{ width: 142%; margin: 20px 0 0 -21%; } :where(body.page-v2.sf-native-elementor-page) .governance-page[data-page="management"] .management-hero{ display: flex; flex-direction: column; min-height: 0; align-items: flex-start; padding-bottom: 42px; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;--align-items:flex-start !important;align-items:flex-start !important;} :where(body.page-v2.sf-native-elementor-page) .governance-page[data-page="management"] .management-hero-content{ width: 100%; } :where(body.page-v2.sf-native-elementor-page) .management-hero-art{ position: relative; right: auto; bottom: auto; width: 142%; max-height: none; margin: 28px 0 0 -21%; } :where(body.page-v2.sf-native-elementor-page) .governance-page .inner-hero-content{ width: 100%; } :where(body.page-v2.sf-native-elementor-page) .governance-page .inner-section{ padding: 44px 0; } :where(body.page-v2.sf-native-elementor-page) .management-card, :where(body.page-v2.sf-native-elementor-page) .management-card.featured{ grid-column: 1 / -1; } :where(body.page-v2.sf-native-elementor-page) .management-card figure, .management-card .sf-native-tag-figure, :where(body.page-v2.sf-native-elementor-page) .management-card .sf-native-tag-figure, :where(body.page-v2.sf-native-elementor-page) .management-card.featured figure, .management-card.featured .sf-native-tag-figure, :where(body.page-v2.sf-native-elementor-page) .management-card.featured .sf-native-tag-figure{ height: 345px; } :where(body.page-v2.sf-native-elementor-page) .committee-grid, :where(body.page-v2.sf-native-elementor-page) .tariff-grid{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) .document-row{ align-items: start; grid-template-columns: 1fr; gap: 14px; --gap:14px !important;gap:14px !important;--align-items:start !important;align-items:start !important;} :where(body.page-v2.sf-native-elementor-page) .document-download{ width: max-content; } :where(body.page-v2.sf-native-elementor-page) .activity-row{ grid-template-columns: 1fr; gap: 7px; --gap:7px !important;gap:7px !important;} :where(body.page-v2.sf-native-elementor-page) .csr-investor-block + .csr-investor-block{ margin-top: 40px; padding-top: 38px; } :where(body.page-v2.sf-native-elementor-page) .document-table-head{ display: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .csr-document-table .document-row{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) .activity-table-head{ display: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .csr-activity-record .activity-year h3{ padding: 18px; font-size: 18px; } :where(body.page-v2.sf-native-elementor-page) .csr-activity-record .activity-row{ grid-template-columns: 48px minmax(0, 1fr); gap: 0; --gap:0 !important;gap:0 !important;} :where(body.page-v2.sf-native-elementor-page) .csr-activity-record .activity-row > *{ padding: 12px 14px; } :where(body.page-v2.sf-native-elementor-page) .csr-activity-record .activity-row > span:last-child, .csr-activity-record .activity-row > .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .csr-activity-record .activity-row > .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > span, .csr-activity-record .activity-row > .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .csr-activity-record .activity-row > .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > span{ grid-column: 2; border-top: 1px dashed #e0e5eb; border-right: 0; } :where(body.page-v2.sf-native-elementor-page) .management-tabs{ display: flex; overflow-x: auto; margin-inline: -4px; padding: 4px; scroll-snap-type: x mandatory; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;} :where(body.page-v2.sf-native-elementor-page) .management-tabs button, .management-tabs .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .management-tabs .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .management-tabs button.active, .management-tabs .sf-native-tag-button.active, :where(body.page-v2.sf-native-elementor-page) .management-tabs .sf-native-tag-button.active{ flex: 0 0 150px; min-height: 91px; scroll-snap-align: start; } :where(body.page-v2.sf-native-elementor-page) .management-profile-stage{ min-height: 0; } :where(body.page-v2.sf-native-elementor-page) .management-profile{ grid-template-columns: 1fr; min-height: 0; } :where(body.page-v2.sf-native-elementor-page) .management-profile figure, .management-profile .sf-native-tag-figure, :where(body.page-v2.sf-native-elementor-page) .management-profile .sf-native-tag-figure{ min-height: 395px; } :where(body.page-v2.sf-native-elementor-page) .management-profile figure figcaption, .management-profile .sf-native-tag-figure .sf-native-tag-figcaption, :where(body.page-v2.sf-native-elementor-page) .management-profile .sf-native-tag-figure .sf-native-tag-figcaption{ left: 20px; right: 20px; bottom: 20px; font-size: 14px; } :where(body.page-v2.sf-native-elementor-page) .profile-content{ padding: 30px 24px 34px; } :where(body.page-v2.sf-native-elementor-page) .profile-content h2{ font-size: 37px; } } @media (prefers-reduced-motion: reduce){ :where(body.page-v2.sf-native-elementor-page) .management-hero-art, :where(body.page-v2.sf-native-elementor-page) .governance-hero-art, :where(body.page-v2.sf-native-elementor-page) .governance-hero-art::after{ animation: none; } } :where(body.page-v2.sf-native-elementor-page) .management-showcase-section .management-profile-stage{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; min-height: 0; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; --display:grid !important;display:grid !important;--gap:20px !important;gap:20px !important;} :where(body.page-v2.sf-native-elementor-page) .management-showcase-section .management-profile, :where(body.page-v2.sf-native-elementor-page) .management-showcase-section .management-profile[hidden]{ display: flex; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; border: 1px solid #dfe4ea; border-radius: 12px; background: #fff; box-shadow: 0 8px 24px rgba(12,31,69,.055); animation: none; transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;} :where(body.page-v2.sf-native-elementor-page) .management-showcase-section .management-profile:hover{ border-color: #cfd6df; transform: translateY(-6px); box-shadow: 0 18px 38px rgba(12,31,69,.1); } :where(body.page-v2.sf-native-elementor-page) .management-showcase-section .management-profile figure, .management-showcase-section .management-profile .sf-native-tag-figure, :where(body.page-v2.sf-native-elementor-page) .management-showcase-section .management-profile .sf-native-tag-figure{ flex: 0 0 350px; width: 100%; min-height: 0; height: 350px; } :where(body.page-v2.sf-native-elementor-page) .management-showcase-section .management-profile figure figcaption, .management-showcase-section .management-profile .sf-native-tag-figure .sf-native-tag-figcaption, :where(body.page-v2.sf-native-elementor-page) .management-showcase-section .management-profile .sf-native-tag-figure .sf-native-tag-figcaption{ left: 22px; right: 22px; bottom: 20px; font-size: 13px; line-height: 1.45; } :where(body.page-v2.sf-native-elementor-page) .management-showcase-section .profile-content{ flex: 1; justify-content: flex-start; padding: 26px 24px 28px; --justify-content:flex-start !important;justify-content:flex-start !important;} :where(body.page-v2.sf-native-elementor-page) .management-showcase-section .profile-content h2{ font-size: 27px; letter-spacing: -.5px; line-height: 1.08; } :where(body.page-v2.sf-native-elementor-page) .management-showcase-section .profile-content > p:not(.inner-red-label), .management-showcase-section .profile-content > .elementor-widget-sf-atomic-text > .elementor-widget-container > p:not(.inner-red-label), :where(body.page-v2.sf-native-elementor-page) .management-showcase-section .profile-content > .elementor-widget-sf-atomic-text > .elementor-widget-container > p:not(.inner-red-label), .management-showcase-section .profile-content > .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p:not(.inner-red-label), :where(body.page-v2.sf-native-elementor-page) .management-showcase-section .profile-content > .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p:not(.inner-red-label){ margin-top: 14px; font-size: 13px; line-height: 1.65; } :where(body.page-v2.sf-native-elementor-page) .management-showcase-section .profile-content h3{ margin-top: 20px; padding-top: 17px; font-size: 14px; } :where(body.page-v2.sf-native-elementor-page) .management-showcase-section .profile-content ul, .management-showcase-section .profile-content .sf-native-tag-ul, :where(body.page-v2.sf-native-elementor-page) .management-showcase-section .profile-content .sf-native-tag-ul{ gap: 8px; margin: 13px 0 22px; --gap:8px !important;gap:8px !important;} :where(body.page-v2.sf-native-elementor-page) .management-showcase-section .profile-content li{ font-size: 12px; } :where(body.page-v2.sf-native-elementor-page) .management-showcase-section .profile-linkedin{ margin-top: auto; } @media (max-width: 1050px){ :where(body.page-v2.sf-native-elementor-page) .management-showcase-section .management-profile-stage{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 680px){ :where(body.page-v2.sf-native-elementor-page) .management-showcase-section .management-profile-stage{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) .management-showcase-section .management-profile figure, .management-showcase-section .management-profile .sf-native-tag-figure, :where(body.page-v2.sf-native-elementor-page) .management-showcase-section .management-profile .sf-native-tag-figure{ flex-basis: 390px; height: 390px; } } /* journey-paperplane.css */ /* Auto-generated from journey-paperplane.css. */ body:where(.page-v2.sf-native-elementor-page)[data-page="journey"]{ --journey-red: #ed1c24; --journey-red-bright: #f14a32; --journey-navy: #000; --journey-copy: #566479; --journey-line: #d8dee8; --journey-paper: #fff; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .inner-page-main{ overflow: hidden; background: #fff; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .inner-container{ width: min(1240px, calc(100% - 56px)); } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-flight-hero{ position: relative; isolation: isolate; min-height: 620px; padding-block: 92px 72px; overflow: hidden; align-items: center; justify-content: flex-start; text-align: left; background: var(--hero-image) center / cover no-repeat; --align-items:center !important;align-items:center !important;--justify-content:flex-start !important;justify-content:flex-start !important;} body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-flight-hero::before{ content: ""; position: absolute; z-index: 0; inset: 0; pointer-events: none; /*background: linear-gradient(90deg, rgba(255,255,255,.98) 0 29%, rgba(255,255,255,.82) 45%, rgba(255,255,255,.08) 69%, transparent 100%);*/ } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-flight-hero::after{ content: ""; position: absolute; z-index: 1; inset: auto 0 0; height: 115px; background: linear-gradient(transparent, #fff); } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-flight-hero .inner-hero-content{ position: relative; z-index: 3; width: min(700px, 62%); max-width: none; padding: clamp(24px, 3vw, 40px); border: 1px solid rgba(255, 255, 255, .82); border-radius: 12px; background: rgba(255, 255, 255, .94); box-shadow: 0 18px 54px rgba(12, 31, 69, .14); backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-flight-hero .inner-breadcrumb{ justify-content: flex-start; --justify-content:flex-start !important;justify-content:flex-start !important;} body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-flight-hero .inner-hero-lead{ margin-inline: 0; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-flight-hero h1{ max-width: 540px; font-size: clamp(42px, 4.6vw, 60px); line-height: .98; letter-spacing: -2.7px; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-flight-hero .inner-hero-lead{ max-width: 520px; font-size: 15px; line-height: 1.7; } :where(body.page-v2.sf-native-elementor-page) .journey-start-link{ display: inline-flex; align-items: center; gap: 11px; min-height: 48px; margin-top: 25px; padding: 0 18px; border-radius: 999px; background: var(--journey-red); color: #fff; font-size: 12px; font-weight: 850; transition: transform .28s ease, box-shadow .28s ease, background .28s ease; --display:inline-flex !important;display:inline-flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:11px !important;gap:11px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .journey-start-link img{ width: 18px; height: 22px; filter: brightness(0) invert(1); transform: rotate(90deg); } :where(body.page-v2.sf-native-elementor-page) .journey-start-link span{ margin-left: 8px; font-size: 17px; } :where(body.page-v2.sf-native-elementor-page) .journey-start-link:hover{ transform: translateY(-3px); background: #d8141c; box-shadow: 0 10px 25px rgba(237, 28, 36, .2); } :where(body.page-v2.sf-native-elementor-page) .journey-hero-flight{ position: absolute; z-index: 2; right: 7%; top: 14%; width: min(360px, 29vw); aspect-ratio: 1; pointer-events: none; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-flight>img, .journey-hero-flight> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .journey-hero-flight> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ position: absolute; z-index: 2; left: 50%; top: 50%; width: clamp(62px, 7vw, 95px); filter: drop-shadow(0 16px 18px rgba(12, 31, 69, .2)); animation: journeyHeroFlight 7s cubic-bezier(.45, .05, .55, .95) infinite; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-orbit{ position: absolute; inset: 12%; border: 2px dashed rgba(237, 28, 36, .55); border-radius: 50%; animation: journeyOrbit 24s linear infinite; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-orbit-two{ inset: 28%; border-color: rgba(12, 31, 69, .3); animation-direction: reverse; animation-duration: 17s; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-orbit::before, :where(body.page-v2.sf-native-elementor-page) .journey-hero-orbit::after{ content: ""; position: absolute; width: 9px; height: 9px; border-radius: 50%; background: #fff; border: 2px solid var(--journey-red); } :where(body.page-v2.sf-native-elementor-page) .journey-hero-orbit::before{ left: 11%; top: 10%; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-orbit::after{ right: 7%; bottom: 17%; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-story-section{ position: relative; padding: 72px 0; overflow: visible; background: #fff; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-story-section::before{ display: block; inset: 0; background: repeating-linear-gradient(90deg, transparent 0 calc(20% - 1px), rgba(12, 31, 69, .035) calc(20% - 1px) 20%); --display:block !important;display:block !important;} body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-story-section .inner-split{ position: relative; grid-template-columns: .93fr 1.07fr; gap: clamp(42px, 6vw, 82px); --gap:clamp(42px, 6vw, 82px) !important;gap:clamp(42px, 6vw, 82px) !important;} body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-story-section h2{ font-size: clamp(38px, 4vw, 54px); letter-spacing: -1.7px; line-height: 1.02; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-story-section .inner-copy>p:not(.inner-red-label), body[data-page="journey"] .journey-story-section .inner-copy> .elementor-widget-sf-atomic-text > .elementor-widget-container > p:not(.inner-red-label), body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-story-section .inner-copy> .elementor-widget-sf-atomic-text > .elementor-widget-container > p:not(.inner-red-label), body[data-page="journey"] .journey-story-section .inner-copy> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p:not(.inner-red-label), body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-story-section .inner-copy> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p:not(.inner-red-label){ font-size: 14px; line-height: 1.77; } :where(body.page-v2.sf-native-elementor-page) .journey-story-stats{ display: grid; grid-template-columns: auto 1fr auto 1fr auto; align-items: center; gap: 13px; margin-top: 28px; padding-top: 24px; border-top: 1px solid #e0e5ec; --display:grid !important;display:grid !important;--gap:13px !important;gap:13px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .journey-story-stats span{ color: #69768a; font-size: 10px; line-height: 1.35; text-transform: uppercase; letter-spacing: .45px; } :where(body.page-v2.sf-native-elementor-page) .journey-story-stats strong{ display: block; margin-bottom: 4px; color: var(--journey-navy); font-size: 21px; letter-spacing: -.5px; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .journey-story-stats i{ height: 1px; background: repeating-linear-gradient(90deg, var(--journey-red) 0 6px, transparent 6px 11px); } :where(body.page-v2.sf-native-elementor-page) .journey-story-media{ position: relative; min-height: 510px; border-radius: 26px; box-shadow: 0 22px 50px rgba(12, 31, 69, .1); } :where(body.page-v2.sf-native-elementor-page) .journey-story-media>img, .journey-story-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .journey-story-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ height: 510px; border-radius: 26px; object-fit: cover; } :where(body.page-v2.sf-native-elementor-page) .journey-image-plane{ position: absolute; right: -24px; top: -25px; display: grid; place-items: center; width: 88px; height: 88px; border: 8px solid #fff; border-radius: 50%; background: #fff0ef; box-shadow: 0 12px 30px rgba(12, 31, 69, .12); animation: journeyPlaneFloat 3.8s ease-in-out infinite; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .journey-image-plane img{ width: 33px; transform: rotate(35deg); } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-timeline-section{ position: relative; padding: 80px 0 95px; overflow: visible; background: #f7f8fa; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-timeline-section::before{ content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .55; background-image: radial-gradient(circle at 16px 16px, rgba(12, 31, 69, .09) 1.3px, transparent 1.5px); background-size: 32px 32px; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-timeline-section>.inner-container, body[data-page="journey"] .journey-timeline-section> .sf-atomic-shell > .elementor-widget-container > .inner-container, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-timeline-section> .sf-atomic-shell > .elementor-widget-container > .inner-container{ position: relative; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-chapter-head{ align-items: end; --align-items:end !important;align-items:end !important;} body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-chapter-head .section-heading{ max-width: 740px; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-chapter-head .section-heading h2{ font-size: clamp(39px, 4vw, 55px); line-height: 1.02; letter-spacing: -1.7px; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-result-count{ margin-bottom: 30px; padding: 9px 13px; border: 1px solid #dfe4eb; border-radius: 999px; background: #fff; color: #637086; font-weight: 800; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-era-filter{ position: sticky; z-index: 12; top: 72px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 7px; margin: 0 0 52px; padding: 8px; border: 1px solid rgba(217, 223, 232, .95); border-radius: 18px; background: rgba(255, 255, 255, .94); box-shadow: 0 12px 35px rgba(12, 31, 69, .08); backdrop-filter: blur(13px); --display:grid !important;display:grid !important;--gap:7px !important;gap:7px !important;} body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-era-filter button, body[data-page="journey"] .journey-era-filter .sf-native-tag-button, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-era-filter .sf-native-tag-button{ position: relative; min-height: 54px; padding: 9px 13px; overflow: hidden; border: 0; border-radius: 12px; background: transparent; color: var(--journey-navy); font-size: 12px; font-weight: 850; cursor: pointer; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-era-filter button::before, body[data-page="journey"] .journey-era-filter .sf-native-tag-button::before, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-era-filter .sf-native-tag-button::before{ content: ""; position: absolute; left: 15%; right: 15%; bottom: 6px; height: 1px; transform: scaleX(0); background: var(--journey-red); transition: transform .25s ease; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-era-filter button:hover::before, body[data-page="journey"] .journey-era-filter .sf-native-tag-button:hover::before, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-era-filter .sf-native-tag-button:hover::before{ transform: scaleX(1); } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-era-filter button span, body[data-page="journey"] .journey-era-filter .sf-native-tag-button span, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-era-filter .sf-native-tag-button span{ display: block; margin: 3px 0 0; color: #8a94a4; font-size: 9px; --display:block !important;display:block !important;} body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-era-filter button.active, body[data-page="journey"] .journey-era-filter .sf-native-tag-button.active, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-era-filter .sf-native-tag-button.active{ color: #fff; background: var(--journey-red); box-shadow: 0 7px 17px rgba(237, 28, 36, .18); } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-era-filter button.active::before, body[data-page="journey"] .journey-era-filter .sf-native-tag-button.active::before, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-era-filter .sf-native-tag-button.active::before{ display: none; --display:none !important;display:none !important;} body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-era-filter button.active span, body[data-page="journey"] .journey-era-filter .sf-native-tag-button.active span, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-era-filter .sf-native-tag-button.active span{ color: rgba(255, 255, 255, .78); } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-grid{ --journey-progress: 0%; --journey-plane-x: 0px; --journey-plane-angle: 0deg; position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 104px minmax(0, 1fr); gap: 34px 0; padding: 18px 0 35px; counter-reset: journey-stop; background: none; --display:grid !important;display:grid !important;--gap:34px 0 !important;gap:34px 0 !important;} body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-grid::before{ content: ""; position: absolute; z-index: 0; left: 50%; top: 0; display: none; width: 104px; height: var(--journey-progress); transform: translateX(-50%); background: transparent url('../generated/inner-pages/journey-route-wave-active.svg') center top / 104px 420px repeat-y; transition: height .2s linear; --display:none !important;display:none !important;} body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-grid::after{ content: none; position: absolute; z-index: 8; left: 50%; top: min(var(--journey-progress), calc(100% - 56px)); width: 42px; height: 50px; border: 6px solid #f7f8fa; border-radius: 50%; transform: translate(calc(-50% + var(--journey-plane-x)), -18px) rotate(calc(180deg + var(--journey-plane-angle))); background: #fff url('../generated/inner-pages/journey-paper-plane.svg') center / 21px 25px no-repeat; box-shadow: 0 8px 21px rgba(12, 31, 69, .15), 0 0 0 1px rgba(237, 28, 36, .12); transition: top .22s linear; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-route-svg{ position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-route-base, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-route-active{ fill: none; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-route-base{ stroke: #cfd7e3; stroke-width: 2; stroke-dasharray: 5 8; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-route-active{ stroke: var(--journey-red); stroke-width: 2.4; filter: drop-shadow(0 0 5px rgba(237, 28, 36, .16)); } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-route-plane{ position: absolute; z-index: 8; top: 0; left: 0; display: grid; place-items: center; width: 42px; height: 50px; border: 6px solid #f7f8fa; border-radius: 50%; background: #fff; box-shadow: 0 8px 21px rgba(12, 31, 69, .15), 0 0 0 1px rgba(237, 28, 36, .12); pointer-events: none; will-change: transform; --display:grid !important;display:grid !important;} body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-route-plane img{ width: 21px; height: 25px; object-fit: contain; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-feature, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card:first-child, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-final{ --journey-era-color: #ed1c24; position: relative; z-index: 2; grid-column: 1; width: 100%; min-height: 0; overflow: visible; align-self: start; counter-increment: journey-stop; opacity: 0; transform: none; border: 1px solid #dfe4eb; border-top: 4px solid var(--journey-era-color); border-radius: 18px; color: var(--journey-navy); background-color: var(--journey-paper); background-image: radial-gradient(circle at 0 0, #f7f8fa 0 10px, transparent 11px), radial-gradient(circle at 100% 100%, #f7f8fa 0 10px, transparent 11px); box-shadow: 0 10px 25px rgba(12, 31, 69, .055); transition: opacity .7s ease, transform .75s cubic-bezier(.2, .78, .2, 1), border-color .3s ease, box-shadow .3s ease; transition-delay: calc(var(--journey-card-index, 0) * 15ms); } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card[data-era="expansion"]{ --journey-era-color: #ef7438; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card[data-era="transformation"]{ --journey-era-color: #2d79b9; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card[data-era="future"]{ --journey-era-color: #7555a5; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card:nth-of-type(even){ grid-column: 3; transform: none; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card:nth-of-type(odd){ grid-column: 1; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-in-view, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-in-view.is-visible, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-in-view.is-passed{ opacity: 1 !important; transform: translate3d(0, 0, 0) rotate(0); } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-in-view:hover, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-in-view.is-passed:hover{ z-index: 5; transform: translateY(-7px) rotate(.35deg); border-color: var(--journey-era-color); box-shadow: 0 20px 42px rgba(12, 31, 69, .11); } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card[hidden]{ display: none !important; --display:none !important;display:none !important;} body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card>i{ position: absolute; display: block; z-index: -1; top: 39px; right: -76px; width: 76px; height: 2px; border-radius: 0; background: repeating-linear-gradient(90deg, var(--journey-era-color) 0 6px, transparent 6px 11px); box-shadow: none; --display:block !important;display:block !important;} body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card:nth-of-type(even)>i{ right: auto; left: -76px; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card::before{ content: none; position: absolute; z-index: 5; top: 17px; right: -102px; width: 43px; height: 48px; border: 7px solid #f7f8fa; border-radius: 50%; background: #fff; box-shadow: 0 0 0 1px #d7dde6; transition: transform .36s ease, box-shadow .36s ease, background-color .36s ease; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-card-checkpoint::after{ content: ""; position: absolute; top: 50%; left: 50%; width: 9px; height: 9px; border-radius: 50%; background: var(--journey-era-color); transform: translate(-50%, -50%); box-shadow: 0 0 0 5px color-mix(in srgb, var(--journey-era-color) 10%, transparent); } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-card-checkpoint{ position: absolute; z-index: 5; top: 17px; right: -102px; display: block; width: 43px; height: 48px; border: 7px solid #f7f8fa; border-radius: 50%; background: #fff; box-shadow: 0 0 0 1px #d7dde6; transition: transform .36s ease, box-shadow .36s ease, background-color .36s ease; --display:block !important;display:block !important;} body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card[data-route-side="right"] .journey-card-checkpoint{ right: auto; left: -102px; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.is-passed .journey-card-checkpoint{ transform: rotate(180deg) scale(1.08); box-shadow: 0 0 0 1px var(--journey-era-color), 0 0 0 8px color-mix(in srgb, var(--journey-era-color) 12%, transparent); animation: journeyCheckpointPulse 2.4s ease-in-out infinite; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card:hover .journey-card-checkpoint{ transform: rotate(90deg) translateY(-3px) scale(1.12); } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card:nth-of-type(even)::before{ right: auto; left: -102px; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.is-passed::before, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card details[open]~*{ background-color: #fff; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.is-passed::before{ transform: rotate(180deg) scale(1.08); box-shadow: 0 0 0 1px var(--journey-era-color), 0 0 0 8px color-mix(in srgb, var(--journey-era-color) 12%, transparent); animation: journeyCheckpointPulse 2.4s ease-in-out infinite; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card:hover::before{ transform: rotate(90deg) translateY(-3px) scale(1.12); } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card>div{ height: auto; overflow: hidden; border-radius: 14px; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card details, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card:first-child details{ width: 100%; height: auto; padding: 25px 27px 27px; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card summary{ position: relative; cursor: pointer; list-style: none; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card summary::before{ content: "FLIGHT " counter(journey-stop, decimal-leading-zero); display: inline-flex; margin: 0 0 11px; padding: 5px 8px; border-radius: 999px; background: color-mix(in srgb, var(--journey-era-color) 10%, white); color: var(--journey-era-color); font-size: 8px; font-weight: 900; letter-spacing: .8px; --display:inline-flex !important;display:inline-flex !important;--flex-direction:row !important;flex-direction:row !important;} body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card summary span, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card:first-child summary span, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-final summary span{ margin: 0 0 6px; color: var(--journey-era-color); font-size: 10px; letter-spacing: .65px; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card summary h3, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card:first-child summary h3, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-final summary h3{ color: var(--journey-navy); font-size: 19px; line-height: 1.28; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card summary h3::after, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card:first-child summary h3::after, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-final summary h3::after{ content: "+"; top: -3px; width: 29px; height: 29px; border: 1px solid #e0e5ec; background: #fff; color: var(--journey-era-color); transition: transform .3s ease, color .3s ease, background .3s ease; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card details[open] summary h3::after{ content: "−"; transform: rotate(180deg); color: #fff; background: var(--journey-era-color); } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card details p, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card:first-child details p, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-final details p{ margin-top: 13px; color: var(--journey-copy); font-size: 13px; line-height: 1.7; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card details[open] p{ animation: journeyCopyIn .42s ease both; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card details[open] p+p{ animation-delay: .08s; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-feature::after{ content: ""; display: block; width: calc(100% - 16px); height: 190px; margin: 0 8px 8px; border-radius: 12px; background: var(--milestone-image, url('../generated/inner-pages/journey/foundation-2006.webp')) center / cover no-repeat; box-shadow: inset 0 0 0 1px rgba(12, 31, 69, .06); transition: transform .55s cubic-bezier(.2, .75, .2, 1), filter .4s ease; --display:block !important;display:block !important;} body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-feature:hover::after{ transform: scale(.985); filter: saturate(1.08); } :where(body.page-v2.sf-native-elementor-page) /* body[data-page="journey"] .journey-milestone-card.journey-feature:nth-of-type(6)::after, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-feature:nth-of-type(10)::after{ --milestone-image: url('../generated/inner-pages/journey-capability-growth.webp'); } :where(body.page-v2.sf-native-elementor-page) */ body[data-page="journey"] .journey-milestone-card.journey-feature:nth-of-type(13)::after{ --milestone-image: url('../generated/inner-pages/journey/digital-yard.webp'); } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-feature:nth-of-type(17)::after{ --milestone-image: url('../generated/inner-pages/journey/new-journey/2024.jpg'); } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-feature:nth-of-type(20)::after{ --milestone-image: url('../generated/inner-pages/journey/responsible-energy.webp'); } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-final::after{ --milestone-image: url('../generated/inner-pages/journey/new-journey/2025.JPG'); } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-closing-section{ position: relative; padding: 82px 0; overflow: hidden; background: #fff; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-closing-section::before, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-closing-section::after{ content: ""; position: absolute; border: 2px dashed rgba(237, 28, 36, .18); border-radius: 50%; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-closing-section::before{ width: 360px; height: 360px; left: -190px; top: -170px; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-closing-section::after{ width: 250px; height: 250px; right: -110px; bottom: -140px; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-closing{ position: relative; z-index: 1; max-width: 920px; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-closing::before{ content: ""; display: block; width: 38px; height: 45px; margin: 0 auto 18px; background: url('../generated/inner-pages/journey-paper-plane.svg') center / contain no-repeat; animation: journeyPlaneFloat 3.8s ease-in-out infinite; --display:block !important;display:block !important;} body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-closing h2{ font-size: clamp(38px, 4vw, 54px); } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-closing .inner-quote{ border: 1px solid #f0d6d7; border-left: 4px solid var(--journey-red); border-radius: 12px; background: #fff7f7; } @media (max-width: 900px){ body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-flight-hero .inner-hero-content{ width: min(640px, 72%); } :where(body.page-v2.sf-native-elementor-page) .journey-hero-flight{ right: 2%; width: 260px; opacity: .8; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-story-section .inner-split{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) .journey-story-media{ min-height: 430px; } :where(body.page-v2.sf-native-elementor-page) .journey-story-media>img, .journey-story-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .journey-story-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ height: 430px; } } @media (max-width: 760px){ body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .inner-container{ width: min(100% - 34px, 1240px); } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-flight-hero{ min-height: 570px; padding: 78px 20px 54px; background-position: 62% center; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-flight-hero::before{ background: linear-gradient(rgba(255, 255, 255, .76), rgba(255, 255, 255, .94)); } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-flight-hero .inner-hero-content{ width: 100%; padding: 22px; border-radius: 12px; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-flight-hero h1{ font-size: 38px; letter-spacing: -1.4px; } :where(body.page-v2.sf-native-elementor-page) .journey-hero-flight{ display: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .journey-story-stats{ grid-template-columns: 1fr 1fr 1fr; gap: 8px; --gap:8px !important;gap:8px !important;} :where(body.page-v2.sf-native-elementor-page) .journey-story-stats i{ display: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .journey-story-stats span{ text-align: center; } :where(body.page-v2.sf-native-elementor-page) .journey-story-media, :where(body.page-v2.sf-native-elementor-page) .journey-story-media>img, .journey-story-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .journey-story-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ min-height: 330px; height: 330px; } :where(body.page-v2.sf-native-elementor-page) .journey-image-plane{ right: 12px; top: 12px; width: 68px; height: 68px; border-width: 6px; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-chapter-head{ align-items: start; flex-direction: column; --flex-direction:column !important;flex-direction:column !important;--align-items:start !important;align-items:start !important;} body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-result-count{ margin: -8px 0 22px; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-era-filter{ top: 64px; display: flex; overflow-x: auto; margin-inline: -4px; padding: 6px; border-radius: 14px; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;} body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-era-filter button, body[data-page="journey"] .journey-era-filter .sf-native-tag-button, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-era-filter .sf-native-tag-button{ flex: 0 0 145px; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-grid{ grid-template-columns: 48px minmax(0, 1fr); gap: 20px 0; background: none; --gap:20px 0 !important;gap:20px 0 !important;} body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-grid::before{ left: 0; width: 46px; transform: none; background-size: 46px 300px; background-position: left top; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-route-plane{ width: 36px; height: 42px; border-width: 5px; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-route-plane img{ width: 17px; height: 20px; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-feature, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card:first-child, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-final, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card:nth-of-type(even), body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card:nth-of-type(odd){ grid-column: 2; transform: translate3d(38px, 18px, 0); } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-in-view, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-in-view.is-visible, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-in-view.is-passed{ transform: none; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card>i, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card:nth-of-type(even)>i{ left: -25px; right: auto; width: 25px; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card::before, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card:nth-of-type(even)::before{ left: -49px; right: auto; width: 34px; height: 39px; border-width: 5px; background-size: 15px 18px; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-card-checkpoint, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card[data-route-side="right"] .journey-card-checkpoint{ left: -49px; right: auto; width: 34px; height: 39px; border-width: 5px; background-size: 15px 18px; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card details, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card:first-child details{ padding: 22px 20px 24px; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card summary h3, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card:first-child summary h3{ font-size: 18px; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-feature::after{ height: 165px; } } @media (prefers-reduced-motion: reduce){ :where(body.page-v2.sf-native-elementor-page) .journey-hero-flight>img, .journey-hero-flight> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .journey-hero-flight> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .journey-hero-orbit, :where(body.page-v2.sf-native-elementor-page) .journey-image-plane, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-closing::before, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.is-passed::before{ animation: none !important; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.is-passed .journey-card-checkpoint{ animation: none !important; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card{ opacity: 1; transform: none; transition: none; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-grid::after{ transition: none; } } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-grid{ display: flex; flex-direction: column; align-items: stretch; gap: 34px; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;--gap:34px !important;gap:34px !important;--align-items:stretch !important;align-items:stretch !important;} body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-feature, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card:first-child, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-final, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card:nth-of-type(odd){ width: calc(50% - 52px); align-self: flex-start; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card:nth-of-type(even){ width: calc(50% - 52px); align-self: flex-end; } :where(body.page-v2.sf-native-elementor-page) .journey-route-future{ position: relative; z-index: 3; align-self: center; width: min(560px, calc(100% - 140px)); margin: 42px auto 4px; padding: 38px 34px 28px; border: 1px dashed rgba(237, 28, 36, .45); border-radius: 20px; text-align: center; background: rgba(255, 255, 255, .97); box-shadow: 0 14px 35px rgba(12, 31, 69, .08); } :where(body.page-v2.sf-native-elementor-page) .journey-route-future-marker{ position: absolute; top: -26px; left: 50%; display: grid; place-items: center; width: 52px; height: 52px; border: 7px solid #f7f8fa; border-radius: 50%; background: #fff; box-shadow: 0 0 0 1px rgba(237, 28, 36, .28), 0 10px 24px rgba(12, 31, 69, .13); transform: translateX(-50%); --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .journey-route-future-marker img{ width: 21px; transform: rotate(8deg); } :where(body.page-v2.sf-native-elementor-page) .journey-route-future>p, .journey-route-future> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .journey-route-future> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, .journey-route-future> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .journey-route-future> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p{ margin: 0 0 8px; color: var(--journey-red); font-size: 9px; font-weight: 900; letter-spacing: .85px; text-transform: uppercase; } :where(body.page-v2.sf-native-elementor-page) .journey-route-future h3{ margin: 0; color: var(--journey-navy); font-size: clamp(24px, 3vw, 34px); letter-spacing: -.7px; } :where(body.page-v2.sf-native-elementor-page) .journey-route-future>span:last-child, .journey-route-future> .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .journey-route-future> .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > span, .journey-route-future> .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .journey-route-future> .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > span{ display: block; max-width: 440px; margin: 12px auto 0; color: var(--journey-copy); font-size: 12px; line-height: 1.65; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .journey-grouped-stories{ display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 21px; --display:grid !important;display:grid !important;--gap:12px !important;gap:12px !important;} :where(body.page-v2.sf-native-elementor-page) .journey-grouped-stories section{ padding: 17px; border: 1px solid #e1e6ed; border-radius: 12px; background: #f8f9fb; } :where(body.page-v2.sf-native-elementor-page) .journey-grouped-stories section b{ display: block; color: var(--journey-navy); font-size: 13px; line-height: 1.4; --display:block !important;display:block !important;} body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-grouped-stories section p{ margin-top: 9px; font-size: 11px; line-height: 1.62; } :where(body.page-v2.sf-native-elementor-page) .journey-grouped-stories-wide section:last-child{ grid-column: 1 / -1; } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-feature:nth-of-type(13)::after{ --milestone-image: url('../generated/inner-pages/journey/new-journey/2024.jpg'); } body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-feature:nth-of-type(16)::after{ --milestone-image: url('../generated/inner-pages/journey/digital-yard.webp'); } @media (max-width: 760px){ body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-feature, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card:first-child, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-final, body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card:nth-of-type(odd), body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card:nth-of-type(even){ width: calc(100% - 48px); align-self: flex-end; transform: none; } :where(body.page-v2.sf-native-elementor-page) .journey-grouped-stories{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) .journey-grouped-stories-wide section:last-child{ grid-column: auto; } :where(body.page-v2.sf-native-elementor-page) .journey-route-future{ align-self: flex-end; width: calc(100% - 48px); margin-top: 34px; padding: 34px 20px 24px; } } /* responsive-fixes.css */ /* Auto-generated from responsive-fixes.css. */ body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-hero-copy{ width: 100%; max-width: 600px; } body:where(.page-v2.sf-native-elementor-page)[data-page="contact"].motion-enabled .motion-ready{ opacity: 1; transform: none; transition: border-color .25s ease, box-shadow .25s ease; } @media (min-width: 1051px){ body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-hero{ grid-template-columns: minmax(470px, .9fr) minmax(0, 1.1fr); min-height: 620px; } body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-hero-visual{ width: 110%; margin-left: -3%; } } @media (max-width: 1000px){ :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-split{ grid-template-columns: minmax(0, 1fr); } } @media (max-width: 680px){ :where(body.page-v2.sf-native-elementor-page) .inner-page .inner-split, :where(body.page-v2.sf-native-elementor-page) .inner-page .inner-split.reverse, :where(body.page-v2.sf-native-elementor-page) [data-page="company"] .inner-split{ grid-template-columns: minmax(0, 1fr); gap: 30px; --gap:30px !important;gap:30px !important;} :where(body.page-v2.sf-native-elementor-page) .inner-page .inner-container > *, :where(body.page-v2.sf-native-elementor-page) .inner-page .inner-split > *, :where(body.page-v2.sf-native-elementor-page) .inner-page .inner-card-grid > *, :where(body.page-v2.sf-native-elementor-page) .inner-page .equipment-page-grid > *{ min-width: 0; } :where(body.page-v2.sf-native-elementor-page) .corporate-footer{ padding-top: 42px; } :where(body.page-v2.sf-native-elementor-page) .corporate-footer .footer-grid{ grid-template-columns: minmax(0, 1fr); gap: 28px; --gap:28px !important;gap:28px !important;} :where(body.page-v2.sf-native-elementor-page) .corporate-footer .footer-grid section, :where(body.page-v2.sf-native-elementor-page) .corporate-footer .footer-brand{ grid-column: auto; min-width: 0; } :where(body.page-v2.sf-native-elementor-page) .corporate-footer .footer-grid section > a, .corporate-footer .footer-grid section > .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .corporate-footer .footer-grid section > .sf-native-tag-a, .corporate-footer .footer-grid section > .elementor-widget-sf-atomic-action > .elementor-widget-container > a, :where(body.page-v2.sf-native-elementor-page) .corporate-footer .footer-grid section > .elementor-widget-sf-atomic-action > .elementor-widget-container > a, :where(body.page-v2.sf-native-elementor-page) .corporate-footer .footer-contact p{ overflow-wrap: anywhere; } :where(body.page-v2.sf-native-elementor-page) .inner-page img, :where(body.page-v2.sf-native-elementor-page) .inner-page video, :where(body.page-v2.sf-native-elementor-page) .inner-page iframe{ max-width: 100%; } :where(body.page-v2.sf-native-elementor-page) .document-panel, :where(body.page-v2.sf-native-elementor-page) .activity-year{ max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } body:where(.page-v2.sf-native-elementor-page)[data-page="company"] .inner-hero{ min-height: 590px; padding: 150px 18px 26px; align-items: flex-end; --align-items:flex-end !important;align-items:flex-end !important;} body:where(.page-v2.sf-native-elementor-page)[data-page="company"] .inner-hero::after{ background-position: 64% center; } body:where(.page-v2.sf-native-elementor-page)[data-page="company"] .inner-hero-content{ width: 100%; max-width: none; padding: 20px; } body:where(.page-v2.sf-native-elementor-page)[data-page="company"] .inner-hero h1{ max-width: 100%; font-size: clamp(32px, 9.2vw, 38px); line-height: 1.03; letter-spacing: -1.2px; } body:where(.page-v2.sf-native-elementor-page)[data-page="company"] .inner-hero-lead{ margin-top: 16px; font-size: 14px; line-height: 1.58; } body:where(.page-v2.sf-native-elementor-page)[data-page="company"] .hero-page-badge{ display: none; --display:none !important;display:none !important;} body:where(.page-v2.sf-native-elementor-page)[data-page="company"] .inner-metrics{ gap: 10px; margin-top: -20px; --gap:10px !important;gap:10px !important;} body:where(.page-v2.sf-native-elementor-page)[data-page="company"] .inner-metrics article{ min-height: 112px; padding: 17px 15px; border: 1px solid #e2e7ed; border-top: 3px solid #ed1c24; border-left: 1px solid #e2e7ed; border-radius: 8px; } body:where(.page-v2.sf-native-elementor-page)[data-page="company"] .inner-section{ padding: 48px 0; } body:where(.page-v2.sf-native-elementor-page)[data-page="company"] .inner-media > img, body[data-page="company"] .inner-media > .elementor-widget-sf-atomic-image > .elementor-widget-container > img, body:where(.page-v2.sf-native-elementor-page)[data-page="company"] .inner-media > .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ height: 100%; border-radius: 10px; } body:where(.page-v2.sf-native-elementor-page)[data-page="company"] .inner-info-card{ min-height: 0; padding: 21px; } body:where(.page-v2.sf-native-elementor-page)[data-page="company"] .inner-logo-panel{ min-height: 220px; padding: 26px; } body:where(.page-v2.sf-native-elementor-page)[data-page="company"].motion-enabled .motion-ready{ opacity: 1; transform: none; transition: border-color .25s ease, box-shadow .25s ease; } body:where(.page-v2.sf-native-elementor-page)[data-page="contact"].motion-enabled .motion-ready{ opacity: 1; transform: none; transition: border-color .25s ease, box-shadow .25s ease; } body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-hero{ min-height: 0; padding: 44px 18px 30px; } body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-hero::before{ display: none; --display:none !important;display:none !important;} body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-hero-copy{ width: 100%; max-width: none; padding: 20px; } body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-hero h1{ font-size: clamp(34px, 9.4vw, 39px); line-height: 1.06; letter-spacing: -1.2px; } body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-hero-copy > p:last-of-type, body[data-page="contact"] .contact-hero-copy > .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-hero-copy > .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, body[data-page="contact"] .contact-hero-copy > .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p, body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-hero-copy > .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p{ margin-top: 18px; font-size: 14px; line-height: 1.65; } body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-hero-actions{ margin-top: 24px; } body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-hero-actions a, body[data-page="contact"] .contact-hero-actions .sf-native-tag-a, body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-hero-actions .sf-native-tag-a{ justify-content: space-between; width: 100%; --justify-content:space-between !important;justify-content:space-between !important;} body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-hero-visual{ width: 118%; height: 165px; margin: 12px 0 0 -9%; overflow: hidden; } body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-department-grid{ gap: 12px; margin-top: 22px; --gap:12px !important;gap:12px !important;} body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-department-card{ padding: 21px 18px; } body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-department-content{ padding-right: 12px; } body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-enquiry, body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .office-locations, body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-locations{ padding-block: 58px; } body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-intro h2, body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-locations h2{ font-size: 34px; } } @media (max-width: 420px){ :where(body.page-v2.sf-native-elementor-page) .inner-footer-grid{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) .inner-footer-brand, :where(body.page-v2.sf-native-elementor-page) .inner-footer-grid section:last-child{ grid-column: auto; } body:where(.page-v2.sf-native-elementor-page)[data-page="company"] .inner-hero{ min-height: 570px; padding-top: 132px; } body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-hero h1{ font-size: 32px; } body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-form-panel{ padding: 21px 16px; } } /* service-pages.css */ /* Auto-generated from service-pages.css. */ :where(body.page-v2.sf-native-elementor-page) .service-detail-page{ --service-accent: #ed1c24; --service-soft: #f6f8fb; } :where(body.page-v2.sf-native-elementor-page) .service-detail-page .inner-hero{ min-height: 500px; } :where(body.page-v2.sf-native-elementor-page) .service-detail-page .inner-hero::after{ background-position: center; } :where(body.page-v2.sf-native-elementor-page) .service-detail-page .inner-hero-content{ width: min(680px, 58%); } :where(body.page-v2.sf-native-elementor-page) .service-detail-page .hero-page-badge{ position: absolute; right: max(28px, calc((100vw - 1320px) / 2 + 40px)); bottom: 54px; display: flex; align-items: center; gap: 13px; padding: 17px 19px; border: 1px solid rgba(255, 255, 255, .86); border-radius: 9px; background: rgba(255, 255, 255, .94); box-shadow: 0 14px 34px rgba(12, 31, 69, .12); color: #000; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:13px !important;gap:13px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .service-detail-page .hero-page-badge strong{ color: var(--service-accent); font-size: 26px; line-height: 1; } :where(body.page-v2.sf-native-elementor-page) .service-detail-page .hero-page-badge span{ font-size: 11px; font-weight: 750; line-height: 1.35; } :where(body.page-v2.sf-native-elementor-page) .service-intro-band{ padding: 34px 0 0; } :where(body.page-v2.sf-native-elementor-page) .service-intro-band .inner-metrics{ margin-top: -56px; } :where(body.page-v2.sf-native-elementor-page) .service-section-lead{ display: grid; grid-template-columns: minmax(0, .85fr) minmax(360px, 1.15fr); gap: 64px; align-items: start; --display:grid !important;display:grid !important;--gap:64px !important;gap:64px !important;--align-items:start !important;align-items:start !important;} :where(body.page-v2.sf-native-elementor-page) .service-section-lead .section-heading{ margin: 0; } :where(body.page-v2.sf-native-elementor-page) .service-section-lead>p, .service-section-lead> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .service-section-lead> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, .service-section-lead> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .service-section-lead> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p{ margin: 0; color: #596778; font-size: 14px; line-height: 1.8; } :where(body.page-v2.sf-native-elementor-page) .service-pill-list{ display: flex; flex-wrap: wrap; gap: 9px; margin-top: 28px; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:9px !important;gap:9px !important;--flex-wrap:wrap !important;flex-wrap:wrap !important;} :where(body.page-v2.sf-native-elementor-page) .service-pill-list span{ display: inline-flex; align-items: center; gap: 7px; padding: 9px 12px; border: 1px solid #dfe5ec; border-radius: 999px; background: #fff; color: #344763; font-size: 11px; font-weight: 720; --display:inline-flex !important;display:inline-flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:7px !important;gap:7px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .service-pill-list .service-pill-icon{ flex: 0 0 15px; width: 15px; height: 15px; fill: none; stroke: #ed1c24; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; } :where(body.page-v2.sf-native-elementor-page) .warehouse-cargo-tags span{ display: inline-flex; align-items: center; gap: 7px; --display:inline-flex !important;display:inline-flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:7px !important;gap:7px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .warehouse-cargo-tags svg{ flex: 0 0 15px; width: 15px; height: 15px; fill: none; stroke: #ed1c24; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; } :where(body.page-v2.sf-native-elementor-page) .service-feature-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; --display:grid !important;display:grid !important;--gap:13px !important;gap:13px !important;} :where(body.page-v2.sf-native-elementor-page) .service-feature-grid article{ position: relative; min-height: 185px; padding: 25px 22px; overflow: hidden; border: 1px solid #e0e5eb; border-radius: 9px; background: #fff; transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; } :where(body.page-v2.sf-native-elementor-page) .service-feature-grid article:hover{ transform: translateY(-5px); border-color: #cbd4df; box-shadow: 0 15px 30px rgba(12, 31, 69, .08); } :where(body.page-v2.sf-native-elementor-page) .service-feature-grid i{ display: grid; place-items: center; width: 34px; height: 34px; margin-bottom: 29px; border-radius: 50%; background: #fff0f0; color: var(--service-accent); font-size: 11px; font-style: normal; font-weight: 900; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .service-feature-grid strong{ display: block; color: #10264a; font-size: 16px; line-height: 1.35; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .service-feature-grid p{ margin: 8px 0 0; color: #647183; font-size: 12px; line-height: 1.6; } :where(body.page-v2.sf-native-elementor-page) .service-strength-strip{ display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #dfe5ec; border-radius: 9px; background: #fff; margin: 34px 0 ; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .service-strength-strip article{ min-height: 135px; padding: 23px; border-right: 1px solid #dfe5ec; } :where(body.page-v2.sf-native-elementor-page) .service-strength-strip article:last-child{ border-right: 0; } :where(body.page-v2.sf-native-elementor-page) .service-strength-strip span{ display: block; margin-bottom: 16px; color: var(--service-accent); font-size: 10px; font-weight: 850; letter-spacing: .7px; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .service-strength-strip strong{ display: block; color: #000; font-size: 15px; line-height: 1.4; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .service-strength-strip p{ margin: 7px 0 0; color: #677487; font-size: 11px; line-height: 1.6; } :where(body.page-v2.sf-native-elementor-page) .service-light-cta{ padding: 48px 0; border-top: 1px solid #e2e6ec; border-bottom: 1px solid #e2e6ec; background: #f5f7fa; } :where(body.page-v2.sf-native-elementor-page) .service-light-cta .inner-container{ display: flex; align-items: center; justify-content: space-between; gap: 35px; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:35px !important;gap:35px !important;--align-items:center !important;align-items:center !important;--justify-content:space-between !important;justify-content:space-between !important;} :where(body.page-v2.sf-native-elementor-page) .service-light-cta h2{ margin: 0; color: #000; font-size: clamp(26px, 3vw, 35px); } :where(body.page-v2.sf-native-elementor-page) .service-light-cta p{ margin: 9px 0 0; color: #647183; font-size: 13px; } :where(body.page-v2.sf-native-elementor-page) .service-light-cta a, .service-light-cta .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .service-light-cta .sf-native-tag-a{ display: inline-flex; align-items: center; min-height: 47px; padding: 0 21px; border-radius: 5px; background: #ed1c24; color: #fff; font-size: 12px; font-weight: 820; white-space: nowrap; transition: transform .25s ease, background .25s ease; --display:inline-flex !important;display:inline-flex !important;--flex-direction:row !important;flex-direction:row !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .service-light-cta a:hover, .service-light-cta .sf-native-tag-a:hover, :where(body.page-v2.sf-native-elementor-page) .service-light-cta .sf-native-tag-a:hover{ transform: translateY(-2px); background: #c9141b; } :where(body.page-v2.sf-native-elementor-page) .cfs-movement{ display: grid; grid-template-columns: repeat(5, 1fr); counter-reset: cfs-stage; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .cfs-movement article{ position: relative; padding-right: 24px; counter-increment: cfs-stage; } :where(body.page-v2.sf-native-elementor-page) .cfs-movement article:not(:last-child)::after{ content: ""; position: absolute; top: 20px; left: 43px; width: calc(100% - 43px); height: 1px; background: #d8dfe8; } :where(body.page-v2.sf-native-elementor-page) .cfs-movement span{ position: relative; z-index: 1; display: grid; place-items: center; width: 41px; height: 41px; border: 7px solid #fff; border-radius: 50%; background: #ed1c24; box-shadow: 0 0 0 1px #ed1c24; color: #fff; font-size: 0; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .cfs-movement span::before{ content: counter(cfs-stage, decimal-leading-zero); font-size: 9px; font-weight: 900; } :where(body.page-v2.sf-native-elementor-page) .cfs-movement h3{ margin: 18px 0 7px; color: #000; font-size: 15px; } :where(body.page-v2.sf-native-elementor-page) .cfs-movement p{ margin: 0; color: #687587; font-size: 11px; line-height: 1.6; } :where(body.page-v2.sf-native-elementor-page) .warehouse-zone-plan{ display: grid; grid-template-columns: 1.25fr .75fr; gap: 16px; --display:grid !important;display:grid !important;--gap:16px !important;gap:16px !important;} :where(body.page-v2.sf-native-elementor-page) .warehouse-zone-main{ display: grid; grid-template-columns: repeat(2, 1fr); min-height: 360px; overflow: hidden; border: 1px solid #dfe5ec; border-radius: 10px; background: #fff; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .warehouse-zone-main article{ display: flex; flex-direction: column; justify-content: flex-end; min-height: 180px; padding: 25px; border-right: 1px solid #e1e6ec; border-bottom: 1px solid #e1e6ec; background: linear-gradient(145deg, #fff, #f7f9fc); --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;--justify-content:flex-end !important;justify-content:flex-end !important;} :where(body.page-v2.sf-native-elementor-page) .warehouse-zone-main article:nth-child(2n){ border-right: 0; } :where(body.page-v2.sf-native-elementor-page) .warehouse-zone-main article:nth-child(n+3){ border-bottom: 0; } :where(body.page-v2.sf-native-elementor-page) .warehouse-zone-main.three-locations{ grid-template-columns: repeat(3, minmax(0, 1fr)); min-height: 310px; } :where(body.page-v2.sf-native-elementor-page) .warehouse-zone-main.three-locations article{ min-height: 310px; border-right: 1px solid #e1e6ec; border-bottom: 0; } :where(body.page-v2.sf-native-elementor-page) .warehouse-zone-main.three-locations article:last-child{ border-right: 0; } :where(body.page-v2.sf-native-elementor-page) .warehouse-zone-main b{ color: #ed1c24; font-size: 10px; letter-spacing: .8px; } :where(body.page-v2.sf-native-elementor-page) .warehouse-zone-main strong{ margin-top: 10px; color: #000; font-size: 18px; } :where(body.page-v2.sf-native-elementor-page) .warehouse-zone-main p{ margin: 8px 0 0; color: #657285; font-size: 11px; line-height: 1.6; } :where(body.page-v2.sf-native-elementor-page) .warehouse-value-stack{ display: grid; gap: 10px; --display:grid !important;display:grid !important;--gap:10px !important;gap:10px !important;} :where(body.page-v2.sf-native-elementor-page) .warehouse-value-stack article{ padding: 21px; border: 1px solid #e0e5eb; border-radius: 8px; background: #fff; } :where(body.page-v2.sf-native-elementor-page) .warehouse-value-stack strong{ display: block; color: #10264a; font-size: 15px; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .warehouse-value-stack p{ margin: 6px 0 0; color: #667487; font-size: 11px; line-height: 1.55; } :where(body.page-v2.sf-native-elementor-page) .depot-care-layout{ display: grid; grid-template-columns: .9fr 1.1fr; gap: 18px; --display:grid !important;display:grid !important;--gap:18px !important;gap:18px !important;} :where(body.page-v2.sf-native-elementor-page) .depot-care-layout>article{ padding: 30px; border: 1px solid #dfe5ec; border-radius: 10px; background: #fff; } :where(body.page-v2.sf-native-elementor-page) .depot-care-layout>article:last-child{ background: #f7f9fc; } :where(body.page-v2.sf-native-elementor-page) .depot-care-layout h3{ margin: 0; color: #000; font-size: 22px; } :where(body.page-v2.sf-native-elementor-page) .depot-care-layout p{ margin: 10px 0 0; color: #637185; font-size: 12px; line-height: 1.65; } :where(body.page-v2.sf-native-elementor-page) .depot-care-layout .inner-checks{ grid-template-columns: 1fr 1fr; } :where(body.page-v2.sf-native-elementor-page) .depot-lane{ display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 31px; border-top: 1px solid #d9e0e8; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .depot-lane article{ position: relative; padding: 28px 18px 0 0; } :where(body.page-v2.sf-native-elementor-page) .depot-lane b{ color: #ed1c24; font-size: 10px; } :where(body.page-v2.sf-native-elementor-page) .depot-lane strong{ display: block; margin-top: 8px; color: #000; font-size: 14px; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .depot-lane p{ margin: 7px 0 0; color: #657285; font-size: 11px; line-height: 1.55; } :where(body.page-v2.sf-native-elementor-page) .park-lanes{ display: grid; grid-template-columns: 1fr 1fr; gap: 18px; --display:grid !important;display:grid !important;--gap:18px !important;gap:18px !important;} :where(body.page-v2.sf-native-elementor-page) .park-lane{ position: relative; min-height: 330px; padding: 31px; overflow: hidden; border: 1px solid #dfe5ec; border-radius: 10px; background: #fff; } :where(body.page-v2.sf-native-elementor-page) .park-lane::after{ content: attr(data-lane); position: absolute; right: -8px; bottom: -25px; color: #f1f3f6; font-size: 96px; font-weight: 900; letter-spacing: -6px; } :where(body.page-v2.sf-native-elementor-page) .park-lane>*{ position: relative; z-index: 1; } :where(body.page-v2.sf-native-elementor-page) .park-lane h3{ margin: 0; color: #000; font-size: 25px; } :where(body.page-v2.sf-native-elementor-page) .park-lane p{ margin: 10px 0 0; color: #637185; font-size: 12px; line-height: 1.65; } :where(body.page-v2.sf-native-elementor-page) .park-lane .inner-checks{ margin-top: 23px; } :where(body.page-v2.sf-native-elementor-page) .park-infrastructure{ display: grid; grid-template-columns: .75fr 1.25fr; gap: 42px; align-items: center; padding: 34px; border: 1px solid #dfe5ec; border-left: 4px solid #ed1c24; border-radius: 9px; background: #fff; --display:grid !important;display:grid !important;--gap:42px !important;gap:42px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .park-infrastructure strong{ color: #ed1c24; font-size: 45px; letter-spacing: -1.5px; } :where(body.page-v2.sf-native-elementor-page) .park-infrastructure span{ display: block; margin-top: 5px; color: #000; font-size: 14px; font-weight: 800; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .park-infrastructure p{ margin: 0; color: #5e6c7e; font-size: 13px; line-height: 1.75; } :where(body.page-v2.sf-native-elementor-page) .leasing-fleet{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; --display:grid !important;display:grid !important;--gap:13px !important;gap:13px !important;} :where(body.page-v2.sf-native-elementor-page) .leasing-fleet article{ min-height: 245px; padding: 27px 23px; border: 1px solid #dfe5ec; border-radius: 9px; background: #fff; transition: transform .3s ease, background .3s ease, color .3s ease; } :where(body.page-v2.sf-native-elementor-page) .leasing-fleet article:hover{ transform: translateY(-6px); background: #000; color: #fff; } :where(body.page-v2.sf-native-elementor-page) .leasing-fleet i{ display: block; color: #ed1c24; font-size: 12px; font-style: normal; font-weight: 900; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .leasing-fleet h3{ margin: 41px 0 8px; color: #000; font-size: 19px; } :where(body.page-v2.sf-native-elementor-page) .leasing-fleet p{ margin: 0; color: #667487; font-size: 12px; line-height: 1.6; } :where(body.page-v2.sf-native-elementor-page) .leasing-fleet strong{ display: inline-block; margin-top: 22px; padding: 7px 9px; border-radius: 999px; background: #f1f4f8; color: #334660; font-size: 10px; --display:inline-block !important;display:inline-block !important;} :where(body.page-v2.sf-native-elementor-page) .leasing-fleet article:hover h3, :where(body.page-v2.sf-native-elementor-page) .leasing-fleet article:hover p{ color: #fff; } :where(body.page-v2.sf-native-elementor-page) .leasing-fleet article:hover p{ opacity: .72; } :where(body.page-v2.sf-native-elementor-page) .leasing-availability{ display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 25px 28px; border: 1px solid #ead8d9; border-radius: 8px; background: #fff7f7; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:30px !important;gap:30px !important;--align-items:center !important;align-items:center !important;--justify-content:space-between !important;justify-content:space-between !important;} :where(body.page-v2.sf-native-elementor-page) .leasing-availability strong{ color: #000; font-size: 16px; } :where(body.page-v2.sf-native-elementor-page) .leasing-availability p{ margin: 0; color: #667487; font-size: 12px; } @media (max-width: 1000px){ :where(body.page-v2.sf-native-elementor-page) .service-feature-grid, :where(body.page-v2.sf-native-elementor-page) .service-strength-strip, :where(body.page-v2.sf-native-elementor-page) .leasing-fleet{ grid-template-columns: repeat(2, 1fr); } :where(body.page-v2.sf-native-elementor-page) .service-strength-strip article:nth-child(2){ border-right: 0; } :where(body.page-v2.sf-native-elementor-page) .service-strength-strip article:nth-child(-n+2){ border-bottom: 1px solid #dfe5ec; } :where(body.page-v2.sf-native-elementor-page) .service-section-lead, :where(body.page-v2.sf-native-elementor-page) .warehouse-zone-plan, :where(body.page-v2.sf-native-elementor-page) .depot-care-layout{ grid-template-columns: 1fr; gap: 26px; --gap:26px !important;gap:26px !important;} :where(body.page-v2.sf-native-elementor-page) .cfs-movement{ grid-template-columns: repeat(3, 1fr); gap: 24px; --gap:24px !important;gap:24px !important;} :where(body.page-v2.sf-native-elementor-page) .cfs-movement article::after{ display: none; --display:none !important;display:none !important;} } @media(max-width: 768px){ :where(body.page-v2.sf-native-elementor-page) .warehouse-zone-main.three-locations article{ min-height: auto; border-right: 1px solid #e1e6ec; border-bottom: 0; } } @media (max-width: 680px){ :where(body.page-v2.sf-native-elementor-page) .service-detail-page .inner-hero{ min-height: 500px; } :where(body.page-v2.sf-native-elementor-page) .service-detail-page .inner-hero-content{ width: 100%; } :where(body.page-v2.sf-native-elementor-page) .service-detail-page .hero-page-badge{ display: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .service-intro-band .inner-metrics{ margin-top: -28px; } :where(body.page-v2.sf-native-elementor-page) .service-feature-grid, :where(body.page-v2.sf-native-elementor-page) .service-strength-strip, :where(body.page-v2.sf-native-elementor-page) .leasing-fleet, :where(body.page-v2.sf-native-elementor-page) .park-lanes, :where(body.page-v2.sf-native-elementor-page) .cfs-movement{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) .service-strength-strip article{ border-right: 0; border-bottom: 1px solid #dfe5ec; } :where(body.page-v2.sf-native-elementor-page) .service-strength-strip article:last-child{ border-bottom: 0; } :where(body.page-v2.sf-native-elementor-page) .warehouse-zone-main{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) .warehouse-zone-main.three-locations{ grid-template-columns: 1fr; min-height: 0; } :where(body.page-v2.sf-native-elementor-page) .warehouse-zone-main article{ min-height: 150px; border-right: 0; border-bottom: 1px solid #e1e6ec; } :where(body.page-v2.sf-native-elementor-page) .warehouse-zone-main article:nth-child(n+3){ border-bottom: 1px solid #e1e6ec; } :where(body.page-v2.sf-native-elementor-page) .warehouse-zone-main article:last-child{ border-bottom: 0; } :where(body.page-v2.sf-native-elementor-page) .warehouse-zone-main.three-locations article{ min-height: 150px; border-right: 0; border-bottom: 1px solid #e1e6ec; } :where(body.page-v2.sf-native-elementor-page) .warehouse-zone-main.three-locations article:last-child{ border-bottom: 0; } :where(body.page-v2.sf-native-elementor-page) .depot-care-layout .inner-checks, :where(body.page-v2.sf-native-elementor-page) .depot-lane{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) .depot-lane article{ padding-top: 20px; } :where(body.page-v2.sf-native-elementor-page) .park-infrastructure{ grid-template-columns: 1fr; gap: 18px; padding: 27px; --gap:18px !important;gap:18px !important;} :where(body.page-v2.sf-native-elementor-page) .leasing-availability, :where(body.page-v2.sf-native-elementor-page) .service-light-cta .inner-container{ align-items: flex-start; flex-direction: column; --flex-direction:column !important;flex-direction:column !important;--align-items:flex-start !important;align-items:flex-start !important;} } :where(body.page-v2.sf-native-elementor-page) .my-4{ margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } /* services-overview.css */ /* Auto-generated from services-overview.css. */ :where(body.page-v2.sf-native-elementor-page) .services-overview-page{ --overview-red:#ed1c24; --overview-navy:#000; --overview-copy:#596778; } :where(body.page-v2.sf-native-elementor-page) .services-overview-hero{ position:relative; display:grid; grid-template-columns:minmax(400px,.82fr) minmax(520px,1.18fr); align-items:center; min-height:590px; padding:72px max(28px,calc((100vw - 1320px)/2 + 40px)) 64px; overflow:hidden; background:linear-gradient(135deg,#fff 0 54%,#f6f8fb 54% 100%); --display:grid !important;display:grid !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .services-overview-hero::before{ content:"SERVICES"; position:absolute; left:-12px; bottom:-31px; color:#f5f6f8; font-size:clamp(100px,15vw,220px); font-weight:900; letter-spacing:-10px; pointer-events:none; } :where(body.page-v2.sf-native-elementor-page) .services-hero-copy{ position:relative; z-index:2; max-width:650px; } :where(body.page-v2.sf-native-elementor-page) .services-overview-hero .inner-breadcrumb{ margin-bottom:35px; color:#778397; } :where(body.page-v2.sf-native-elementor-page) .services-overview-hero .inner-breadcrumb a, .services-overview-hero .inner-breadcrumb .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .services-overview-hero .inner-breadcrumb .sf-native-tag-a{ color:var(--overview-navy); } :where(body.page-v2.sf-native-elementor-page) .services-overview-hero h1{ margin:0; color:var(--overview-navy); font-size:clamp(42px,4.6vw,60px); line-height:1.05; letter-spacing:-1.6px; } :where(body.page-v2.sf-native-elementor-page) .services-hero-copy > p:last-of-type, .services-hero-copy > .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .services-hero-copy > .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, .services-hero-copy > .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .services-hero-copy > .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p{ max-width:610px; margin:23px 0 0; color:var(--overview-copy); font-size:16px; line-height:1.75; } :where(body.page-v2.sf-native-elementor-page) .services-hero-copy > a, .services-hero-copy > .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .services-hero-copy > .sf-native-tag-a, .services-hero-copy > .elementor-widget-sf-atomic-action > .elementor-widget-container > a, :where(body.page-v2.sf-native-elementor-page) .services-hero-copy > .elementor-widget-sf-atomic-action > .elementor-widget-container > a{ display:inline-flex; align-items:center; gap:13px; min-height:49px; margin-top:30px; padding:0 20px; border:1px solid var(--overview-red); border-radius:5px; color:var(--overview-red); font-size:13px; font-weight:820; transition:color .25s ease,background .25s ease,transform .25s ease; --display:inline-flex !important;display:inline-flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:13px !important;gap:13px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .services-hero-copy > a:hover, .services-hero-copy > .sf-native-tag-a:hover, :where(body.page-v2.sf-native-elementor-page) .services-hero-copy > .sf-native-tag-a:hover, .services-hero-copy > .elementor-widget-sf-atomic-action > .elementor-widget-container > a:hover, :where(body.page-v2.sf-native-elementor-page) .services-hero-copy > .elementor-widget-sf-atomic-action > .elementor-widget-container > a:hover{ color:#fff; background:var(--overview-red); transform:translateY(-3px); } :where(body.page-v2.sf-native-elementor-page) .services-hero-visual{ position:relative; z-index:1; width:118%; margin-left:-4%; transform:translateY(20px); } :where(body.page-v2.sf-native-elementor-page) .services-hero-visual img{ display:block; width:100%; height:auto; filter:none; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .service-route-dot{ position:absolute; width:13px; height:13px; border:3px solid #fff; border-radius:50%; background:var(--overview-red); box-shadow:0 0 0 1px var(--overview-red),0 0 0 8px rgba(237,28,36,.08); animation:overviewPulse 2.6s ease-in-out infinite; } :where(body.page-v2.sf-native-elementor-page) .service-route-dot.dot-one{ left:26%; bottom:21%; } :where(body.page-v2.sf-native-elementor-page) .service-route-dot.dot-two{ left:51%; bottom:20%; animation-delay:.55s; } :where(body.page-v2.sf-native-elementor-page) .service-route-dot.dot-three{ left:78%; bottom:21%; animation-delay:1.1s; } :where(body.page-v2.sf-native-elementor-page) .services-capability-strip{ position:relative; z-index:4; display:grid; grid-template-columns:repeat(4,1fr); width:min(1240px,calc(100% - 56px)); margin:-30px auto 0; border:1px solid #e0e5ec; border-radius:11px; background:#fff; box-shadow:0 14px 35px rgba(12,31,69,.07); --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .services-capability-strip article{ min-height:115px; padding:25px 28px; border-right:1px solid #e1e6ec; } :where(body.page-v2.sf-native-elementor-page) .services-capability-strip article:last-child{ border-right:0; } :where(body.page-v2.sf-native-elementor-page) .services-capability-strip strong{ display:block; color:var(--overview-red); font-size:28px; line-height:1; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .services-capability-strip span{ display:block; margin-top:9px; color:#536174; font-size:13px; line-height:1.45; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .services-portfolio{ padding:96px 0; background:#fff; } :where(body.page-v2.sf-native-elementor-page) .services-portfolio-layout{ display:grid; grid-template-columns:330px minmax(0,1fr); gap:70px; align-items:start; --display:grid !important;display:grid !important;--gap:70px !important;gap:70px !important;--align-items:start !important;align-items:start !important;} :where(body.page-v2.sf-native-elementor-page) .services-portfolio-intro{ position:sticky; top:120px; } :where(body.page-v2.sf-native-elementor-page) .services-portfolio-intro h2{ margin:0; color:var(--overview-navy); font-size:clamp(34px,4vw,48px); line-height:1.1; letter-spacing:-1.2px; } :where(body.page-v2.sf-native-elementor-page) .services-portfolio-intro > p:not(.inner-red-label), .services-portfolio-intro > .elementor-widget-sf-atomic-text > .elementor-widget-container > p:not(.inner-red-label), :where(body.page-v2.sf-native-elementor-page) .services-portfolio-intro > .elementor-widget-sf-atomic-text > .elementor-widget-container > p:not(.inner-red-label), .services-portfolio-intro > .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p:not(.inner-red-label), :where(body.page-v2.sf-native-elementor-page) .services-portfolio-intro > .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p:not(.inner-red-label){ margin:18px 0 0; color:var(--overview-copy); font-size:14px; line-height:1.75; } :where(body.page-v2.sf-native-elementor-page) .portfolio-index{ display:flex; align-items:center; gap:12px; margin-top:35px; color:#738094; font-size:10px; font-weight:850; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:12px !important;gap:12px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .portfolio-index i{ position:relative; width:120px; height:1px; overflow:hidden; background:#d9dfe7; } :where(body.page-v2.sf-native-elementor-page) .portfolio-index i::after{ content:""; position:absolute; inset:0; background:var(--overview-red); transform:translateX(-72%); animation:indexTravel 4s ease-in-out infinite; } :where(body.page-v2.sf-native-elementor-page) .services-overview-list{ display:grid; gap:15px; --display:grid !important;display:grid !important;--gap:15px !important;gap:15px !important;} :where(body.page-v2.sf-native-elementor-page) .services-overview-card{ position:relative; display:grid; grid-template-columns:44px 58px minmax(0,1fr) auto; gap:22px; align-items:start; min-height:210px; padding:30px 30px 27px; overflow:hidden; border:1px solid #e0e5ec; border-radius:12px; color:inherit; background:#fff; transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .3s ease; --display:grid !important;display:grid !important;--gap:22px !important;gap:22px !important;--align-items:start !important;align-items:start !important;} :where(body.page-v2.sf-native-elementor-page) .services-overview-card::after{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--overview-red); transform:scaleY(0); transform-origin:bottom; transition:transform .35s ease; } :where(body.page-v2.sf-native-elementor-page) .services-overview-card:hover{ z-index:2; transform:translateX(-12px); border-color:#efb8bb; box-shadow:0 20px 42px rgba(12,31,69,.09); } :where(body.page-v2.sf-native-elementor-page) .services-overview-card:hover::after{ transform:scaleY(1); } :where(body.page-v2.sf-native-elementor-page) .service-card-number{ padding-top:8px; color:#a0a8b4; font-size:11px; font-weight:850; } :where(body.page-v2.sf-native-elementor-page) .service-card-icon{ display:grid; place-items:center; width:50px; height:50px; border-radius:12px; color:var(--overview-red); background:#fff2f2; transition:transform .35s ease,background .3s ease,color .3s ease; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .service-card-icon svg{ width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; } :where(body.page-v2.sf-native-elementor-page) .services-overview-card:hover .service-card-icon{ color:#fff; background:var(--overview-red); transform:rotate(-6deg) scale(1.06); } :where(body.page-v2.sf-native-elementor-page) .services-overview-card p{ margin:0 0 8px; color:var(--overview-red); text-transform:uppercase; letter-spacing:.65px; font-size:10px; font-weight:850; } :where(body.page-v2.sf-native-elementor-page) .services-overview-card h3{ margin:0; color:var(--overview-navy); font-size:23px; line-height:1.25; } :where(body.page-v2.sf-native-elementor-page) .services-overview-card div > span, .services-overview-card div > .elementor-widget-sf-atomic-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .services-overview-card div > .elementor-widget-sf-atomic-text > .elementor-widget-container > span, .services-overview-card div > .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .services-overview-card div > .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span{ display:block; max-width:650px; margin-top:10px; color:var(--overview-copy); font-size:13px; line-height:1.65; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .services-overview-card ul, .services-overview-card .sf-native-tag-ul, :where(body.page-v2.sf-native-elementor-page) .services-overview-card .sf-native-tag-ul{ display:flex; flex-wrap:wrap; gap:7px; margin:19px 0 0; padding:0; list-style:none; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:7px !important;gap:7px !important;--flex-wrap:wrap !important;flex-wrap:wrap !important;} :where(body.page-v2.sf-native-elementor-page) .services-overview-card li{ padding:6px 9px; border-radius:999px; color:#3f526d; background:#f2f5f8; font-size:10px; font-weight:760; } :where(body.page-v2.sf-native-elementor-page) .services-overview-card > b{ align-self:center; display:flex; align-items:center; gap:9px; color:var(--overview-navy); font-size:11px; white-space:nowrap; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:9px !important;gap:9px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .services-overview-card > b em{ color:var(--overview-red); font-size:19px; font-style:normal; transition:transform .3s ease; } :where(body.page-v2.sf-native-elementor-page) .services-overview-card:hover > b em{ transform:translateX(5px); } :where(body.page-v2.sf-native-elementor-page) .service-network-flow{ padding:86px 0 96px; background:#f7f9fc; } :where(body.page-v2.sf-native-elementor-page) .service-network-flow .section-heading{ margin-bottom:52px; } :where(body.page-v2.sf-native-elementor-page) .service-flow-track{ position:relative; display:grid; grid-template-columns:repeat(5,1fr); padding-top:30px; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .service-flow-track::before{ content:""; position:absolute; left:7%; right:7%; top:50px; height:1px; background:linear-gradient(90deg,#ed1c24,#f29b7d,#ed1c24); } :where(body.page-v2.sf-native-elementor-page) .service-flow-step{ position:relative; z-index:1; text-align:center; } :where(body.page-v2.sf-native-elementor-page) .service-flow-step i{ display:grid; place-items:center; width:42px; height:42px; margin:0 auto 18px; border:8px solid #f7f9fc; border-radius:50%; color:#fff; background:var(--overview-red); box-shadow:0 0 0 1px #ef969a; font-size:10px; font-style:normal; font-weight:900; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .service-flow-step strong{ display:block; color:var(--overview-navy); font-size:15px; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .service-flow-step span{ display:block; max-width:150px; margin:7px auto 0; color:#687587; font-size:11px; line-height:1.5; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .flow-plane{ position:absolute; z-index:3; top:37px; left:7%; color:var(--overview-red); font-size:18px; animation:flowPlane 8s ease-in-out infinite; } :where(body.page-v2.sf-native-elementor-page) .services-light-cta{ padding:62px 0; border-top:1px solid #e1e6ec; background:#fff; } :where(body.page-v2.sf-native-elementor-page) .services-light-cta .inner-container{ display:flex; justify-content:space-between; align-items:center; gap:40px; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:40px !important;gap:40px !important;--align-items:center !important;align-items:center !important;--justify-content:space-between !important;justify-content:space-between !important;} :where(body.page-v2.sf-native-elementor-page) .services-light-cta h2{ margin:0; color:var(--overview-navy); font-size:clamp(30px,3vw,42px); } :where(body.page-v2.sf-native-elementor-page) .services-light-cta span{ display:block; margin-top:11px; color:var(--overview-copy); font-size:14px; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .services-light-cta a, .services-light-cta .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .services-light-cta .sf-native-tag-a{ display:inline-flex; align-items:center; gap:12px; min-height:48px; padding:0 20px; border-radius:5px; color:#fff; background:var(--overview-red); font-size:12px; font-weight:820; white-space:nowrap; transition:transform .25s ease,background .25s ease; --display:inline-flex !important;display:inline-flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:12px !important;gap:12px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .services-light-cta a:hover, .services-light-cta .sf-native-tag-a:hover, :where(body.page-v2.sf-native-elementor-page) .services-light-cta .sf-native-tag-a:hover{ transform:translateY(-3px); background:#c9141b; } @media (max-width:1000px){ :where(body.page-v2.sf-native-elementor-page) .services-overview-hero{ grid-template-columns:1fr; min-height:auto; padding-top:75px; } :where(body.page-v2.sf-native-elementor-page) .services-hero-visual{ width:100%; margin:30px 0 0; } :where(body.page-v2.sf-native-elementor-page) .services-portfolio-layout{ grid-template-columns:1fr; gap:38px; --gap:38px !important;gap:38px !important;} :where(body.page-v2.sf-native-elementor-page) .services-portfolio-intro{ position:static; max-width:720px; } :where(body.page-v2.sf-native-elementor-page) .services-capability-strip{ grid-template-columns:repeat(2,1fr); } :where(body.page-v2.sf-native-elementor-page) .services-capability-strip article:nth-child(2){ border-right:0; } :where(body.page-v2.sf-native-elementor-page) .services-capability-strip article:nth-child(-n+2){ border-bottom:1px solid #e1e6ec; } } @media (max-width:680px){ :where(body.page-v2.sf-native-elementor-page) .services-overview-hero{ padding:55px 20px 45px; background:#fff; } :where(body.page-v2.sf-native-elementor-page) .services-overview-hero h1{ font-size:38px; letter-spacing:-1.4px; } :where(body.page-v2.sf-native-elementor-page) .services-hero-copy > p:last-of-type, .services-hero-copy > .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .services-hero-copy > .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > p, .services-hero-copy > .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .services-hero-copy > .elementor-widget-sf-atomic-rich-text:last-child > .elementor-widget-container > p{ font-size:14px; } :where(body.page-v2.sf-native-elementor-page) .services-hero-visual{ width:130%; margin-left:-15%; } :where(body.page-v2.sf-native-elementor-page) .services-capability-strip{ width:calc(100% - 36px); margin-top:-10px; } :where(body.page-v2.sf-native-elementor-page) .services-capability-strip article{ min-height:100px; padding:20px 17px; } :where(body.page-v2.sf-native-elementor-page) .services-capability-strip strong{ font-size:24px; } :where(body.page-v2.sf-native-elementor-page) .services-portfolio{ padding:68px 0; } :where(body.page-v2.sf-native-elementor-page) .services-overview-card{ grid-template-columns:35px 45px minmax(0,1fr); gap:12px; min-height:0; padding:23px 17px; --gap:12px !important;gap:12px !important;} :where(body.page-v2.sf-native-elementor-page) .service-card-icon{ width:42px; height:42px; } :where(body.page-v2.sf-native-elementor-page) .services-overview-card h3{ font-size:19px; } :where(body.page-v2.sf-native-elementor-page) .services-overview-card > b{ grid-column:3; justify-self:start; margin-top:12px; } :where(body.page-v2.sf-native-elementor-page) .services-overview-card:hover{ transform:translateY(-5px); } :where(body.page-v2.sf-native-elementor-page) .service-flow-track{ grid-template-columns:1fr; gap:24px; padding:0; --gap:24px !important;gap:24px !important;} :where(body.page-v2.sf-native-elementor-page) .service-flow-track::before{ left:20px; right:auto; top:15px; bottom:15px; width:1px; height:auto; } :where(body.page-v2.sf-native-elementor-page) .service-flow-step{ display:grid; grid-template-columns:42px 1fr; gap:15px; text-align:left; --display:grid !important;display:grid !important;--gap:15px !important;gap:15px !important;} :where(body.page-v2.sf-native-elementor-page) .service-flow-step i{ grid-row:1/3; margin:0; } :where(body.page-v2.sf-native-elementor-page) .service-flow-step span{ max-width:none; margin:3px 0 0; } :where(body.page-v2.sf-native-elementor-page) .flow-plane{ display:none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .services-light-cta .inner-container{ align-items:flex-start; flex-direction:column; --flex-direction:column !important;flex-direction:column !important;--align-items:flex-start !important;align-items:flex-start !important;} } @media (prefers-reduced-motion:reduce){ :where(body.page-v2.sf-native-elementor-page) .service-route-dot, :where(body.page-v2.sf-native-elementor-page) .portfolio-index i::after, :where(body.page-v2.sf-native-elementor-page) .flow-plane{ animation:none; } } :where(body.page-v2.sf-native-elementor-page) .services-overview-card li{ display: inline-flex; align-items: center; gap: 6px; --display:inline-flex !important;display:inline-flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:6px !important;gap:6px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .services-overview-card li .service-pill-icon{ flex: 0 0 13px; width: 13px; height: 13px; fill: none; stroke: var(--overview-red); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; } /* site.css */ /* Auto-generated from site.css. */ @layer theme{ :where(body.page-v2.sf-native-elementor-page) :host{ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --spacing: 0.25rem; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } } @layer base{ :where(body.page-v2.sf-native-elementor-page) *, :where(body.page-v2.sf-native-elementor-page) :after, :where(body.page-v2.sf-native-elementor-page) :before, :where(body.page-v2.sf-native-elementor-page) ::backdrop{ box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } :where(body.page-v2.sf-native-elementor-page) ::file-selector-button{ box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } :where(body.page-v2.sf-native-elementor-page) :host{ -webkit-text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" ); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } :where(body.page-v2.sf-native-elementor-page) hr{ height: 0; color: inherit; border-top-width: 1px; } :where(body.page-v2.sf-native-elementor-page) abbr:where([title]){ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } :where(body.page-v2.sf-native-elementor-page) h1, :where(body.page-v2.sf-native-elementor-page) h2, :where(body.page-v2.sf-native-elementor-page) h3, :where(body.page-v2.sf-native-elementor-page) h4, :where(body.page-v2.sf-native-elementor-page) h5, :where(body.page-v2.sf-native-elementor-page) h6{ font-size: inherit; font-weight: 500; letter-spacing: 1; } :where(body.page-v2.sf-native-elementor-page) a, .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .sf-native-tag-a{ color: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } :where(body.page-v2.sf-native-elementor-page) b, :where(body.page-v2.sf-native-elementor-page) strong{ font-weight: bolder; } :where(body.page-v2.sf-native-elementor-page) code, :where(body.page-v2.sf-native-elementor-page) kbd, :where(body.page-v2.sf-native-elementor-page) samp, :where(body.page-v2.sf-native-elementor-page) pre{ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } :where(body.page-v2.sf-native-elementor-page) small{ font-size: 80%; } :where(body.page-v2.sf-native-elementor-page) sub, :where(body.page-v2.sf-native-elementor-page) sup{ vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } :where(body.page-v2.sf-native-elementor-page) sub{ bottom: -0.25em; } :where(body.page-v2.sf-native-elementor-page) sup{ top: -0.5em; } :where(body.page-v2.sf-native-elementor-page) table, .sf-native-tag-table, :where(body.page-v2.sf-native-elementor-page) .sf-native-tag-table{ text-indent: 0; border-color: inherit; border-collapse: collapse; } :where(body.page-v2.sf-native-elementor-page) :-moz-focusring{ outline: auto; } :where(body.page-v2.sf-native-elementor-page) progress{ vertical-align: baseline; } :where(body.page-v2.sf-native-elementor-page) summary{ display: list-item; } :where(body.page-v2.sf-native-elementor-page) ol, .sf-native-tag-ol, :where(body.page-v2.sf-native-elementor-page) .sf-native-tag-ol, :where(body.page-v2.sf-native-elementor-page) ul, .sf-native-tag-ul, :where(body.page-v2.sf-native-elementor-page) .sf-native-tag-ul, :where(body.page-v2.sf-native-elementor-page) menu{ list-style: none; } :where(body.page-v2.sf-native-elementor-page) img, :where(body.page-v2.sf-native-elementor-page) svg, :where(body.page-v2.sf-native-elementor-page) video, :where(body.page-v2.sf-native-elementor-page) canvas, :where(body.page-v2.sf-native-elementor-page) audio, :where(body.page-v2.sf-native-elementor-page) iframe, :where(body.page-v2.sf-native-elementor-page) embed, :where(body.page-v2.sf-native-elementor-page) object{ vertical-align: middle; display: block; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) img, :where(body.page-v2.sf-native-elementor-page) video{ max-width: 100%; height: auto; } :where(body.page-v2.sf-native-elementor-page) button, .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) input, :where(body.page-v2.sf-native-elementor-page) select, :where(body.page-v2.sf-native-elementor-page) optgroup, :where(body.page-v2.sf-native-elementor-page) textarea{ font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } :where(body.page-v2.sf-native-elementor-page) ::file-selector-button{ font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } :where(body.page-v2.sf-native-elementor-page) :where(select:is([multiple], :where(body.page-v2.sf-native-elementor-page) [size])) optgroup{ font-weight: bolder; } :where(body.page-v2.sf-native-elementor-page) :where(select:is([multiple], :where(body.page-v2.sf-native-elementor-page) [size])) optgroup option{ padding-inline-start: 20px; } :where(body.page-v2.sf-native-elementor-page) ::file-selector-button{ margin-inline-end: 4px; } :where(body.page-v2.sf-native-elementor-page) ::placeholder{ opacity: 1; } @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px){ :where(body.page-v2.sf-native-elementor-page) ::placeholder{ color: currentColor; } @supports (color: color-mix(in lab, red, red)){ :where(body.page-v2.sf-native-elementor-page) ::placeholder{ color: color-mix(in oklab, currentcolor 50%, transparent); } } } :where(body.page-v2.sf-native-elementor-page) textarea{ resize: vertical; } :where(body.page-v2.sf-native-elementor-page) ::-webkit-search-decoration{ -webkit-appearance: none; } :where(body.page-v2.sf-native-elementor-page) ::-webkit-date-and-time-value{ min-height: 1lh; text-align: inherit; } :where(body.page-v2.sf-native-elementor-page) ::-webkit-datetime-edit{ display: inline-flex; --display:inline-flex !important;display:inline-flex !important;--flex-direction:row !important;flex-direction:row !important;} :where(body.page-v2.sf-native-elementor-page) ::-webkit-datetime-edit-fields-wrapper{ padding: 0; } :where(body.page-v2.sf-native-elementor-page) ::-webkit-datetime-edit{ padding-block: 0; } :where(body.page-v2.sf-native-elementor-page) ::-webkit-datetime-edit-year-field{ padding-block: 0; } :where(body.page-v2.sf-native-elementor-page) ::-webkit-datetime-edit-month-field{ padding-block: 0; } :where(body.page-v2.sf-native-elementor-page) ::-webkit-datetime-edit-day-field{ padding-block: 0; } :where(body.page-v2.sf-native-elementor-page) ::-webkit-datetime-edit-hour-field{ padding-block: 0; } :where(body.page-v2.sf-native-elementor-page) ::-webkit-datetime-edit-minute-field{ padding-block: 0; } :where(body.page-v2.sf-native-elementor-page) ::-webkit-datetime-edit-second-field{ padding-block: 0; } :where(body.page-v2.sf-native-elementor-page) ::-webkit-datetime-edit-millisecond-field{ padding-block: 0; } :where(body.page-v2.sf-native-elementor-page) ::-webkit-datetime-edit-meridiem-field{ padding-block: 0; } :where(body.page-v2.sf-native-elementor-page) ::-webkit-calendar-picker-indicator{ line-height: 1; } :where(body.page-v2.sf-native-elementor-page) :-moz-ui-invalid{ box-shadow: none; } :where(body.page-v2.sf-native-elementor-page) button, .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) input:where([type="button"], :where(body.page-v2.sf-native-elementor-page) [type="reset"], :where(body.page-v2.sf-native-elementor-page) [type="submit"]){ appearance: button; } :where(body.page-v2.sf-native-elementor-page) ::file-selector-button{ appearance: button; } :where(body.page-v2.sf-native-elementor-page) ::-webkit-inner-spin-button{ height: auto; } :where(body.page-v2.sf-native-elementor-page) ::-webkit-outer-spin-button{ height: auto; } :where(body.page-v2.sf-native-elementor-page) [hidden]:where(:not([hidden="until-found"])){ display: none !important; --display:none !important;display:none !important;} } @layer components; @layer utilities{ :where(body.page-v2.sf-native-elementor-page) .visible{ visibility: visible; } :where(body.page-v2.sf-native-elementor-page) .relative{ position: relative; } :where(body.page-v2.sf-native-elementor-page) .start{ inset-inline-start: var(--spacing); } :where(body.page-v2.sf-native-elementor-page) .container{ width: 100%; } @media (width>=40rem){ :where(body.page-v2.sf-native-elementor-page) .container{ max-width: 40rem; } } @media (width>=48rem){ :where(body.page-v2.sf-native-elementor-page) .container{ max-width: 48rem; } } @media (width>=64rem){ :where(body.page-v2.sf-native-elementor-page) .container{ max-width: 64rem; } } @media (width>=80rem){ :where(body.page-v2.sf-native-elementor-page) .container{ max-width: 80rem; } } @media (width>=96rem){ :where(body.page-v2.sf-native-elementor-page) .container{ max-width: 96rem; } } :where(body.page-v2.sf-native-elementor-page) .table{ display: table; } :where(body.page-v2.sf-native-elementor-page) .resize{ resize: both; } :where(body.page-v2.sf-native-elementor-page) .antialiased{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } } :where(body.page-v2.sf-native-elementor-page) *{ box-sizing: border-box; } body:where(.page-v2.sf-native-elementor-page){ color: var(--navy); font: 15px/1.55 var(--sans); background: #fff; margin: 0; } :where(body.page-v2.sf-native-elementor-page) a, .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .sf-native-tag-a{ color: inherit; text-decoration: none; } :where(body.page-v2.sf-native-elementor-page) img{ max-width: 100%; display: block; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) button, .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) input, :where(body.page-v2.sf-native-elementor-page) select, :where(body.page-v2.sf-native-elementor-page) textarea{ font: inherit; } :where(body.page-v2.sf-native-elementor-page) :focus-visible{ outline-offset: 3px; outline: 3px solid #ff8b8f; } :where(body.page-v2.sf-native-elementor-page) .red-label, :where(body.page-v2.sf-native-elementor-page) .red-kicker{ color: var(--red); text-transform: uppercase; letter-spacing: 0.3px; margin: 0 0 8px; font-size: 11px; font-weight: 800; } :where(body.page-v2.sf-native-elementor-page) .red-btn{ background: var(--red); color: #fff; border: 0; border-radius: 4px; justify-content: space-between; align-items: center; gap: 28px; min-height: 46px; padding: 0 22px; font-size: 12px; font-weight: 750; display: inline-flex; --display:inline-flex !important;display:inline-flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:28px !important;gap:28px !important;--align-items:center !important;align-items:center !important;--justify-content:space-between !important;justify-content:space-between !important;} :where(body.page-v2.sf-native-elementor-page) .red-btn:hover{ background: #c91018; } :where(body.page-v2.sf-native-elementor-page) .outline-btn, :where(body.page-v2.sf-native-elementor-page) .watch-btn{ background: #fff; border: 1px solid #c9ced6; border-radius: 4px; align-items: center; gap: 12px; min-height: 44px; padding: 0 18px; font-size: 12px; font-weight: 700; display: inline-flex; --display:inline-flex !important;display:inline-flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:12px !important;gap:12px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .watch-btn i{ border: 1px solid var(--red); width: 25px; height: 25px; color: var(--red); border-radius: 50%; place-items: center; font-size: 9px; display: grid; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .topbar{ z-index: 30; background: #fff; align-items: center; gap: 30px; height: 72px; padding: 0 clamp(24px, 4vw, 60px); display: flex; position: relative; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:30px !important;gap:30px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .v3-logo{ width: 235px; color: var(--navy); align-items: center; gap: 8px; font-size: 18px; font-weight: 900; line-height: 1; display: flex; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:8px !important;gap:8px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .v3-logo i{ color: var(--red); font-size: 34px; font-style: normal; transform: rotate(-8deg); } :where(body.page-v2.sf-native-elementor-page) .v3-logo span{ flex-direction: column; display: flex; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;} :where(body.page-v2.sf-native-elementor-page) .v3-logo small{ letter-spacing: 1.8px; margin-top: 5px; font-size: 7px; } :where(body.page-v2.sf-native-elementor-page) .topbar nav{ align-items: center; gap: clamp(12px, 1.5vw, 26px); margin-left: auto; display: flex; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:clamp(12px, 1.5vw, 26px) !important;gap:clamp(12px, 1.5vw, 26px) !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .topbar nav a, .topbar nav .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .topbar nav .sf-native-tag-a{ white-space: nowrap; font-size: 11px; font-weight: 650; } :where(body.page-v2.sf-native-elementor-page) .language{ white-space: nowrap; font-size: 10px; font-weight: 800; } :where(body.page-v2.sf-native-elementor-page) .top-enquiry{ min-height: 42px; } :where(body.page-v2.sf-native-elementor-page) .hamb{ background: 0 0; border: 0; font-size: 25px; display: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .v3-hero{ background: #fff; height: auto; position: relative; overflow: hidden; } :where(body.page-v2.sf-native-elementor-page) .v3-hero>.hero-video, .v3-hero> .sf-atomic-shell > .elementor-widget-container > .hero-video, :where(body.page-v2.sf-native-elementor-page) .v3-hero> .sf-atomic-shell > .elementor-widget-container > .hero-video{ display: block; position: relative; width: 100%; height: auto; border: 0; background: #000; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .v3-hero>img, .v3-hero> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .v3-hero> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0; } :where(body.page-v2.sf-native-elementor-page) .hero-copy-v3{ z-index: 3; width: 440px; position: absolute; top: 95px; left: 6%; } :where(body.page-v2.sf-native-elementor-page) .red-kicker:before{ content: ""; background: var(--red); vertical-align: middle; width: 35px; height: 1px; margin-right: 9px; display: inline-block; --display:inline-block !important;display:inline-block !important;} :where(body.page-v2.sf-native-elementor-page) .hero-copy-v3 h1{ letter-spacing: 0px; text-transform: uppercase; margin: 10px 0 18px; font-size: 50px; line-height: 1; font-weight: 500; } :where(body.page-v2.sf-native-elementor-page) .hero-copy-v3 h1 em{ color: var(--red); font-style: normal; display: block; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .hero-copy-v3>p:not(.red-kicker), .hero-copy-v3> .elementor-widget-sf-atomic-text > .elementor-widget-container > p:not(.red-kicker), :where(body.page-v2.sf-native-elementor-page) .hero-copy-v3> .elementor-widget-sf-atomic-text > .elementor-widget-container > p:not(.red-kicker), .hero-copy-v3> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p:not(.red-kicker), :where(body.page-v2.sf-native-elementor-page) .hero-copy-v3> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p:not(.red-kicker){ color: #344054; max-width: 400px; } :where(body.page-v2.sf-native-elementor-page) .hero-copy-v3>div{ gap: 14px; margin-top: 28px; display: flex; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:14px !important;gap:14px !important;} :where(body.page-v2.sf-native-elementor-page) .hero-trust{ z-index: 3; margin: 0; font-size: 12px; position: absolute; bottom: 32px; left: 6%; } :where(body.page-v2.sf-native-elementor-page) /*.v3-hero::after{ content: ""; border-top: 1px solid var(--red); clip-path: inset(0 0 70%); pointer-events: none; border-radius: 50% 50% 0 0; height: 140px; position: absolute; bottom: 5px; left: 1.5%; right: 1.5%; } :where(body.page-v2.sf-native-elementor-page) */ .journey-shell{ max-width: var(--max); margin: auto; padding: 0 60px; position: relative; } :where(body.page-v2.sf-native-elementor-page) .journey-line{ background: var(--red); width: 1px; position: absolute; top: -32px; bottom: 80px; left: 26px; margin-top: 14px; } :where(body.page-v2.sf-native-elementor-page) .journey-line i{ width: 11px; height: 11px; box-shadow: 0 0 0 1px var(--red); background: #fff; border: 2px solid #fff; border-radius: 50%; position: absolute; left: -5px; } :where(body.page-v2.sf-native-elementor-page) .journey-line i:first-child{ top: 1%; } :where(body.page-v2.sf-native-elementor-page) .journey-line i:nth-child(2){ top: 22%; } :where(body.page-v2.sf-native-elementor-page) .journey-line i:nth-child(3){ top: 45%; } :where(body.page-v2.sf-native-elementor-page) .journey-line i:nth-child(4){ top: 68%; } :where(body.page-v2.sf-native-elementor-page) .journey-line i:nth-child(5){ top: 92%; } :where(body.page-v2.sf-native-elementor-page) .metric-strip{ z-index: 5; background: #fff; border-radius: 5px; grid-template-columns: repeat(3, 1fr); gap: 30px; height: 140px; margin-top: -8px; padding: 26px 80px; display: grid; position: relative; box-shadow: 0 14px 40px #1123431f; --display:grid !important;display:grid !important;--gap:30px !important;gap:30px !important;} :where(body.page-v2.sf-native-elementor-page) .metric-strip article{ border-right: 1px solid var(--line); grid-template-columns: 56px 88px 1fr; align-items: center; padding-right: 25px; display: grid; --display:grid !important;display:grid !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .metric-strip article:last-child{ border: 0; } :where(body.page-v2.sf-native-elementor-page) .metric-strip span{ font-size: 48px; font-weight: 300; } :where(body.page-v2.sf-native-elementor-page) .metric-strip strong{ color: var(--red); font-size: 38px; } :where(body.page-v2.sf-native-elementor-page) .metric-strip p{ color: #667085; flex-direction: column; margin: 0; font-size: 11px; display: flex; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;} :where(body.page-v2.sf-native-elementor-page) .metric-strip b{ color: #101828; font-size: 13px; } :where(body.page-v2.sf-native-elementor-page) .about-v3{ grid-template-columns: 34% 66%; align-items: center; /* gap: 40px; */ gap: 20px; padding: 46px 0 24px; display: grid; --display:grid !important;display:grid !important;--gap:20px !important;gap:20px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .about-v3>div{ padding: 0 20px; } :where(body.page-v2.sf-native-elementor-page) .about-v3 h2, :where(body.page-v2.sf-native-elementor-page) .services-v3 h2, :where(body.page-v2.sf-native-elementor-page) .facilities-v3 h2, :where(body.page-v2.sf-native-elementor-page) .strengths h2, :where(body.page-v2.sf-native-elementor-page) .equipment h2, :where(body.page-v2.sf-native-elementor-page) .videos-v3 h2{ margin: 0 0 16px; font-size: 27px; line-height: 1.15; } :where(body.page-v2.sf-native-elementor-page) .about-v3>div>p:not(.red-label), .about-v3>div> .elementor-widget-sf-atomic-text > .elementor-widget-container > p:not(.red-label), :where(body.page-v2.sf-native-elementor-page) .about-v3>div> .elementor-widget-sf-atomic-text > .elementor-widget-container > p:not(.red-label), .about-v3>div> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p:not(.red-label), :where(body.page-v2.sf-native-elementor-page) .about-v3>div> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p:not(.red-label){ color: #4f5968; max-width: 350px; } :where(body.page-v2.sf-native-elementor-page) .about-v3 img{ object-fit: cover; border-radius: 5px; width: 100%; height: 280px; box-shadow: 0 8px 20px #00000014; } :where(body.page-v2.sf-native-elementor-page) .services-v3>h2, .services-v3> .elementor-widget-sf-atomic-text > .elementor-widget-container > h2, :where(body.page-v2.sf-native-elementor-page) .services-v3> .elementor-widget-sf-atomic-text > .elementor-widget-container > h2, .services-v3> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > h2, :where(body.page-v2.sf-native-elementor-page) .services-v3> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > h2{ margin-bottom: 16px; } :where(body.page-v2.sf-native-elementor-page) .service-row{ background: linear-gradient(90deg, #fff, #fafafa); border-radius: 4px; grid-template-columns: 1fr 1fr; align-items: stretch; min-height: 235px; margin-bottom: 14px; display: grid; overflow: hidden; --display:grid !important;display:grid !important;--align-items:stretch !important;align-items:stretch !important;} :where(body.page-v2.sf-native-elementor-page) .service-row img{ object-fit: cover; width: 100%; height: 235px; } :where(body.page-v2.sf-native-elementor-page) .service-row>div{ padding: 52px 46px; position: relative; } :where(body.page-v2.sf-native-elementor-page) .service-row>div>span, .service-row>div> .elementor-widget-sf-atomic-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .service-row>div> .elementor-widget-sf-atomic-text > .elementor-widget-container > span, .service-row>div> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .service-row>div> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span{ color: #eef0f3; font-size: 52px; font-weight: 800; position: absolute; top: 50px; left: 4px; } :where(body.page-v2.sf-native-elementor-page) .service-row h3{ margin: 0 0 12px; font-size: 22px; position: relative; } :where(body.page-v2.sf-native-elementor-page) .service-row p{ color: #4f5968; max-width: 440px; position: relative; } :where(body.page-v2.sf-native-elementor-page) .service-row a, .service-row .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .service-row .sf-native-tag-a{ color: var(--red); font-size: 12px; font-weight: 800; position: relative; } :where(body.page-v2.sf-native-elementor-page) .service-row.compact{ grid-template-columns: 58% 42%; } :where(body.page-v2.sf-native-elementor-page) .service-row.compact img{ height: 220px; } :where(body.page-v2.sf-native-elementor-page) .service-row.compact>div{ padding-left: 110px; } :where(body.page-v2.sf-native-elementor-page) .facilities-v3>h2, .facilities-v3> .elementor-widget-sf-atomic-text > .elementor-widget-container > h2, :where(body.page-v2.sf-native-elementor-page) .facilities-v3> .elementor-widget-sf-atomic-text > .elementor-widget-container > h2, .facilities-v3> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > h2, :where(body.page-v2.sf-native-elementor-page) .facilities-v3> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > h2{ margin-bottom: 14px; } :where(body.page-v2.sf-native-elementor-page) .facilities-v3 article{ background: linear-gradient(90deg, #f6f8fb, #fff); border-radius: 5px; grid-template-columns: 210px 290px 120px 1fr; align-items: center; height: 160px; margin: 14px 0; display: grid; overflow: hidden; box-shadow: 0 3px 12px #0000000a; --display:grid !important;display:grid !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .facility-name{ padding-left: 38px; } :where(body.page-v2.sf-native-elementor-page) .facility-name h3{ text-transform: uppercase; margin: 0; font-size: 34px; } :where(body.page-v2.sf-native-elementor-page) .facility-name small{ font-size: 11px; } :where(body.page-v2.sf-native-elementor-page) .facilities-v3 ul, .facilities-v3 .sf-native-tag-ul, :where(body.page-v2.sf-native-elementor-page) .facilities-v3 .sf-native-tag-ul{ margin: 0; padding: 0; font-size: 12px; list-style: none; } :where(body.page-v2.sf-native-elementor-page) .facilities-v3 li{ margin: 8px 0; } :where(body.page-v2.sf-native-elementor-page) .facilities-v3 li:before{ content: "✓"; color: var(--red); margin-right: 12px; } :where(body.page-v2.sf-native-elementor-page) .facilities-v3 article>a, .facilities-v3 article>.sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .facilities-v3 article>.sf-native-tag-a, .facilities-v3 article> .elementor-widget-sf-atomic-action > .elementor-widget-container > a, :where(body.page-v2.sf-native-elementor-page) .facilities-v3 article> .elementor-widget-sf-atomic-action > .elementor-widget-container > a{ color: var(--red); font-size: 11px; font-weight: 800; } :where(body.page-v2.sf-native-elementor-page) .facilities-v3 article>img, .facilities-v3 article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .facilities-v3 article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ object-fit: cover; clip-path: polygon(9% 0, 100% 0, 100% 100%, 0 100%); width: 100%; height: 160px; } :where(body.page-v2.sf-native-elementor-page) .strengths{ padding: 24px 0; } :where(body.page-v2.sf-native-elementor-page) .strengths>h2, .strengths> .elementor-widget-sf-atomic-text > .elementor-widget-container > h2, :where(body.page-v2.sf-native-elementor-page) .strengths> .elementor-widget-sf-atomic-text > .elementor-widget-container > h2, .strengths> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > h2, :where(body.page-v2.sf-native-elementor-page) .strengths> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > h2{ margin-bottom: 16px; } :where(body.page-v2.sf-native-elementor-page) .strengths>div{ border-bottom: 1px solid var(--line); grid-template-columns: repeat(7, 1fr); display: grid; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .strengths article{ text-align: center; border-right: 1px solid var(--line); flex-direction: column; justify-content: center; align-items: center; min-height: 120px; padding: 10px; display: flex; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;--align-items:center !important;align-items:center !important;--justify-content:center !important;justify-content:center !important;} :where(body.page-v2.sf-native-elementor-page) .strengths article:last-child{ border: 0; } :where(body.page-v2.sf-native-elementor-page) .strengths span{ font-size: 32px; font-weight: 300; } :where(body.page-v2.sf-native-elementor-page) .strengths b{ max-width: 120px; margin-top: 8px; font-size: 11px; } :where(body.page-v2.sf-native-elementor-page) .equipment-inner{ grid-template-columns: 260px 250px 1fr; align-items: center; min-height: 330px; display: grid; --display:grid !important;display:grid !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .equipment aside{ border: 1px solid #d5dae2; border-left: 2px solid var(--red); border-radius: 5px; flex-direction: column; padding: 16px; display: flex; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;} :where(body.page-v2.sf-native-elementor-page) .equipment aside span{ padding: 7px 8px; font-size: 12px; } :where(body.page-v2.sf-native-elementor-page) .equipment aside .active{ color: var(--red); font-weight: 800; } :where(body.page-v2.sf-native-elementor-page) .equipment-copy h3{ margin: 0; font-size: 28px; } :where(body.page-v2.sf-native-elementor-page) .equipment-copy p{ color: #5b6471; font-size: 12px; } :where(body.page-v2.sf-native-elementor-page) .equipment-copy dl{ gap: 28px; display: flex; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:28px !important;gap:28px !important;} :where(body.page-v2.sf-native-elementor-page) .equipment-copy dl div{ flex-direction: column; display: flex; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;} :where(body.page-v2.sf-native-elementor-page) .equipment-copy dt{ color: #667085; font-size: 9px; } :where(body.page-v2.sf-native-elementor-page) .equipment-copy dd{ margin: 0; font-size: 20px; font-weight: 800; } :where(body.page-v2.sf-native-elementor-page) .equipment-copy a, .equipment-copy .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .equipment-copy .sf-native-tag-a{ color: var(--red); font-size: 11px; font-weight: 800; } :where(body.page-v2.sf-native-elementor-page) .equipment-inner>img, .equipment-inner> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .equipment-inner> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ /*object-fit: cover;*/ object-position: right center; width: 100%; height: 330px; } :where(body.page-v2.sf-native-elementor-page) .videos-v3{ padding: 20px 0 28px; } :where(body.page-v2.sf-native-elementor-page) .section-line{ justify-content: space-between; align-items: end; display: flex; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--align-items:end !important;align-items:end !important;--justify-content:space-between !important;justify-content:space-between !important;} :where(body.page-v2.sf-native-elementor-page) .section-line h2{ margin-bottom: 0; } :where(body.page-v2.sf-native-elementor-page) .section-line>a, .section-line>.sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .section-line>.sf-native-tag-a, .section-line> .elementor-widget-sf-atomic-action > .elementor-widget-container > a, :where(body.page-v2.sf-native-elementor-page) .section-line> .elementor-widget-sf-atomic-action > .elementor-widget-container > a{ color: var(--red); font-size: 11px; font-weight: 800; } :where(body.page-v2.sf-native-elementor-page) .video-grid{ grid-template-columns: 1.6fr 1.1fr 1.1fr 1.1fr; gap: 24px; margin-top: 18px; display: grid; --display:grid !important;display:grid !important;--gap:24px !important;gap:24px !important;} :where(body.page-v2.sf-native-elementor-page) .video-grid article{ color: #fff; background: #071b45; border-radius: 6px; height: 170px; position: relative; overflow: hidden; } :where(body.page-v2.sf-native-elementor-page) .video-grid img{ object-fit: cover; filter: brightness(0.7); width: 100%; height: 100%; } :where(body.page-v2.sf-native-elementor-page) .video-grid button, .video-grid .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .video-grid .sf-native-tag-button{ width: 48px; height: 48px; color: var(--red); background: #ffffffe6; border: 0; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } :where(body.page-v2.sf-native-elementor-page) .video-grid b, :where(body.page-v2.sf-native-elementor-page) .video-grid small{ position: absolute; bottom: 10px; } :where(body.page-v2.sf-native-elementor-page) .video-grid b{ left: 14px; } :where(body.page-v2.sf-native-elementor-page) .video-grid small{ right: 12px; } :where(body.page-v2.sf-native-elementor-page) .partners{ border-top: 1px solid var(--line); padding: 20px 0; } :where(body.page-v2.sf-native-elementor-page) .partners>div{ grid-template-columns: repeat(8, 1fr); align-items: center; display: grid; --display:grid !important;display:grid !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .partners strong{ border-right: 1px solid var(--line); place-items: center; min-height: 58px; font-size: 16px; display: grid; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .partners strong:nth-child(2){ font-size: 30px; } :where(body.page-v2.sf-native-elementor-page) .partners strong:nth-child(4){ color: #d51976; font-size: 25px; } :where(body).page-v2:where(.sf-native-elementor-page) .partners>.partner-logo-grid, .page-v2 .partners> .sf-atomic-shell > .elementor-widget-container > .partner-logo-grid, :where(body).page-v2:where(.sf-native-elementor-page) .partners> .sf-atomic-shell > .elementor-widget-container > .partner-logo-grid{ display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); align-items: stretch; margin-top: 14px; overflow: hidden; border-radius: 8px; background: #fff; --display:grid !important;display:grid !important;--align-items:stretch !important;align-items:stretch !important;} :where(body).page-v2:where(.sf-native-elementor-page) .partner-logo{ display: grid; place-items: center; min-width: 0; min-height: 82px; padding: 14px 10px; border-right: 1px solid #e8ebef; background: #fff; --display:grid !important;display:grid !important;} :where(body).page-v2:where(.sf-native-elementor-page) .partner-logo:last-child{ border-right: 0; } :where(body).page-v2:where(.sf-native-elementor-page) .partner-logo img{ display: block; width: 100%; max-width: 105px; height: 44px; object-fit: contain; mix-blend-mode: multiply; transition: transform .3s cubic-bezier(.22, 1, .36, 1); --display:block !important;display:block !important;} :where(body).page-v2:where(.sf-native-elementor-page) .partner-logo:hover img{ transform: scale(1.1); } @media (max-width: 1100px){ :where(body).page-v2:where(.sf-native-elementor-page) .partners>.partner-logo-grid, .page-v2 .partners> .sf-atomic-shell > .elementor-widget-container > .partner-logo-grid, :where(body).page-v2:where(.sf-native-elementor-page) .partners> .sf-atomic-shell > .elementor-widget-container > .partner-logo-grid{ grid-template-columns: repeat(5, minmax(0, 1fr)); } :where(body).page-v2:where(.sf-native-elementor-page) .partner-logo:nth-child(5){ border-right: 0; } :where(body).page-v2:where(.sf-native-elementor-page) .partner-logo:nth-child(-n + 5){ border-bottom: 1px solid #e8ebef; } } @media (max-width: 600px){ :where(body).page-v2:where(.sf-native-elementor-page) .partners>.partner-logo-grid, .page-v2 .partners> .sf-atomic-shell > .elementor-widget-container > .partner-logo-grid, :where(body).page-v2:where(.sf-native-elementor-page) .partners> .sf-atomic-shell > .elementor-widget-container > .partner-logo-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } :where(body).page-v2:where(.sf-native-elementor-page) .partner-logo, :where(body).page-v2:where(.sf-native-elementor-page) .partner-logo:nth-child(5){ border-right: 1px solid #e8ebef; border-bottom: 1px solid #e8ebef; } :where(body).page-v2:where(.sf-native-elementor-page) .partner-logo:nth-child(2n){ border-right: 0; } :where(body).page-v2:where(.sf-native-elementor-page) .partner-logo:nth-last-child(-n + 2){ border-bottom: 0; } } :where(body.page-v2.sf-native-elementor-page) .footer-enquiry{ max-width: var(--max); grid-template-columns: 230px 260px 1fr 170px; align-items: center; gap: 24px; min-height: 250px; margin: auto; padding: 26px 40px; display: grid; --display:grid !important;display:grid !important;--gap:24px !important;gap:24px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .truck-sketch img{ opacity: 0.65; width: 230px; } :where(body.page-v2.sf-native-elementor-page) .footer-message h2{ text-transform: uppercase; margin: 0; font-size: 25px; line-height: 1.1; } :where(body.page-v2.sf-native-elementor-page) .footer-message p{ color: #667085; font-size: 11px; } :where(body.page-v2.sf-native-elementor-page) .footer-message small{ font-size: 10px; } :where(body.page-v2.sf-native-elementor-page) .footer-enquiry form, .footer-enquiry .sf-native-tag-form, :where(body.page-v2.sf-native-elementor-page) .footer-enquiry .sf-native-tag-form{ grid-template-columns: 1fr 1fr; gap: 8px; display: grid; --display:grid !important;display:grid !important;--gap:8px !important;gap:8px !important;} :where(body.page-v2.sf-native-elementor-page) .footer-enquiry input, :where(body.page-v2.sf-native-elementor-page) .footer-enquiry select, :where(body.page-v2.sf-native-elementor-page) .footer-enquiry textarea{ border: 1px solid #d7dce3; border-radius: 3px; min-height: 36px; padding: 8px 10px; font-size: 10px; } :where(body.page-v2.sf-native-elementor-page) .footer-enquiry textarea{ resize: vertical; grid-column: 1/-1; } :where(body.page-v2.sf-native-elementor-page) .footer-enquiry form button, .footer-enquiry form .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .footer-enquiry form .sf-native-tag-button, .footer-enquiry .sf-native-tag-form button, :where(body.page-v2.sf-native-elementor-page) .footer-enquiry .sf-native-tag-form button{ min-height: 38px; } :where(body.page-v2.sf-native-elementor-page) .footer-enquiry form>p, .footer-enquiry .sf-native-tag-form> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .footer-enquiry .sf-native-tag-form> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, .footer-enquiry .sf-native-tag-form> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .footer-enquiry .sf-native-tag-form> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p{ color: #17834a; margin: 4px; font-size: 11px; } :where(body.page-v2.sf-native-elementor-page) .social b{ text-transform: uppercase; font-size: 10px; } :where(body.page-v2.sf-native-elementor-page) .social>div{ gap: 10px; margin-top: 18px; display: flex; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:10px !important;gap:10px !important;} :where(body.page-v2.sf-native-elementor-page) .social a, .social .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .social .sf-native-tag-a{ color: #123e78; border: 1px solid #8a99ad; border-radius: 50%; place-items: center; width: 40px; height: 40px; font-weight: 900; display: grid; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .bottom-footer{ max-width: var(--max); border-top: 1px solid var(--line); justify-content: space-between; align-items: center; min-height: 52px; margin: auto; padding: 0 40px; font-size: 9px; display: flex; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--align-items:center !important;align-items:center !important;--justify-content:space-between !important;justify-content:space-between !important;} :where(body.page-v2.sf-native-elementor-page) .bottom-footer div{ gap: 28px; display: flex; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:28px !important;gap:28px !important;} @media (width<=1100px){ :where(body.page-v2.sf-native-elementor-page) .topbar nav a:nth-child(n + 7), .topbar nav .sf-native-tag-a:nth-child(n + 7), :where(body.page-v2.sf-native-elementor-page) .topbar nav .sf-native-tag-a:nth-child(n + 7){ display: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .journey-shell{ padding: 0 35px; } :where(body.page-v2.sf-native-elementor-page) .journey-line{ display: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .metric-strip{ padding: 24px; } :where(body.page-v2.sf-native-elementor-page) .service-row>div{ padding: 40px 28px; } :where(body.page-v2.sf-native-elementor-page) .facilities-v3 article{ grid-template-columns: 180px 240px 100px 1fr; } :where(body.page-v2.sf-native-elementor-page) .equipment-inner{ grid-template-columns: 220px 220px 1fr; } :where(body.page-v2.sf-native-elementor-page) .footer-enquiry{ grid-template-columns: 180px 220px 1fr; } :where(body.page-v2.sf-native-elementor-page) .social{ display: none; --display:none !important;display:none !important;} } @media (width<=767px){ body:where(.page-v2.sf-native-elementor-page){ font-size: 14px; } :where(body.page-v2.sf-native-elementor-page) .topbar{ height: 64px; padding: 0 18px; } :where(body.page-v2.sf-native-elementor-page) .v3-logo{ width: auto; margin-right: auto; } :where(body.page-v2.sf-native-elementor-page) .topbar nav{ background: #fff; flex-direction: column; align-items: flex-start; padding: 18px; display: none; position: absolute; top: 64px; left: 0; right: 0; box-shadow: 0 12px 24px #0000001a; --display:none !important;display:none !important;--flex-direction:column !important;flex-direction:column !important;--align-items:flex-start !important;align-items:flex-start !important;} :where(body.page-v2.sf-native-elementor-page) .topbar nav.open{ display: flex; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;} :where(body.page-v2.sf-native-elementor-page) .topbar nav a:nth-child(n), .topbar nav .sf-native-tag-a:nth-child(n), :where(body.page-v2.sf-native-elementor-page) .topbar nav .sf-native-tag-a:nth-child(n){ display: block; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .language, :where(body.page-v2.sf-native-elementor-page) .top-enquiry{ display: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .hamb{ display: block; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .v3-hero>img, .v3-hero> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .v3-hero> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ object-position: 67% center; } :where(body.page-v2.sf-native-elementor-page) .v3-hero:before{ content: ""; z-index: 2; background: linear-gradient(#fff 0, #ffffffeb 50%, #fff3 80%); position: absolute; inset: 0; } :where(body.page-v2.sf-native-elementor-page) .hero-copy-v3{ width: auto; top: 52px; left: 20px; right: 20px; } :where(body.page-v2.sf-native-elementor-page) .hero-copy-v3 h1{ font-size: 42px; } :where(body.page-v2.sf-native-elementor-page) .hero-copy-v3>div{ flex-direction: column; align-items: stretch; --flex-direction:column !important;flex-direction:column !important;--align-items:stretch !important;align-items:stretch !important;} :where(body.page-v2.sf-native-elementor-page) .hero-trust{ left: 20px; } :where(body.page-v2.sf-native-elementor-page) .journey-shell{ padding: 0 18px; } :where(body.page-v2.sf-native-elementor-page) .metric-strip{ grid-template-columns: 1fr; height: auto; padding: 18px; } :where(body.page-v2.sf-native-elementor-page) .metric-strip article{ border-right: 0; border-bottom: 1px solid var(--line); grid-template-columns: 50px 75px 1fr; padding: 12px; } :where(body.page-v2.sf-native-elementor-page) .about-v3{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) .about-v3 img{ height: 220px; } :where(body.page-v2.sf-native-elementor-page) .services-v3{ padding-inline: 0; } :where(body.page-v2.sf-native-elementor-page) .service-row, :where(body.page-v2.sf-native-elementor-page) .service-row.compact{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) .service-row.image-left img{ order: 2; } :where(body.page-v2.sf-native-elementor-page) .service-row>div, :where(body.page-v2.sf-native-elementor-page) .service-row.compact>div{ padding: 34px 24px 34px 72px; } :where(body.page-v2.sf-native-elementor-page) .service-row img, :where(body.page-v2.sf-native-elementor-page) .service-row.compact img{ height: 210px; } :where(body.page-v2.sf-native-elementor-page) .facilities-v3{ padding-inline: 0; } :where(body.page-v2.sf-native-elementor-page) .facilities-v3 article{ grid-template-columns: 1fr 1fr; height: auto; padding-top: 20px; } :where(body.page-v2.sf-native-elementor-page) .facility-name{ padding-left: 20px; } :where(body.page-v2.sf-native-elementor-page) .facilities-v3 article>a, .facilities-v3 article>.sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .facilities-v3 article>.sf-native-tag-a, .facilities-v3 article> .elementor-widget-sf-atomic-action > .elementor-widget-container > a, :where(body.page-v2.sf-native-elementor-page) .facilities-v3 article> .elementor-widget-sf-atomic-action > .elementor-widget-container > a{ padding: 20px; } :where(body.page-v2.sf-native-elementor-page) .facilities-v3 article>img, .facilities-v3 article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .facilities-v3 article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ clip-path: none; grid-column: 1/-1; height: 150px; } :where(body.page-v2.sf-native-elementor-page) .strengths>div{ grid-template-columns: repeat(2, 1fr); } :where(body.page-v2.sf-native-elementor-page) .strengths article:nth-child(2n){ border-right: 0; } :where(body.page-v2.sf-native-elementor-page) .equipment-inner{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) .equipment aside{ grid-template-columns: 1fr 1fr; display: grid; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .equipment-copy{ padding: 26px 10px; } :where(body.page-v2.sf-native-elementor-page) .equipment-inner>img, .equipment-inner> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .equipment-inner> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ height: 230px; } :where(body.page-v2.sf-native-elementor-page) .video-grid{ grid-template-columns: 1fr 1fr; } :where(body.page-v2.sf-native-elementor-page) .partners>div{ grid-template-columns: repeat(2, 1fr); } :where(body.page-v2.sf-native-elementor-page) .footer-enquiry{ grid-template-columns: 1fr; padding: 30px 18px; } :where(body.page-v2.sf-native-elementor-page) .truck-sketch{ display: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .footer-enquiry form, .footer-enquiry .sf-native-tag-form, :where(body.page-v2.sf-native-elementor-page) .footer-enquiry .sf-native-tag-form{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) .footer-enquiry textarea{ grid-column: 1; } :where(body.page-v2.sf-native-elementor-page) .bottom-footer{ text-align: center; flex-direction: column; gap: 12px; padding: 16px; --flex-direction:column !important;flex-direction:column !important;--gap:12px !important;gap:12px !important;} :where(body.page-v2.sf-native-elementor-page) .bottom-footer div{ gap: 16px; --gap:16px !important;gap:16px !important;} } :where(body).page-v2:where(.sf-native-elementor-page){ --section-half-gap: clamp(30px, 3.2vw, 42px); } :where(body).page-v2:where(.sf-native-elementor-page) .about-v3, :where(body).page-v2:where(.sf-native-elementor-page) .services-v3, :where(body).page-v2:where(.sf-native-elementor-page) .facilities-section, :where(body).page-v2:where(.sf-native-elementor-page) .infrastructure-section, :where(body).page-v2:where(.sf-native-elementor-page) .equipment, :where(body).page-v2:where(.sf-native-elementor-page) .impact-section, :where(body).page-v2:where(.sf-native-elementor-page) .different-strip, :where(body).page-v2:where(.sf-native-elementor-page) .videos-v3, :where(body).page-v2:where(.sf-native-elementor-page) .partners, :where(body).page-v2:where(.sf-native-elementor-page) .portfolio-achievements{ margin-top: 0; margin-bottom: 0; padding-top: var(--section-half-gap); padding-bottom: var(--section-half-gap); } :where(body).page-v2:where(.sf-native-elementor-page) .infrastructure-section{ font-family: var(--sans); padding-inline: max(20px, var(--content-gutter, 20px)); background: #fff; } :where(body.page-v2.sf-native-elementor-page) .infrastructure-header, :where(body.page-v2.sf-native-elementor-page) .infrastructure-layout{ width: min(100%, 1320px); margin-inline: auto; } :where(body.page-v2.sf-native-elementor-page) .infrastructure-header{ display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:24px !important;gap:24px !important;--align-items:flex-end !important;align-items:flex-end !important;--justify-content:space-between !important;justify-content:space-between !important;} :where(body.page-v2.sf-native-elementor-page) .infrastructure-header .red-label{ margin: 0 0 8px; } :where(body.page-v2.sf-native-elementor-page) .infrastructure-header h2{ margin: 0; color: #0b1934; font-size: clamp(23px, 2.1vw, 31px); font-weight: 600; letter-spacing: -.025em; } :where(body.page-v2.sf-native-elementor-page) .infrastructure-header>a, .infrastructure-header>.sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .infrastructure-header>.sf-native-tag-a, .infrastructure-header> .elementor-widget-sf-atomic-action > .elementor-widget-container > a, :where(body.page-v2.sf-native-elementor-page) .infrastructure-header> .elementor-widget-sf-atomic-action > .elementor-widget-container > a{ flex: 0 0 auto; color: #e51f2b; font-size: 12px; font-weight: 800; text-decoration: none; transition: transform .25s ease, color .25s ease; } :where(body.page-v2.sf-native-elementor-page) .infrastructure-header>a:hover, .infrastructure-header>.sf-native-tag-a:hover, :where(body.page-v2.sf-native-elementor-page) .infrastructure-header>.sf-native-tag-a:hover, .infrastructure-header> .elementor-widget-sf-atomic-action > .elementor-widget-container > a:hover, :where(body.page-v2.sf-native-elementor-page) .infrastructure-header> .elementor-widget-sf-atomic-action > .elementor-widget-container > a:hover{ color: #b90f1a; transform: translateX(3px); } :where(body.page-v2.sf-native-elementor-page) .infrastructure-layout{ display: grid; grid-template-columns: 320px minmax(0, 1fr) minmax(430px, .98fr); gap: 18px; margin-top: 22px; --display:grid !important;display:grid !important;--gap:18px !important;gap:18px !important;} :where(body.page-v2.sf-native-elementor-page) .infrastructure-location-card, :where(body.page-v2.sf-native-elementor-page) .infrastructure-visual, :where(body.page-v2.sf-native-elementor-page) .infrastructure-map-card{ min-height: 286px; border: 1px solid #e8ebf0; border-radius: 8px; background: #fff; box-shadow: 0 8px 26px rgba(15, 34, 66, .055); overflow: hidden; } :where(body.page-v2.sf-native-elementor-page) .infrastructure-tabs{ display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid #e8ebf0; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .infrastructure-tab{ min-height: 46px; border: 0; background: #fff; color: #263248; font: 700 12px/1 var(--sans); cursor: pointer; transition: color .2s ease, background .2s ease; } :where(body.page-v2.sf-native-elementor-page) .infrastructure-tab.active{ color: #fff; background: var(--red); } :where(body.page-v2.sf-native-elementor-page) .infrastructure-list{ display: grid; gap: 18px; margin: 0; padding: 24px 20px 22px 38px; list-style: none; --display:grid !important;display:grid !important;--gap:18px !important;gap:18px !important;} :where(body.page-v2.sf-native-elementor-page) .infrastructure-list li{ position: relative; color: #3e485a; font-size: 11px; line-height: 1.55; } :where(body.page-v2.sf-native-elementor-page) .infrastructure-list li::before{ content: "✓"; position: absolute; top: 0; left: -22px; display: grid; place-items: center; width: 13px; height: 13px; border: 1px solid #7cc783; border-radius: 50%; color: #69b974; font-size: 8px; font-weight: 900; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .infrastructure-visual{ position: relative; border-color: transparent; background: #192743; } :where(body.page-v2.sf-native-elementor-page) .infrastructure-photo{ width: 100%; /* height: 100%;*/ min-height: 286px; display: block; object-fit: cover; transition: opacity .25s ease, transform .8s cubic-bezier(.22, 1, .36, 1); --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .infrastructure-visual::after{ content: ""; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent, rgba(4, 13, 31, .74)); pointer-events: none; } :where(body.page-v2.sf-native-elementor-page) .infrastructure-visual:hover .infrastructure-photo{ transform: scale(1.035); } :where(body.page-v2.sf-native-elementor-page) .infrastructure-play{ position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; place-items: center; width: 48px; height: 48px; padding: 0 0 0 3px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .95); color: var(--red); box-shadow: 0 5px 22px rgba(5, 17, 39, .24); transform: translate(-50%, -50%); cursor: pointer; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .infrastructure-caption{ position: absolute; z-index: 2; left: 20px; bottom: 18px; color: #fff; font-size: 12px; } :where(body.page-v2.sf-native-elementor-page) .infrastructure-map-card{ display: grid; grid-template-columns: minmax(190px, 1.05fr) minmax(180px, .95fr); align-items: center; gap: 12px; padding: 18px 22px 18px 14px; --display:grid !important;display:grid !important;--gap:12px !important;gap:12px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .infrastructure-map{ width: 100%; height: 230px; object-fit: contain; } :where(body.page-v2.sf-native-elementor-page) .infrastructure-stats{ display: grid; gap: 18px; --display:grid !important;display:grid !important;--gap:18px !important;gap:18px !important;} :where(body.page-v2.sf-native-elementor-page) .infrastructure-stat{ display: grid; grid-template-columns: 30px 1fr; align-items: center; gap: 10px; --display:grid !important;display:grid !important;--gap:10px !important;gap:10px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .infrastructure-stat>img, .infrastructure-stat> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .infrastructure-stat> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ width: 28px; height: 28px; } :where(body.page-v2.sf-native-elementor-page) .infrastructure-stat p{ display: grid; gap: 2px; margin: 0; --display:grid !important;display:grid !important;--gap:2px !important;gap:2px !important;} :where(body.page-v2.sf-native-elementor-page) .infrastructure-stat span{ color: #778092; font-size: 10px; line-height: 1.2; } :where(body.page-v2.sf-native-elementor-page) .infrastructure-stat strong{ color: #101d36; font-size: 14px; line-height: 1.2; } @media (max-width: 1100px){ :where(body.page-v2.sf-native-elementor-page) .infrastructure-layout{ grid-template-columns: 220px minmax(0, 1fr); } :where(body.page-v2.sf-native-elementor-page) .infrastructure-map-card{ grid-column: 1 / -1; grid-template-columns: minmax(250px, .85fr) minmax(300px, 1.15fr); } :where(body.page-v2.sf-native-elementor-page) .infrastructure-stats{ grid-template-columns: 1fr 1fr; } } @media (max-width: 767px){ :where(body).page-v2:where(.sf-native-elementor-page) .infrastructure-section{ padding-inline: 16px; } :where(body.page-v2.sf-native-elementor-page) .infrastructure-header{ align-items: flex-start; flex-direction: column; gap: 14px; --flex-direction:column !important;flex-direction:column !important;--gap:14px !important;gap:14px !important;--align-items:flex-start !important;align-items:flex-start !important;} :where(body.page-v2.sf-native-elementor-page) .infrastructure-layout, :where(body.page-v2.sf-native-elementor-page) .infrastructure-map-card{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) .infrastructure-location-card, :where(body.page-v2.sf-native-elementor-page) .infrastructure-visual, :where(body.page-v2.sf-native-elementor-page) .infrastructure-map-card{ min-height: 0; } :where(body.page-v2.sf-native-elementor-page) .infrastructure-photo{ min-height: 230px; } :where(body.page-v2.sf-native-elementor-page) .infrastructure-map{ height: 220px; } :where(body.page-v2.sf-native-elementor-page) .infrastructure-stats{ grid-template-columns: 1fr 1fr; } } @media (max-width: 440px){ :where(body.page-v2.sf-native-elementor-page) .infrastructure-stats{ grid-template-columns: 1fr; } } :where(body).page-v2:where(.sf-native-elementor-page) .facilities-heading, :where(body).page-v2:where(.sf-native-elementor-page) .section-line{ margin-top: 0; } @media (max-width: 767px){ :where(body).page-v2:where(.sf-native-elementor-page){ --section-half-gap: 24px; } } :where(body).page-v2:where(.sf-native-elementor-page) .site-header{ animation: v2-header-enter .65s cubic-bezier(.22, 1, .36, 1) both; } :where(body).page-v2:where(.sf-native-elementor-page) .v3-hero>img, .page-v2 .v3-hero> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body).page-v2:where(.sf-native-elementor-page) .v3-hero> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ animation: v2-hero-enter 1s cubic-bezier(.22, 1, .36, 1) .08s both; } :where(body).page-v2:where(.sf-native-elementor-page).reveal-ready .site-animate{ opacity: 0; filter: blur(3px); transform: translate3d(0, 28px, 0) scale(.985); transition: opacity .7s cubic-bezier(.22, 1, .36, 1), filter .7s cubic-bezier(.22, 1, .36, 1), transform .7s cubic-bezier(.22, 1, .36, 1); transition-delay: var(--reveal-delay, 0ms); will-change: opacity, filter, transform; } :where(body).page-v2:where(.sf-native-elementor-page).reveal-ready .site-animate.in-view{ opacity: 1; filter: blur(0); /* transform: translate3d(0, 0, 0) scale(1); */ } :where(body).page-v2:where(.sf-native-elementor-page) .red-btn, :where(body).page-v2:where(.sf-native-elementor-page) .outline-btn, :where(body).page-v2:where(.sf-native-elementor-page) .watch-btn, :where(body).page-v2:where(.sf-native-elementor-page) .service-arrow, :where(body).page-v2:where(.sf-native-elementor-page) .facility-tab, :where(body).page-v2:where(.sf-native-elementor-page) .equipment aside button, .page-v2 .equipment aside .sf-native-tag-button, :where(body).page-v2:where(.sf-native-elementor-page) .equipment aside .sf-native-tag-button, :where(body).page-v2:where(.sf-native-elementor-page) .brand-explore, :where(body).page-v2:where(.sf-native-elementor-page) .topbar nav a, .page-v2 .topbar nav .sf-native-tag-a, :where(body).page-v2:where(.sf-native-elementor-page) .topbar nav .sf-native-tag-a, :where(body).page-v2:where(.sf-native-elementor-page) .topbar nav button, .page-v2 .topbar nav .sf-native-tag-button, :where(body).page-v2:where(.sf-native-elementor-page) .topbar nav .sf-native-tag-button{ transition: color .25s ease, background-color .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s cubic-bezier(.22, 1, .36, 1); } :where(body).page-v2:where(.sf-native-elementor-page) .red-btn:hover, :where(body).page-v2:where(.sf-native-elementor-page) .outline-btn:hover, :where(body).page-v2:where(.sf-native-elementor-page) .watch-btn:hover{ transform: translateY(-2px); box-shadow: 0 9px 22px #1024421c; } :where(body).page-v2:where(.sf-native-elementor-page) .service-info-card, :where(body).page-v2:where(.sf-native-elementor-page) .facility-card, :where(body).page-v2:where(.sf-native-elementor-page) .portfolio-cards article, :where(body).page-v2:where(.sf-native-elementor-page) .video-grid article, :where(body).page-v2:where(.sf-native-elementor-page) .commitment-card, :where(body).page-v2:where(.sf-native-elementor-page) .operations-row{ transition: transform .35s cubic-bezier(.22, 1, .36, 1), border-color .35s ease, box-shadow .35s ease; } :where(body).page-v2:where(.sf-native-elementor-page) .service-info-card:hover, :where(body).page-v2:where(.sf-native-elementor-page) .facility-card:hover, :where(body).page-v2:where(.sf-native-elementor-page) .portfolio-cards article:hover, :where(body).page-v2:where(.sf-native-elementor-page) .video-grid article:hover, :where(body).page-v2:where(.sf-native-elementor-page) .commitment-card:hover, :where(body).page-v2:where(.sf-native-elementor-page) .operations-row:hover{ border-color: #ccd5e1; /* transform: translateY(-5px); */ box-shadow: 0 16px 35px #10244214; } :where(body).page-v2:where(.sf-native-elementor-page) img{ transition: transform .45s cubic-bezier(.22, 1, .36, 1), filter .35s ease; } :where(body).page-v2:where(.sf-native-elementor-page) .about-visual:hover>img, .page-v2 .about-visual:hover> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body).page-v2:where(.sf-native-elementor-page) .about-visual:hover> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body).page-v2:where(.sf-native-elementor-page) .facility-card-image:hover img, :where(body).page-v2:where(.sf-native-elementor-page) .operations-row:hover .operations-photo{ transform: scale(1.025); } @media (prefers-reduced-motion: reduce){ :where(body).page-v2:where(.sf-native-elementor-page) .site-header, :where(body).page-v2:where(.sf-native-elementor-page) .v3-hero>img, .page-v2 .v3-hero> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body).page-v2:where(.sf-native-elementor-page) .v3-hero> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ animation: none !important; } :where(body).page-v2:where(.sf-native-elementor-page).reveal-ready .site-animate, :where(body).page-v2:where(.sf-native-elementor-page).reveal-ready .site-animate.in-view{ opacity: 1; filter: none; transform: none; transition: none !important; } } :where(body.page-v2.sf-native-elementor-page) .portfolio-achievements{ color: #000; border-top: 1px solid #e3e7ed; padding: 56px 0 68px; font-family: var(--sans); } :where(body.page-v2.sf-native-elementor-page) .portfolio-achievements h2{ letter-spacing: 0; margin: 0; font-size: 27px; font-weight: 500; line-height: 1.25; } :where(body.page-v2.sf-native-elementor-page) .portfolio-cards{ grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 22px; margin-top: 22px; display: grid; --display:grid !important;display:grid !important;--gap:22px !important;gap:22px !important;} :where(body.page-v2.sf-native-elementor-page) .portfolio-cards article{ background: #fff; border: 1px solid #e1e6ec; border-radius: 7px; overflow: hidden; box-shadow: 0 4px 14px #10244208; } :where(body.page-v2.sf-native-elementor-page) .portfolio-cards img{ object-fit: cover; width: 100%; height: 112px; transition: transform .35s ease; } :where(body.page-v2.sf-native-elementor-page) .portfolio-cards article:hover img{ transform: scale(1.04); } :where(body.page-v2.sf-native-elementor-page) .portfolio-cards h3{ text-align: center; letter-spacing: 0; margin: 0; padding: 12px 7px; font-size: 11px; font-weight: 700; } :where(body.page-v2.sf-native-elementor-page) .achievements-block{ margin-top: 46px; } :where(body.page-v2.sf-native-elementor-page) .achievement-timeline{ grid-template-columns: repeat(7, minmax(0, 1fr)); margin-top: 18px; display: grid; position: relative; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .achievement-timeline::before{ content: ""; background: #dce2e9; height: 1px; position: absolute; top: 39px; left: 3%; right: 3%; } :where(body.page-v2.sf-native-elementor-page) .achievement-timeline article{ padding: 0 16px; position: relative; } :where(body.page-v2.sf-native-elementor-page) .achievement-timeline strong{ color: #ed1c24; font-size: 16px; } :where(body.page-v2.sf-native-elementor-page) .achievement-timeline i{ background: #ed1c24; border: 4px solid #fff; border-radius: 50%; width: 13px; height: 13px; margin: 12px 0 10px 48%; display: block; position: relative; z-index: 2; box-shadow: 0 0 0 1px #ed1c24; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .achievement-timeline h3{ letter-spacing: 0; margin: 0 0 5px; font-size: 10px; font-weight: 700; } :where(body.page-v2.sf-native-elementor-page) .achievement-timeline p{ color: #657181; margin: 0; font-size: 9px; line-height: 1.5; } :where(body.page-v2.sf-native-elementor-page) .partner-reasons{ border: 1px solid #e1e6ec; border-radius: 8px; grid-template-columns: 170px repeat(5, 1fr); align-items: center; min-height: 104px; margin-top: 42px; display: grid; --display:grid !important;display:grid !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .partner-reasons>.red-label, .partner-reasons> .sf-atomic-shell > .elementor-widget-container > .red-label, :where(body.page-v2.sf-native-elementor-page) .partner-reasons> .sf-atomic-shell > .elementor-widget-container > .red-label{ margin: 0; padding-left: 24px; } :where(body.page-v2.sf-native-elementor-page) .partner-reasons article{ align-items: center; gap: 12px; min-height: 70px; padding: 12px 16px; display: flex; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:12px !important;gap:12px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .partner-reasons article+article{ border-left: 1px solid #e1e6ec; } :where(body.page-v2.sf-native-elementor-page) .partner-reasons img{ object-fit: cover; border-radius: 6px; flex: 0 0 auto; width: 38px; height: 38px; } :where(body.page-v2.sf-native-elementor-page) .partner-reasons article>div{ display: flex; flex-direction: column; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;} :where(body.page-v2.sf-native-elementor-page) .partner-reasons strong{ color: #2b3951; font-size: 10px; } :where(body.page-v2.sf-native-elementor-page) .partner-reasons span{ color: #6a7482; margin-top: 6px; font-size: 9px; line-height: 1.45; } :where(body.page-v2.sf-native-elementor-page) .portfolio-cta{ background: linear-gradient(90deg, #071b45ed 0%, #071b45c4 24%, #ffffffeb 48%, #fff 100%), url("../generated/hero-port.png") left 46% / cover no-repeat; border: 1px solid #dde3ea; border-radius: 7px; grid-template-columns: 1.25fr 1fr 230px; align-items: center; gap: 24px; min-height: 150px; margin-top: 24px; padding: 24px 24px 24px 34px; display: grid; overflow: hidden; --display:grid !important;display:grid !important;--gap:24px !important;gap:24px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .portfolio-cta-copy{ color: #fff; } :where(body.page-v2.sf-native-elementor-page) .portfolio-cta-copy h2{ font-size: 23px; font-weight: 500; } :where(body.page-v2.sf-native-elementor-page) .portfolio-cta-copy p{ margin: 8px 0 0; font-size: 11px; } :where(body.page-v2.sf-native-elementor-page) .portfolio-cta-features{ grid-template-columns: repeat(4, 1fr); gap: 16px; display: grid; --display:grid !important;display:grid !important;--gap:16px !important;gap:16px !important;} :where(body.page-v2.sf-native-elementor-page) .portfolio-cta-features span{ color: #1c2f4d; text-align: center; align-items: center; gap: 7px; font-size: 9px; line-height: 1.35; display: flex; flex-direction: column; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;--gap:7px !important;gap:7px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .portfolio-cta-features img{ object-fit: cover; border-radius: 6px; width: 32px; height: 32px; } :where(body.page-v2.sf-native-elementor-page) .portfolio-cta-actions{ gap: 8px; display: grid; --display:grid !important;display:grid !important;--gap:8px !important;gap:8px !important;} :where(body.page-v2.sf-native-elementor-page) .portfolio-cta-actions a, .portfolio-cta-actions .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .portfolio-cta-actions .sf-native-tag-a{ justify-content: center; width: 100%; --justify-content:center !important;justify-content:center !important;} @media (max-width: 1100px){ :where(body.page-v2.sf-native-elementor-page) .portfolio-cards{ grid-template-columns: repeat(3, 1fr); } :where(body.page-v2.sf-native-elementor-page) .partner-reasons{ grid-template-columns: repeat(3, 1fr); } :where(body.page-v2.sf-native-elementor-page) .partner-reasons>.red-label, .partner-reasons> .sf-atomic-shell > .elementor-widget-container > .red-label, :where(body.page-v2.sf-native-elementor-page) .partner-reasons> .sf-atomic-shell > .elementor-widget-container > .red-label{ grid-column: 1 / -1; padding: 18px 18px 6px; } :where(body.page-v2.sf-native-elementor-page) .portfolio-cta{ grid-template-columns: 1fr 1fr; } :where(body.page-v2.sf-native-elementor-page) .portfolio-cta-actions{ grid-column: 2; } } @media (max-width: 767px){ :where(body.page-v2.sf-native-elementor-page) .portfolio-achievements{ padding: 44px 0 50px; } :where(body.page-v2.sf-native-elementor-page) .portfolio-achievements h2{ font-size: 25px; } :where(body.page-v2.sf-native-elementor-page) .portfolio-cards{ grid-template-columns: 1fr 1fr; gap: 14px; --gap:14px !important;gap:14px !important;} :where(body.page-v2.sf-native-elementor-page) .portfolio-cards img{ height: 100px; } :where(body.page-v2.sf-native-elementor-page) .achievement-timeline{ grid-template-columns: repeat(7, 150px); padding-bottom: 12px; overflow-x: auto; } :where(body.page-v2.sf-native-elementor-page) .partner-reasons{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) .partner-reasons article+article{ border-top: 1px solid #e1e6ec; border-left: 0; } :where(body.page-v2.sf-native-elementor-page) .portfolio-cta{ background: linear-gradient(#071b45e8 0%, #071b45d6 37%, #fffffff2 62%, #fff 100%), url("../generated/hero-port.png") center / cover no-repeat; grid-template-columns: 1fr; padding: 28px 20px; } :where(body.page-v2.sf-native-elementor-page) .portfolio-cta-copy{ min-height: 130px; } :where(body.page-v2.sf-native-elementor-page) .portfolio-cta-features, :where(body.page-v2.sf-native-elementor-page) .portfolio-cta-actions{ grid-column: 1; } } :where(body.page-v2.sf-native-elementor-page) .impact-section{ color: #000; background: #fff; padding: 72px 20px; font-family: var(--sans); } :where(body.page-v2.sf-native-elementor-page) .impact-container{ max-width: 1320px; margin: 0 auto; } :where(body.page-v2.sf-native-elementor-page) .impact-row{ display: grid; align-items: center; --display:grid !important;display:grid !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .impact-intro{ align-self: start; } :where(body.page-v2.sf-native-elementor-page) .impact-kicker{ color: #ed1c24; text-transform: uppercase; letter-spacing: .35px; margin: 0 0 7px; font-size: 11px; font-weight: 800; } :where(body.page-v2.sf-native-elementor-page) .impact-intro h2{ letter-spacing: 0; margin: 0; font-size: 27px; font-weight: 500; line-height: 1.25; } :where(body.page-v2.sf-native-elementor-page) .commitment-row{ grid-template-columns: minmax(390px, 430px) 1fr; gap: 38px; --gap:38px !important;gap:38px !important;} :where(body.page-v2.sf-native-elementor-page) .commitment-photos{ object-fit: cover; border-radius: 7px; width: 100%; height: 165px; margin-top: 22px; display: block; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .csr-photo-strip.commitment-photos{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 3px; height: 300px; overflow: hidden; --display:grid !important;display:grid !important;--gap:3px !important;gap:3px !important;} :where(body.page-v2.sf-native-elementor-page) .csr-photo-strip.commitment-photos button, .csr-photo-strip.commitment-photos .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .csr-photo-strip.commitment-photos .sf-native-tag-button{ position: relative; min-width: 0; min-height: 0; padding: 0; overflow: hidden; border: 0; background: #e9edf2; cursor: zoom-in; } :where(body.page-v2.sf-native-elementor-page) .csr-photo-strip.commitment-photos button:focus-visible, .csr-photo-strip.commitment-photos .sf-native-tag-button:focus-visible, :where(body.page-v2.sf-native-elementor-page) .csr-photo-strip.commitment-photos .sf-native-tag-button:focus-visible{ z-index: 1; outline: 3px solid #ed1c24; outline-offset: -3px; } :where(body.page-v2.sf-native-elementor-page) .csr-photo-strip.commitment-photos img{ display: block; width: 100%; height: 100%; min-width: 0; object-fit: cover; transition: transform .45s cubic-bezier(.22, 1, .36, 1), filter .3s ease; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .csr-photo-strip.commitment-photos button:hover img, .csr-photo-strip.commitment-photos .sf-native-tag-button:hover img, :where(body.page-v2.sf-native-elementor-page) .csr-photo-strip.commitment-photos .sf-native-tag-button:hover img{ transform: scale(1.06); filter: brightness(.86); } :where(body.page-v2.sf-native-elementor-page) .csr-photo-strip.commitment-photos button:first-child img, .csr-photo-strip.commitment-photos .sf-native-tag-button:first-child img, :where(body.page-v2.sf-native-elementor-page) .csr-photo-strip.commitment-photos .sf-native-tag-button:first-child img{ object-position: 55% center; } :where(body.page-v2.sf-native-elementor-page) .csr-photo-strip.commitment-photos button:nth-child(2) img, .csr-photo-strip.commitment-photos .sf-native-tag-button:nth-child(2) img, :where(body.page-v2.sf-native-elementor-page) .csr-photo-strip.commitment-photos .sf-native-tag-button:nth-child(2) img{ object-position: 58% center; } body:where(.page-v2.sf-native-elementor-page).csr-gallery-open{ overflow: hidden; } :where(body.page-v2.sf-native-elementor-page) .csr-lightbox{ position: fixed; z-index: 5000; inset: 0; display: grid; place-items: center; padding: 28px; background: rgba(5, 15, 34, .9); backdrop-filter: blur(7px); --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .csr-lightbox[hidden]{ display: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .csr-lightbox-panel{ position: relative; display: grid; grid-template-columns: 48px minmax(0, 1fr) 48px; align-items: center; gap: 18px; width: min(1120px, 100%); height: min(760px, calc(100vh - 56px)); --display:grid !important;display:grid !important;--gap:18px !important;gap:18px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .csr-lightbox figure, .csr-lightbox .sf-native-tag-figure, :where(body.page-v2.sf-native-elementor-page) .csr-lightbox .sf-native-tag-figure{ display: grid; grid-template-rows: minmax(0, 1fr) auto; gap: 14px; min-width: 0; height: 100%; margin: 0; --display:grid !important;display:grid !important;--gap:14px !important;gap:14px !important;} :where(body.page-v2.sf-native-elementor-page) .csr-lightbox figure img, .csr-lightbox .sf-native-tag-figure img, :where(body.page-v2.sf-native-elementor-page) .csr-lightbox .sf-native-tag-figure img{ width: 100%; height: 100%; min-height: 0; object-fit: contain; } :where(body.page-v2.sf-native-elementor-page) .csr-lightbox figcaption, .csr-lightbox .sf-native-tag-figcaption, :where(body.page-v2.sf-native-elementor-page) .csr-lightbox .sf-native-tag-figcaption{ color: #fff; text-align: center; font-size: 13px; line-height: 1.5; } :where(body.page-v2.sf-native-elementor-page) .csr-lightbox button, .csr-lightbox .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .csr-lightbox .sf-native-tag-button{ display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid rgba(255, 255, 255, .55); border-radius: 50%; background: rgba(255, 255, 255, .1); color: #fff; font-size: 21px; cursor: pointer; transition: background-color .2s ease, border-color .2s ease, transform .2s ease; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .csr-lightbox button:hover, .csr-lightbox .sf-native-tag-button:hover, :where(body.page-v2.sf-native-elementor-page) .csr-lightbox .sf-native-tag-button:hover, :where(body.page-v2.sf-native-elementor-page) .csr-lightbox button:focus-visible, .csr-lightbox .sf-native-tag-button:focus-visible, :where(body.page-v2.sf-native-elementor-page) .csr-lightbox .sf-native-tag-button:focus-visible{ border-color: #ed1c24; background: #ed1c24; outline: none; transform: scale(1.05); } :where(body.page-v2.sf-native-elementor-page) .csr-lightbox-close{ position: absolute; z-index: 2; top: 0; right: 0; } @media (max-width: 767px){ :where(body.page-v2.sf-native-elementor-page) .csr-photo-strip.commitment-photos{ height: 360px; } :where(body.page-v2.sf-native-elementor-page) .csr-lightbox{ padding: 18px; } :where(body.page-v2.sf-native-elementor-page) .csr-lightbox-panel{ grid-template-columns: 38px minmax(0, 1fr) 38px; gap: 8px; height: calc(100vh - 36px); --gap:8px !important;gap:8px !important;} :where(body.page-v2.sf-native-elementor-page) .csr-lightbox button, .csr-lightbox .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .csr-lightbox .sf-native-tag-button{ width: 36px; height: 36px; font-size: 18px; } } :where(body.page-v2.sf-native-elementor-page) .commitment-card{ border: 1px solid #e1e6ec; border-radius: 10px; min-height: 260px; padding: 28px 28px 18px; } :where(body.page-v2.sf-native-elementor-page) .commitment-top{ grid-template-columns: 190px 1fr; align-items: stretch; display: grid; --display:grid !important;display:grid !important;--align-items:stretch !important;align-items:stretch !important;} :where(body.page-v2.sf-native-elementor-page) .commitment-company{ border-right: 1px solid #e1e6ec; flex-direction: column; justify-content: center; min-height: 150px; padding: 0 24px 0 4px; display: flex; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;--justify-content:center !important;justify-content:center !important;} :where(body.page-v2.sf-native-elementor-page) .commitment-company small{ color: #ed1c24; text-transform: uppercase; letter-spacing: .35px; margin-bottom: 18px; font-size: 12px; font-weight: 800; } :where(body.page-v2.sf-native-elementor-page) .commitment-company strong{ color: #000; font-size: 17px; } :where(body.page-v2.sf-native-elementor-page) .commitment-company p{ color: #5d6877; margin: 16px 0 0; font-size: 13px; line-height: 1.55; } :where(body.page-v2.sf-native-elementor-page) .commitment-metrics{ grid-template-columns: repeat(4, 1fr); display: grid; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .commitment-metrics article{ align-items: flex-start; justify-content: center; flex-direction: column; gap: 12px; padding: 0 20px; display: flex; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;--gap:12px !important;gap:12px !important;--align-items:flex-start !important;align-items:flex-start !important;--justify-content:center !important;justify-content:center !important;} :where(body.page-v2.sf-native-elementor-page) .commitment-metrics article+article{ border-left: 1px solid #e1e6ec; } :where(body.page-v2.sf-native-elementor-page) .commitment-metrics article>img, .commitment-metrics article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .commitment-metrics article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ flex: 0 0 auto; object-fit: cover; border-radius: 8px; width: 42px; height: 42px; } :where(body.page-v2.sf-native-elementor-page) .commitment-metrics article>div{ display: flex; flex-direction: column; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;} :where(body.page-v2.sf-native-elementor-page) .commitment-metrics strong{ color: #000; font-size: 31px; line-height: 1.15; } :where(body.page-v2.sf-native-elementor-page) .commitment-metrics span{ color: #586271; margin-top: 7px; font-size: 13px; line-height: 1.4; } :where(body.page-v2.sf-native-elementor-page) .commitment-points{ grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 30px; margin-top: 22px; padding: 14px 8px 0; border-top: 1px solid #edf0f4; display: grid; --display:grid !important;display:grid !important;--column-gap:30px !important;column-gap:30px !important;} :where(body.page-v2.sf-native-elementor-page) .commitment-point-group+.commitment-point-group{ border-left: 1px solid #edf0f4; padding-left: 30px; } :where(body.page-v2.sf-native-elementor-page) .commitment-point-group h3{ color: #ed1c24; text-transform: uppercase; letter-spacing: .35px; margin: 0 0 10px; font-size: 10px; font-weight: 800; } :where(body.page-v2.sf-native-elementor-page) .commitment-point-list{ grid-template-columns: 1fr; row-gap: 9px; display: grid; --display:grid !important;display:grid !important;--row-gap:9px !important;row-gap:9px !important;} :where(body.page-v2.sf-native-elementor-page) .commitment-points span{ color: #52606b; position: relative; padding-left: 15px; font-size: 11px; line-height: 1.45; } :where(body.page-v2.sf-native-elementor-page) .commitment-points span b{ color: #34445a; font-weight: 700; } :where(body.page-v2.sf-native-elementor-page) .commitment-points span::before{ content: "»"; color: #70ad54; position: absolute; left: 0; font-weight: 900; } :where(body.page-v2.sf-native-elementor-page) .commitment-footnote{ color: #8a929e; text-align: right; margin-top: 9px; font-size: 7px; display: block; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .global-expertise-row{ grid-template-columns: 310px 1fr; gap: 30px; min-height: 250px; margin-top: 52px; --gap:30px !important;gap:30px !important;} :where(body.page-v2.sf-native-elementor-page) .global-expertise-intro{ align-self: center; } :where(body.page-v2.sf-native-elementor-page) .global-partner-actions{ gap: 10px; margin-top: 26px; display: flex; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:10px !important;gap:10px !important;} :where(body.page-v2.sf-native-elementor-page) .global-partner-actions a, .global-partner-actions .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .global-partner-actions .sf-native-tag-a{ color: #ed1c24; border: 1px solid #ed1c24; border-radius: 4px; align-items: center; justify-content: space-between; gap: 14px; min-height: 40px; padding: 0 12px; font-size: 9px; font-weight: 750; display: inline-flex; transition: color .25s ease, background-color .25s ease, transform .25s ease; --display:inline-flex !important;display:inline-flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:14px !important;gap:14px !important;--align-items:center !important;align-items:center !important;--justify-content:space-between !important;justify-content:space-between !important;} :where(body.page-v2.sf-native-elementor-page) .global-partner-actions a:hover, .global-partner-actions .sf-native-tag-a:hover, :where(body.page-v2.sf-native-elementor-page) .global-partner-actions .sf-native-tag-a:hover{ color: #fff; background: #ed1c24; transform: translateY(-2px); } :where(body.page-v2.sf-native-elementor-page) .expertise-map{ position: relative; height: 230px; overflow: hidden; } :where(body.page-v2.sf-native-elementor-page) .partner-network-map{ height: 250px; } :where(body.page-v2.sf-native-elementor-page) .partner-network-map>img, .partner-network-map> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .partner-network-map> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ object-fit: cover; object-position: center; } :where(body.page-v2.sf-native-elementor-page) .network-label{ background: #fffffff2; border-radius: 5px; flex-direction: column; padding: 7px 10px; display: flex; position: absolute; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;} :where(body.page-v2.sf-native-elementor-page) .network-label small{ color: #ed1c24; text-transform: uppercase; letter-spacing: .35px; margin-bottom: 8px; font-size: 9px; font-weight: 800; } :where(body.page-v2.sf-native-elementor-page) .network-label strong{ color: #000; font-size: 11px; } :where(body.page-v2.sf-native-elementor-page) .network-label span{ color: #5c6775; margin-top: 8px; font-size: 9px; line-height: 1.5; } :where(body.page-v2.sf-native-elementor-page) .india-network{ top: 20px; left: 0; } :where(body.page-v2.sf-native-elementor-page) .fair-network{ top: 92px; left: 43%; transform: translateX(-50%); } :where(body.page-v2.sf-native-elementor-page) .japan-network{ top: 20px; right: 0; } :where(body.page-v2.sf-native-elementor-page) .expertise-map>img, .expertise-map> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .expertise-map> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ object-fit: cover; object-position: center; opacity: 1; width: 100%; height: 100%; } :where(body.page-v2.sf-native-elementor-page) .map-point{ display: flex; position: absolute; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;} :where(body.page-v2.sf-native-elementor-page) .map-point div{ background: #fffffff2; border-radius: 4px; padding: 6px 9px; display: flex; flex-direction: column; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;} :where(body.page-v2.sf-native-elementor-page) .map-point strong{ color: #ed1c24; font-size: 12px; } :where(body.page-v2.sf-native-elementor-page) .map-point span{ color: #52606b; margin-top: 5px; font-size: 10px; line-height: 1.55; } :where(body.page-v2.sf-native-elementor-page) .india-point{ left: 3%; top: 45%; } :where(body.page-v2.sf-native-elementor-page) .mea-point{ left: 39%; top: 25%; } :where(body.page-v2.sf-native-elementor-page) .apac-point{ right: 1%; top: 45%; } :where(body.page-v2.sf-native-elementor-page) .operations-row{ border: 1px solid #e1e6ec; border-radius: 8px; grid-template-columns: 300px 1fr 340px; min-height: 190px; margin-top: 48px; overflow: hidden; } :where(body.page-v2.sf-native-elementor-page) .operations-row>.impact-intro, .operations-row> .sf-atomic-shell > .elementor-widget-container > .impact-intro, :where(body.page-v2.sf-native-elementor-page) .operations-row> .sf-atomic-shell > .elementor-widget-container > .impact-intro{ align-self: center; padding: 30px 24px; } :where(body.page-v2.sf-native-elementor-page) .operations-capabilities{ grid-template-columns: repeat(4, 1fr); align-self: stretch; display: grid; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .operations-capabilities article{ justify-content: center; padding: 22px 18px; display: flex; flex-direction: column; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;--justify-content:center !important;justify-content:center !important;} :where(body.page-v2.sf-native-elementor-page) .operations-capabilities article+article{ border-left: 1px solid #e1e6ec; } :where(body.page-v2.sf-native-elementor-page) .operations-capabilities article>img, .operations-capabilities article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .operations-capabilities article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ object-fit: cover; border-radius: 8px; width: 48px; height: 48px; margin-bottom: 14px; } :where(body.page-v2.sf-native-elementor-page) .operations-capabilities strong{ color: #27364f; font-size: 11px; line-height: 1.35; } :where(body.page-v2.sf-native-elementor-page) .operations-capabilities span{ color: #677281; margin-top: 12px; font-size: 10px; line-height: 1.55; } :where(body.page-v2.sf-native-elementor-page) .operations-photo{ object-fit: cover; object-position: center; width: 100%; height: 190px; } @media (max-width: 1100px){ :where(body.page-v2.sf-native-elementor-page) .commitment-row{ grid-template-columns: 330px 1fr; } :where(body.page-v2.sf-native-elementor-page) .commitment-metrics article{ gap: 8px; padding: 0 10px; --gap:8px !important;gap:8px !important;} :where(body.page-v2.sf-native-elementor-page) .commitment-metrics article>img, .commitment-metrics article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .commitment-metrics article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ width: 38px; height: 38px; } :where(body.page-v2.sf-native-elementor-page) .commitment-top{ grid-template-columns: 140px 1fr; } :where(body.page-v2.sf-native-elementor-page) .operations-row{ grid-template-columns: 220px 1fr; } :where(body.page-v2.sf-native-elementor-page) .operations-photo{ grid-column: 1 / -1; height: 230px; } } @media (max-width: 767px){ :where(body.page-v2.sf-native-elementor-page) .impact-section{ padding: 44px 20px; } :where(body.page-v2.sf-native-elementor-page) .commitment-row, :where(body.page-v2.sf-native-elementor-page) .global-expertise-row, :where(body.page-v2.sf-native-elementor-page) .operations-row{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) .commitment-photos{ height: 180px; } :where(body.page-v2.sf-native-elementor-page) .commitment-card{ padding: 24px 18px; } :where(body.page-v2.sf-native-elementor-page) .commitment-top{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) .commitment-company{ border-right: 0; border-bottom: 1px solid #e1e6ec; min-height: 0; margin-bottom: 22px; padding: 0 0 20px; } :where(body.page-v2.sf-native-elementor-page) .commitment-metrics{ grid-template-columns: 1fr 1fr; row-gap: 24px; --row-gap:24px !important;row-gap:24px !important;} :where(body.page-v2.sf-native-elementor-page) .commitment-metrics article:nth-child(3){ border-left: 0; } :where(body.page-v2.sf-native-elementor-page) .commitment-points{ grid-template-columns: 1fr; padding: 0; } :where(body.page-v2.sf-native-elementor-page) .commitment-point-group+.commitment-point-group{ border-top: 1px solid #edf0f4; border-left: 0; margin-top: 15px; padding-top: 14px; padding-left: 0; } :where(body.page-v2.sf-native-elementor-page) .global-expertise-row{ gap: 14px; margin-top: 46px; --gap:14px !important;gap:14px !important;} :where(body.page-v2.sf-native-elementor-page) .global-partner-actions{ flex-wrap: wrap; margin-top: 20px; --flex-wrap:wrap !important;flex-wrap:wrap !important;} :where(body.page-v2.sf-native-elementor-page) .global-partner-actions a, .global-partner-actions .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .global-partner-actions .sf-native-tag-a{ flex: 1 1 150px; } :where(body.page-v2.sf-native-elementor-page) .expertise-map{ height: 360px; } :where(body.page-v2.sf-native-elementor-page) .partner-network-map{ height: 440px; margin-top: 10px; } :where(body.page-v2.sf-native-elementor-page) .expertise-map>img, .expertise-map> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .expertise-map> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ object-position: 70% 50%; } :where(body.page-v2.sf-native-elementor-page) .partner-network-map>img, .partner-network-map> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .partner-network-map> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ object-position: center; } :where(body.page-v2.sf-native-elementor-page) .network-label{ left: 12px; right: auto; transform: none; } :where(body.page-v2.sf-native-elementor-page) .india-network{ top: 18px; } :where(body.page-v2.sf-native-elementor-page) .fair-network{ top: 166px; } :where(body.page-v2.sf-native-elementor-page) .japan-network{ top: 314px; } :where(body.page-v2.sf-native-elementor-page) .map-point{ left: 8%; right: auto; transform: none; } :where(body.page-v2.sf-native-elementor-page) .india-point{ top: 20%; } :where(body.page-v2.sf-native-elementor-page) .mea-point{ top: 48%; } :where(body.page-v2.sf-native-elementor-page) .apac-point{ top: 76%; } :where(body.page-v2.sf-native-elementor-page) .map-point::after{ display: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .operations-row{ margin-top: 38px; } :where(body.page-v2.sf-native-elementor-page) .operations-row>.impact-intro, .operations-row> .sf-atomic-shell > .elementor-widget-container > .impact-intro, :where(body.page-v2.sf-native-elementor-page) .operations-row> .sf-atomic-shell > .elementor-widget-container > .impact-intro{ padding: 24px 20px 10px; } :where(body.page-v2.sf-native-elementor-page) .operations-capabilities{ grid-template-columns: 1fr 1fr; } :where(body.page-v2.sf-native-elementor-page) .operations-capabilities article:nth-child(3){ border-left: 0; } :where(body.page-v2.sf-native-elementor-page) .operations-capabilities article:nth-child(-n + 2){ border-bottom: 1px solid #e1e6ec; } :where(body.page-v2.sf-native-elementor-page) .operations-photo{ height: 220px; } } @media (prefers-reduced-motion: reduce){ :where(body.page-v2.sf-native-elementor-page) *{ transition: none !important; } } :where(body.page-v2.sf-native-elementor-page) .site-header{ z-index: 40; background: #fff; position: relative; } :where(body.page-v2.sf-native-elementor-page) .hero-route-line{ display: none; left: 24px !important; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .site-header .topbar{ /* border-bottom: 1px solid #e9eaed;*/ gap: 42px; height: 80px; padding: 0 clamp(34px, 3.2vw, 64px); --gap:42px !important;gap:42px !important;} :where(body.page-v2.sf-native-elementor-page) .site-header .v3-logo{ color: #4b4d50; letter-spacing: 1.2px; gap: 6px; width: auto; margin-right: auto; font-size: 34px; font-weight: 800; --gap:6px !important;gap:6px !important;} :where(body.page-v2.sf-native-elementor-page) .site-header .v3-logo span{ display: block; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .site-header .v3-logo i{ color: var(--red); font-size: 25px; transform: none; } :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav{ gap: 58px; margin: 0; position: absolute; left: 50%; transform: translate(-50%); --gap:58px !important;gap:58px !important;} :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav button, .site-header .topbar nav .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav a, .site-header .topbar nav .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav .sf-native-tag-a{ color: #0c0f14; white-space: nowrap; cursor: pointer; background: 0 0; border: 0; padding: 12px 0; font-size: 17px; font-weight: 600; } :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav button i, .site-header .topbar nav .sf-native-tag-button i, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav .sf-native-tag-button i{ margin-left: 8px; font-size: 18px; font-style: normal; } :where(body.page-v2.sf-native-elementor-page) .site-header .language{ color: #14161b; align-items: center; gap: 14px; font-size: 14px; font-weight: 500; display: flex; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:14px !important;gap:14px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .site-header .language-option{ margin: 0; padding: 4px 2px; border: 0; color: #14161b; background: transparent; font: inherit; font-weight: 650; line-height: 1; cursor: pointer; transition: color .2s ease; } :where(body.page-v2.sf-native-elementor-page) .site-header .language-option:hover, :where(body.page-v2.sf-native-elementor-page) .site-header .language-option:focus-visible, :where(body.page-v2.sf-native-elementor-page) .site-header .language-option.active{ color: #db2a24; } :where(body.page-v2.sf-native-elementor-page) .site-header .language-option.active{ font-weight: 850; } :where(body.page-v2.sf-native-elementor-page) .site-header .language i{ background: #bbb; width: 1px; height: 20px; } :where(body.page-v2.sf-native-elementor-page) #google_translate_element{ position: fixed !important; width: 1px !important; height: 1px !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; } :where(body.page-v2.sf-native-elementor-page) .goog-te-banner-frame.skiptranslate, :where(body.page-v2.sf-native-elementor-page) .goog-te-gadget-icon{ display: none !important; --display:none !important;display:none !important;} body:where(.page-v2.sf-native-elementor-page){ top: 0 !important; } :where(body.page-v2.sf-native-elementor-page) .site-header .top-enquiry{ background: var(--red); border-radius: 7px; min-height: 50px; padding-inline: 21px; font-size: 15px; } :where(body.page-v2.sf-native-elementor-page) .mega-menu{ z-index: 41; opacity: 0; background: #fffffffb; border: 1px solid #e1e4e8; border-radius: 0 0 14px 14px; grid-template-columns: 1.08fr 0.95fr 1.08fr 1.08fr 1.08fr 1.15fr; height: 0; padding: 0 32px; transition: height 0.35s, opacity 0.2s, transform 0.35s, padding 0.35s; display: grid; position: absolute; top: 80px; left: 2.2%; right: 2.2%; overflow: hidden; transform: translateY(-8px); box-shadow: 0 15px 30px #19202c1f; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .mega-menu.visible{ opacity: 1; height: 630px; padding-top: 42px; padding-bottom: 32px; transform: none; } :where(body.page-v2.sf-native-elementor-page) .mega-menu:before{ content: ""; background: #fff; border-top: 1px solid #e1e4e8; border-left: 1px solid #e1e4e8; width: 16px; height: 16px; position: absolute; top: -8px; left: 41%; transform: rotate(45deg); } :where(body.page-v2.sf-native-elementor-page) .mega-column, :where(body.page-v2.sf-native-elementor-page) .mega-card{ min-width: 0; padding: 0 18px; } :where(body.page-v2.sf-native-elementor-page) .mega-card, :where(body.page-v2.sf-native-elementor-page) .mega-column:nth-child(n + 3){ border-left: 1px solid #eceef1; } :where(body.page-v2.sf-native-elementor-page) .mega-links>p, .mega-links> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .mega-links> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, .mega-links> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .mega-links> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p{ color: var(--red); text-transform: uppercase; margin: 0 0 22px; font-size: 12px; font-weight: 800; } :where(body.page-v2.sf-native-elementor-page) .mega-links>a:not(.mega-all), .mega-links>.sf-native-tag-a:not(.mega-all), :where(body.page-v2.sf-native-elementor-page) .mega-links>.sf-native-tag-a:not(.mega-all), .mega-links> .elementor-widget-sf-atomic-action > .elementor-widget-container > a:not(.mega-all), :where(body.page-v2.sf-native-elementor-page) .mega-links> .elementor-widget-sf-atomic-action > .elementor-widget-container > a:not(.mega-all){ color: #111319; grid-template-columns: 32px 1fr 14px; align-items: center; gap: 11px; min-height: 56px; font-size: 13px; display: grid; --display:grid !important;display:grid !important;--gap:11px !important;gap:11px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .mega-links>a:not(.mega-all) i, .mega-links>.sf-native-tag-a:not(.mega-all) i, :where(body.page-v2.sf-native-elementor-page) .mega-links>.sf-native-tag-a:not(.mega-all) i, .mega-links> .elementor-widget-sf-atomic-action > .elementor-widget-container > a:not(.mega-all) i, :where(body.page-v2.sf-native-elementor-page) .mega-links> .elementor-widget-sf-atomic-action > .elementor-widget-container > a:not(.mega-all) i{ text-align: center; font-size: 22px; font-style: normal; } :where(body.page-v2.sf-native-elementor-page) .mega-links>a:not(.mega-all) b, .mega-links>.sf-native-tag-a:not(.mega-all) b, :where(body.page-v2.sf-native-elementor-page) .mega-links>.sf-native-tag-a:not(.mega-all) b, .mega-links> .elementor-widget-sf-atomic-action > .elementor-widget-container > a:not(.mega-all) b, :where(body.page-v2.sf-native-elementor-page) .mega-links> .elementor-widget-sf-atomic-action > .elementor-widget-container > a:not(.mega-all) b{ font-size: 24px; font-weight: 400; } :where(body.page-v2.sf-native-elementor-page) .mega-links>a:hover span, .mega-links>.sf-native-tag-a:hover span, :where(body.page-v2.sf-native-elementor-page) .mega-links>.sf-native-tag-a:hover span, .mega-links> .elementor-widget-sf-atomic-action > .elementor-widget-container > a:hover span, :where(body.page-v2.sf-native-elementor-page) .mega-links> .elementor-widget-sf-atomic-action > .elementor-widget-container > a:hover span{ color: var(--red); } :where(body.page-v2.sf-native-elementor-page) .mega-all{ color: var(--red); align-items: center; gap: 14px; margin-top: 10px; font-size: 13px; display: flex; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:14px !important;gap:14px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .mega-card img{ object-fit: cover; border-radius: 18px; width: 100%; height: 350px; } :where(body.page-v2.sf-native-elementor-page) .mega-card h3{ color: #111319; margin: 20px 0 12px; font-size: 21px; line-height: 1.25; } :where(body.page-v2.sf-native-elementor-page) .mega-card>p, .mega-card> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .mega-card> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, .mega-card> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .mega-card> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p{ color: #454b55; margin: 22px 0 0; font-size: 12px; line-height: 1.8; } :where(body.page-v2.sf-native-elementor-page) .red-stroke{ background: var(--red); width: 28px; height: 2px; display: block; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .service-card img{ object-position: 58% center; } :where(body.page-v2.sf-native-elementor-page) .equipment-card img{ object-position: 75% center; } :where(body.page-v2.sf-native-elementor-page) .mega-stats{ grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 12px; display: grid; --display:grid !important;display:grid !important;--gap:12px !important;gap:12px !important;} :where(body.page-v2.sf-native-elementor-page) .mega-stats span{ border: 1px solid #e1e4e8; border-radius: 8px; flex-direction: column; justify-content: center; align-items: center; min-height: 102px; display: flex; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;--align-items:center !important;align-items:center !important;--justify-content:center !important;justify-content:center !important;} :where(body.page-v2.sf-native-elementor-page) .mega-stats b{ color: var(--red); font-size: 21px; } :where(body.page-v2.sf-native-elementor-page) .mega-stats strong{ font-size: 20px; } :where(body.page-v2.sf-native-elementor-page) .mega-stats small{ font-size: 10px; } @media (width<=1100px){ :where(body.page-v2.sf-native-elementor-page) .site-header .topbar{ gap: 18px; padding-inline: 24px; --gap:18px !important;gap:18px !important;} :where(body.page-v2.sf-native-elementor-page) .site-header .v3-logo{ font-size: 26px; } :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav{ gap: 24px; --gap:24px !important;gap:24px !important;} :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav button, .site-header .topbar nav .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav a, .site-header .topbar nav .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav .sf-native-tag-a{ font-size: 14px; } :where(body.page-v2.sf-native-elementor-page) .mega-menu{ grid-template-columns: repeat(3, 1fr); } :where(body.page-v2.sf-native-elementor-page) .mega-menu.visible{ height: 570px; } :where(body.page-v2.sf-native-elementor-page) .mega-card{ display: none; --display:none !important;display:none !important;} } @media (width<=767px){ :where(body.page-v2.sf-native-elementor-page) .site-header .topbar{ height: 72px; padding: 0 18px; } :where(body.page-v2.sf-native-elementor-page) .site-header .v3-logo{ font-size: 21px; } :where(body.page-v2.sf-native-elementor-page) .site-header .v3-logo i{ font-size: 18px; } :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav{ top: 72px; left: 0; right: 0; transform: none; } :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav button, .site-header .topbar nav .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav a, .site-header .topbar nav .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav .sf-native-tag-a{ text-align: left; width: 100%; } :where(body.page-v2.sf-native-elementor-page) .mega-menu, :where(body.page-v2.sf-native-elementor-page) .mega-menu.visible{ border-radius: 0; grid-template-columns: 1fr; height: auto; max-height: 65vh; padding: 20px; position: absolute; top: 260px; left: 0; right: 0; overflow-y: auto; } :where(body.page-v2.sf-native-elementor-page) .mega-menu:not(.visible), :where(body.page-v2.sf-native-elementor-page) .mega-menu:before, :where(body.page-v2.sf-native-elementor-page) .mega-card{ display: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .mega-column{ padding: 12px 4px; border: 0 !important; } :where(body.page-v2.sf-native-elementor-page) .mega-links>p, .mega-links> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .mega-links> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, .mega-links> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .mega-links> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p{ margin-bottom: 8px; } :where(body.page-v2.sf-native-elementor-page) .mega-links>a:not(.mega-all), .mega-links>.sf-native-tag-a:not(.mega-all), :where(body.page-v2.sf-native-elementor-page) .mega-links>.sf-native-tag-a:not(.mega-all), .mega-links> .elementor-widget-sf-atomic-action > .elementor-widget-container > a:not(.mega-all), :where(body.page-v2.sf-native-elementor-page) .mega-links> .elementor-widget-sf-atomic-action > .elementor-widget-container > a:not(.mega-all){ min-height: 43px; } :where(body.page-v2.sf-native-elementor-page) .mega-all{ margin-bottom: 12px; } } :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav button.active, .site-header .topbar nav .sf-native-tag-button.active, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav .sf-native-tag-button.active{ color: var(--red); } :where(body.page-v2.sf-native-elementor-page) .mega-menu{ grid-template-columns: minmax(290px, 420px) minmax(300px, 420px); justify-content: center; padding-left: clamp(32px, 18vw, 300px); padding-right: clamp(32px, 18vw, 300px); --justify-content:center !important;justify-content:center !important;} :where(body.page-v2.sf-native-elementor-page) .mega-menu.visible{ height: 630px; } :where(body.page-v2.sf-native-elementor-page) .mega-menu .mega-card{ border-left: 1px solid #eceef1; } @media (width<=1100px){ :where(body.page-v2.sf-native-elementor-page) .mega-menu{ grid-template-columns: minmax(280px, 420px) minmax(280px, 420px); padding-left: 40px; padding-right: 40px; } :where(body.page-v2.sf-native-elementor-page) .mega-menu.visible{ height: 570px; } :where(body.page-v2.sf-native-elementor-page) .mega-menu .mega-card{ display: block; --display:block !important;display:block !important;} } @media (width<=767px){ :where(body.page-v2.sf-native-elementor-page) .mega-menu, :where(body.page-v2.sf-native-elementor-page) .mega-menu.visible{ grid-template-columns: 1fr; padding: 20px; } :where(body.page-v2.sf-native-elementor-page) .mega-menu .mega-card{ display: none; --display:none !important;display:none !important;} } :where(body.page-v2.sf-native-elementor-page) .metric-strip.six-metrics{ grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; /* height: 150px; */ height: 200px; padding: 25px 18px; --gap:0 !important;gap:0 !important;} :where(body.page-v2.sf-native-elementor-page) .six-metrics article{ border-right: 1px solid var(--line); flex-direction: column; justify-content: center; align-items: flex-start; padding: 0 17px; display: flex; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;--align-items:flex-start !important;align-items:flex-start !important;--justify-content:center !important;justify-content:center !important;} :where(body.page-v2.sf-native-elementor-page) .six-metrics article:last-child{ border-right: 0; } :where(body.page-v2.sf-native-elementor-page) .six-metrics article>span, .six-metrics article> .elementor-widget-sf-atomic-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .six-metrics article> .elementor-widget-sf-atomic-text > .elementor-widget-container > span, .six-metrics article> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .six-metrics article> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span{ color: #23324c; font-size: 25px; line-height: 1; } :where(body.page-v2.sf-native-elementor-page) .six-metrics article>strong, .six-metrics article> .elementor-widget-sf-atomic-text > .elementor-widget-container > strong, :where(body.page-v2.sf-native-elementor-page) .six-metrics article> .elementor-widget-sf-atomic-text > .elementor-widget-container > strong, .six-metrics article> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > strong, :where(body.page-v2.sf-native-elementor-page) .six-metrics article> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > strong{ color: var(--red); letter-spacing: 0px; margin: 6px 0 2px; font-size: 25px; line-height: 1; } :where(body.page-v2.sf-native-elementor-page) .six-metrics article>p, .six-metrics article> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .six-metrics article> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, .six-metrics article> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .six-metrics article> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p{ font-size: 9px; line-height: 1.4; } :where(body.page-v2.sf-native-elementor-page) .six-metrics article>p b, .six-metrics article> .elementor-widget-sf-atomic-text > .elementor-widget-container > p b, :where(body.page-v2.sf-native-elementor-page) .six-metrics article> .elementor-widget-sf-atomic-text > .elementor-widget-container > p b, .six-metrics article> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p b, :where(body.page-v2.sf-native-elementor-page) .six-metrics article> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p b{ font-size: 11px; } @media (width<=1100px){ :where(body.page-v2.sf-native-elementor-page) .metric-strip.six-metrics{ grid-template-columns: repeat(3, 1fr); height: auto; } :where(body.page-v2.sf-native-elementor-page) .six-metrics article{ border-bottom: 1px solid var(--line); min-height: 115px; } :where(body.page-v2.sf-native-elementor-page) .six-metrics article:nth-child(3){ border-right: 0; } :where(body.page-v2.sf-native-elementor-page) .six-metrics article:nth-child(n + 4){ border-bottom: 0; } } @media (width<=767px){ :where(body.page-v2.sf-native-elementor-page) .metric-strip.six-metrics{ grid-template-columns: repeat(2, 1fr); padding: 12px; } :where(body.page-v2.sf-native-elementor-page) .six-metrics article{ min-height: 120px; border-right: 1px solid var(--line) !important; border-bottom: 1px solid var(--line) !important; } :where(body.page-v2.sf-native-elementor-page) .six-metrics article:nth-child(2n){ border-right: 0 !important; } :where(body.page-v2.sf-native-elementor-page) .six-metrics article:nth-child(n + 5){ border-bottom: 0 !important; } :where(body.page-v2.sf-native-elementor-page) .six-metrics article>strong, .six-metrics article> .elementor-widget-sf-atomic-text > .elementor-widget-container > strong, :where(body.page-v2.sf-native-elementor-page) .six-metrics article> .elementor-widget-sf-atomic-text > .elementor-widget-container > strong, .six-metrics article> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > strong, :where(body.page-v2.sf-native-elementor-page) .six-metrics article> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > strong{ font-size: 22px; } } :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav{ gap: 32px; --gap:32px !important;gap:32px !important;} :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav a:hover, .site-header .topbar nav .sf-native-tag-a:hover, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav .sf-native-tag-a:hover{ color: var(--red); } :where(body.page-v2.sf-native-elementor-page) .about-v3{ grid-template-columns: minmax(360px, 38%) 1fr; align-items: stretch; /* gap: 48px; */ gap: 30px; padding: 58px 20px 38px; --gap:30px !important;gap:30px !important;--align-items:stretch !important;align-items:stretch !important;} :where(body.page-v2.sf-native-elementor-page) .about-v3 .about-copy{ padding: 0; } :where(body.page-v2.sf-native-elementor-page) .about-v3 .about-copy>p:not(.red-label), .about-v3 .about-copy> .elementor-widget-sf-atomic-text > .elementor-widget-container > p:not(.red-label), :where(body.page-v2.sf-native-elementor-page) .about-v3 .about-copy> .elementor-widget-sf-atomic-text > .elementor-widget-container > p:not(.red-label), .about-v3 .about-copy> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p:not(.red-label), :where(body.page-v2.sf-native-elementor-page) .about-v3 .about-copy> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p:not(.red-label){ color: #243149; max-width: 520px; margin: 0; font-size: 13px; line-height: 1.75; } :where(body.page-v2.sf-native-elementor-page) .about-v3 .about-copy>.about-lead, .about-v3 .about-copy> .sf-atomic-shell > .elementor-widget-container > .about-lead, :where(body.page-v2.sf-native-elementor-page) .about-v3 .about-copy> .sf-atomic-shell > .elementor-widget-container > .about-lead{ margin: -2px 0 8px; color: #000; font-size: 12px; font-weight: 750; line-height: 1.45; } :where(body.page-v2.sf-native-elementor-page) .about-v3 .about-copy>.about-description, .about-v3 .about-copy> .sf-atomic-shell > .elementor-widget-container > .about-description, :where(body.page-v2.sf-native-elementor-page) .about-v3 .about-copy> .sf-atomic-shell > .elementor-widget-container > .about-description{ font-size: 11px; line-height: 1.65; } :where(body.page-v2.sf-native-elementor-page) .about-v3 .about-copy h2{ letter-spacing: 0px; margin-bottom: 14px; font-size: 34px; } :where(body.page-v2.sf-native-elementor-page) .about-v3>img, .about-v3> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .about-v3> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ height: 100%; min-height: 410px; } :where(body.page-v2.sf-native-elementor-page) .about-brands{ grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 18px; display: grid; --display:grid !important;display:grid !important;--gap:12px !important;gap:12px !important;} :where(body.page-v2.sf-native-elementor-page) .about-brands>div{ background: #fff; border: 1px solid #d8dee7; border-radius: 6px; align-items: center; gap: 12px; min-height: 70px; padding: 10px 14px; display: flex; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:12px !important;gap:12px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .about-brands .about-brand-card{ flex-wrap: wrap; --flex-wrap:wrap !important;flex-wrap:wrap !important;} :where(body.page-v2.sf-native-elementor-page) .brand-explore{ color: #173768; border-top: 1px solid #e4e8ee; justify-content: space-between; align-items: center; width: 100%; margin-top: 2px; padding-top: 10px; font-size: 12px; font-weight: 800; display: flex; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--align-items:center !important;align-items:center !important;--justify-content:space-between !important;justify-content:space-between !important;} :where(body.page-v2.sf-native-elementor-page) .brand-explore b{ color: #ed1c24; font-size: 17px; line-height: 1; } :where(body.page-v2.sf-native-elementor-page) .brand-explore:hover{ color: #ed1c24; } :where(body.page-v2.sf-native-elementor-page) .about-brands strong{ color: #ed1c24; font-size: 34px; line-height: 1; } :where(body.page-v2.sf-native-elementor-page) .about-brands .fair-mark{ color: #0b3068; } :where(body.page-v2.sf-native-elementor-page) .about-brands span{ color: #14234a; flex-direction: column; font-size: 13px; line-height: 1.15; display: flex; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;} :where(body.page-v2.sf-native-elementor-page) .about-brands small{ margin-top: 4px; font-size: 7px; } :where(body.page-v2.sf-native-elementor-page) .solar-note{ color: #54645c; background: #fbfffc; border: 1px solid #a8d9bc; border-radius: 6px; align-items: center; gap: 16px; margin-top: 16px; padding: 15px 17px; display: flex; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:16px !important;gap:16px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .solar-note>span, .solar-note> .elementor-widget-sf-atomic-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .solar-note> .elementor-widget-sf-atomic-text > .elementor-widget-container > span, .solar-note> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .solar-note> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span{ color: #58b877; flex: 0 0 auto; font-size: 38px; line-height: 1; } :where(body.page-v2.sf-native-elementor-page) .solar-note p{ margin: 0 !important; font-size: 12px !important; line-height: 1.55 !important; } :where(body.page-v2.sf-native-elementor-page) .solar-note b{ color: #58a970; font-size: 14px; line-height: 1.35; } :where(body.page-v2.sf-native-elementor-page) .about-v3 .about-visual{ padding: 0; min-width: 0; } :where(body.page-v2.sf-native-elementor-page) .about-v3 .about-visual>img, .about-v3 .about-visual> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .about-v3 .about-visual> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ object-fit: cover; border-radius: 5px; width: 100%; height: 88%; box-shadow: 0 8px 20px #00000014; } :where(body.page-v2.sf-native-elementor-page) /* .about-values{ background: #fff; border: 1px solid #e0e5ec; border-radius: 5px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 14px; padding: 11px 0; display: grid; box-shadow: 0 5px 16px #1123430a; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) */ .about-values{ background: #fff; border: 1px solid #e0e5ec; border-radius: 5px; grid-template-columns: 0.8fr 1fr 1.2fr 1fr; margin-top: 14px; padding: 11px 0; display: grid; box-shadow: 0 5px 16px #1123430a; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .about-values>div{ color: #14234a; border-right: 1px solid #dce1e8; align-items: center; justify-content: center; gap: 9px; min-width: 0; padding: 2px 12px; display: flex; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:9px !important;gap:9px !important;--align-items:center !important;align-items:center !important;--justify-content:center !important;justify-content:center !important;} :where(body.page-v2.sf-native-elementor-page) .about-values>div:last-child{ border-right: 0; } :where(body.page-v2.sf-native-elementor-page) .about-v3 .about-values img{ flex: 0 0 auto; border-radius: 0; width: 26px; height: 26px; box-shadow: none; } :where(body.page-v2.sf-native-elementor-page) .about-values span{ white-space: nowrap; font-size: 11.5px; line-height: 1.35; font-weight: 700; } @media (width<=767px){ :where(body.page-v2.sf-native-elementor-page) .about-v3{ grid-template-columns: 1fr; padding: 40px 0 24px; } :where(body.page-v2.sf-native-elementor-page) .about-v3 .about-copy h2{ font-size: 30px; } :where(body.page-v2.sf-native-elementor-page) .about-v3 .about-visual>img, .about-v3 .about-visual> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .about-v3 .about-visual> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ height: 240px; min-height: 0; } :where(body.page-v2.sf-native-elementor-page) .about-brands{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) .solar-note{ align-items: flex-start; --align-items:flex-start !important;align-items:flex-start !important;} :where(body.page-v2.sf-native-elementor-page) .about-values{ grid-template-columns: 1fr 1fr; } :where(body.page-v2.sf-native-elementor-page) .about-values>div:nth-child(2){ border-right: 0; } :where(body.page-v2.sf-native-elementor-page) .about-values>div{ justify-content: flex-start; min-height: 48px; padding: 7px 14px; --justify-content:flex-start !important;justify-content:flex-start !important;} :where(body.page-v2.sf-native-elementor-page) .about-values>div:nth-child(-n + 2){ border-bottom: 1px solid #dce1e8; } :where(body.page-v2.sf-native-elementor-page) .about-values span{ white-space: normal; font-size: 11.5px; } } :where(body.page-v2.sf-native-elementor-page) .services-v3{ padding: 38px 0; } :where(body.page-v2.sf-native-elementor-page) .services-v3>h2, .services-v3> .elementor-widget-sf-atomic-text > .elementor-widget-container > h2, :where(body.page-v2.sf-native-elementor-page) .services-v3> .elementor-widget-sf-atomic-text > .elementor-widget-container > h2, .services-v3> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > h2, :where(body.page-v2.sf-native-elementor-page) .services-v3> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > h2{ margin-bottom: 22px; font-size: 29px; } :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row{ background: #fff; border-radius: 4px; min-height: 260px; margin: 0 0 18px; position: relative; } :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row .service-photo{ height: 260px; } :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row>div{ flex-direction: column; justify-content: center; padding: 40px 56px 38px 120px; display: flex; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;--justify-content:center !important;justify-content:center !important;} :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row>div>span, .services-v3 .service-row>div> .elementor-widget-sf-atomic-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row>div> .elementor-widget-sf-atomic-text > .elementor-widget-container > span, .services-v3 .service-row>div> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row>div> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span{ color: #f0f1f3; font-size: 56px; top: 50%; left: 54px; transform: translateY(-50%); } :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row h3{ font-size: 21px; } :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row p{ max-width: 360px; margin: 0 0 18px; font-size: 12px; line-height: 1.7; } :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row a, .services-v3 .service-row .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row .sf-native-tag-a{ font-size: 11px; } :where(body.page-v2.sf-native-elementor-page) .service-row.image-right .service-photo{ -webkit-mask-image: linear-gradient(90deg, #0000 0, #000 18%); mask-image: linear-gradient(90deg, #0000 0, #000 18%); } :where(body.page-v2.sf-native-elementor-page) .service-row.image-left .service-photo{ -webkit-mask-image: linear-gradient(270deg, #0000 0, #000 18%); mask-image: linear-gradient(270deg, #0000 0, #000 18%); } :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row.compact{ grid-template-columns: 58% 42%; min-height: 225px; } :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row.compact .service-photo{ height: 225px; } :where(body.page-v2.sf-native-elementor-page) .service-sketch{ z-index: 0; opacity: 0.25; pointer-events: none; object-fit: contain !important; width: 190px !important; height: auto !important; position: absolute !important; } :where(body.page-v2.sf-native-elementor-page) .port-sketch{ bottom: -8px; left: -25px; } :where(body.page-v2.sf-native-elementor-page) .truck-service-sketch{ bottom: -22px; right: -25px; width: 215px !important; } :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row.compact .service-photo{ width: calc(100% - 120px); margin-right: 150px; } @media (width<=767px){ :where(body.page-v2.sf-native-elementor-page) .services-v3{ padding: 35px 0; } :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row, :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row.compact{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row>div{ padding: 38px 24px 38px 74px; } :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row>div>span, .services-v3 .service-row>div> .elementor-widget-sf-atomic-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row>div> .elementor-widget-sf-atomic-text > .elementor-widget-container > span, .services-v3 .service-row>div> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row>div> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span{ left: 16px; } :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row .service-photo, :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row.compact .service-photo{ width: 100%; height: 215px; margin: 0; -webkit-mask-image: none; mask-image: none; } :where(body.page-v2.sf-native-elementor-page) .service-sketch{ display: none; --display:none !important;display:none !important;} } :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row.compact{ grid-template-columns: 42% 58%; } :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row.compact .service-photo{ object-fit: cover; object-position: center; width: 100%; margin: 0; } @media (width<=767px){ :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row.compact{ grid-template-columns: 1fr; } } :where(body.page-v2.sf-native-elementor-page) .site-header .v3-logo{ width: 255px; height: 70px; } :where(body.page-v2.sf-native-elementor-page) .site-header .v3-logo img{ object-fit: contain; object-position: left center; width: 100%; height: 100%; } @media (width<=1100px){ :where(body.page-v2.sf-native-elementor-page) .site-header .v3-logo{ width: 205px; height: 58px; } } @media (width<=767px){ :where(body.page-v2.sf-native-elementor-page) .site-header .v3-logo{ width: 180px; height: 48px; } } :where(body.page-v2.sf-native-elementor-page) .facilities-v3{ padding: 0px 20px; } :where(body.page-v2.sf-native-elementor-page) .facilities-v3>h2, .facilities-v3> .elementor-widget-sf-atomic-text > .elementor-widget-container > h2, :where(body.page-v2.sf-native-elementor-page) .facilities-v3> .elementor-widget-sf-atomic-text > .elementor-widget-container > h2, .facilities-v3> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > h2, :where(body.page-v2.sf-native-elementor-page) .facilities-v3> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > h2{ font-size: 28px; } :where(body.page-v2.sf-native-elementor-page) .facilities-v3 article{ background: linear-gradient(90deg, #f8f9fb 0, #fff 43%); grid-template-columns: 230px 330px 1fr; height: 180px; margin: 18px 0; } :where(body.page-v2.sf-native-elementor-page) .facilities-v3 .facility-name{ padding-left: 38px; } :where(body.page-v2.sf-native-elementor-page) .facilities-v3 .facility-name h3{ letter-spacing: 0px; font-size: 36px; } :where(body.page-v2.sf-native-elementor-page) .facility-details{ align-self: center; } :where(body.page-v2.sf-native-elementor-page) .facility-details ul, .facility-details .sf-native-tag-ul, :where(body.page-v2.sf-native-elementor-page) .facility-details .sf-native-tag-ul{ margin: 0 0 12px; } :where(body.page-v2.sf-native-elementor-page) .facility-details a, .facility-details .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .facility-details .sf-native-tag-a{ color: var(--red); font-size: 11px; font-weight: 800; } :where(body.page-v2.sf-native-elementor-page) .facilities-v3 article>img, .facilities-v3 article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .facilities-v3 article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ clip-path: polygon(9% 0, 100% 0, 100% 100%, 0 100%); object-position: center; height: 180px; } @media (width<=767px){ :where(body.page-v2.sf-native-elementor-page) .facilities-v3{ padding: 35px 0; } :where(body.page-v2.sf-native-elementor-page) .facilities-v3 article{ grid-template-columns: 1fr 1fr; height: auto; padding-top: 22px; } :where(body.page-v2.sf-native-elementor-page) .facilities-v3 .facility-name{ padding: 0 20px; } :where(body.page-v2.sf-native-elementor-page) .facility-details{ padding: 0 18px; } :where(body.page-v2.sf-native-elementor-page) .facilities-v3 article>img, .facilities-v3 article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .facilities-v3 article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ clip-path: none; grid-column: 1/-1; height: 170px; margin-top: 18px; } } :where(body.page-v2.sf-native-elementor-page) .different-strip{ padding: 38px 0 32px; } :where(body.page-v2.sf-native-elementor-page) .different-strip>.red-label, .different-strip> .sf-atomic-shell > .elementor-widget-container > .red-label, :where(body.page-v2.sf-native-elementor-page) .different-strip> .sf-atomic-shell > .elementor-widget-container > .red-label{ margin: 0 0 20px; } :where(body.page-v2.sf-native-elementor-page) .different-strip>div{ border-top: 0; border-bottom: 0; } :where(body.page-v2.sf-native-elementor-page) .different-strip article{ border-right: 1px solid var(--line); justify-content: flex-start; min-height: 175px; padding: 8px 20px 14px; --justify-content:flex-start !important;justify-content:flex-start !important;} :where(body.page-v2.sf-native-elementor-page) .different-strip article>span, .different-strip article> .elementor-widget-sf-atomic-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .different-strip article> .elementor-widget-sf-atomic-text > .elementor-widget-container > span, .different-strip article> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .different-strip article> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span{ color: #153766; place-items: center; height: 46px; font-size: 35px; display: grid; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .different-strip article>b{ color: #102046; justify-content: center; align-items: center; min-height: 43px; margin: 7px 0 8px; font-size: 11px; line-height: 1.35; display: flex; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--align-items:center !important;align-items:center !important;--justify-content:center !important;justify-content:center !important;} :where(body.page-v2.sf-native-elementor-page) .different-strip article>p, .different-strip article> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .different-strip article> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, .different-strip article> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .different-strip article> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p{ color: #5f6877; margin: 0; font-size: 9px; line-height: 1.55; } :where(body.page-v2.sf-native-elementor-page) .different-strip article:last-child{ border-right: 0; } @media (width<=767px){ :where(body.page-v2.sf-native-elementor-page) .different-strip>div{ grid-template-columns: repeat(2, 1fr); } :where(body.page-v2.sf-native-elementor-page) .different-strip article{ border-bottom: 1px solid var(--line); min-height: 175px; } :where(body.page-v2.sf-native-elementor-page) .different-strip article:last-child{ grid-column: 1/-1; } :where(body.page-v2.sf-native-elementor-page) .different-strip article>p, .different-strip article> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .different-strip article> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, .different-strip article> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .different-strip article> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p{ font-size: 10px; } } :where(body.page-v2.sf-native-elementor-page) .equipment{ padding: 0px 0 42px; } :where(body.page-v2.sf-native-elementor-page) .equipment-inner{ grid-template-columns: 250px 260px 1fr; align-items: start; min-height: 390px; --align-items:start !important;align-items:start !important;} :where(body.page-v2.sf-native-elementor-page) .equipment aside{ min-height: 245px; margin-top: 12px; } :where(body.page-v2.sf-native-elementor-page) .equipment-copy{ padding: 18px 16px; } :where(body.page-v2.sf-native-elementor-page) .equipment-copy h3{ font-size: 24px; } :where(body.page-v2.sf-native-elementor-page) .equipment-copy p{ max-width: 230px; line-height: 1.6; } :where(body.page-v2.sf-native-elementor-page) .equipment-copy dl{ gap: 30px; margin: 28px 0; --gap:30px !important;gap:30px !important;} :where(body.page-v2.sf-native-elementor-page) .equipment-visual{ min-width: 0; } :where(body.page-v2.sf-native-elementor-page) .equipment-hero{ object-fit: contain; object-position: center; width: 100%; height: 300px; } :where(body.page-v2.sf-native-elementor-page) .equipment-thumbs{ grid-template-columns: 28px repeat(5, minmax(62px, 1fr)) 28px; align-items: center; gap: 8px; height: 78px; display: grid; --display:grid !important;display:grid !important;--gap:8px !important;gap:8px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .equipment-thumbs button, .equipment-thumbs .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .equipment-thumbs .sf-native-tag-button{ color: #7790ad; background: 0 0; border: 0; height: 100%; font-size: 25px; } :where(body.page-v2.sf-native-elementor-page) .equipment-thumbs img{ object-fit: cover; border: 2px solid #0000; border-radius: 6px; width: 100%; height: 68px; } :where(body.page-v2.sf-native-elementor-page) .equipment-thumbs img.active{ border-color: #ed1c24; } @media (width<=1100px){ :where(body.page-v2.sf-native-elementor-page) .equipment-inner{ grid-template-columns: 220px 220px 1fr; } :where(body.page-v2.sf-native-elementor-page) .equipment-hero{ height: 270px; } :where(body.page-v2.sf-native-elementor-page) .equipment-thumbs{ grid-template-columns: 24px repeat(5, minmax(45px, 1fr)) 24px; } } @media (width<=767px){ :where(body.page-v2.sf-native-elementor-page) .equipment-inner{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) .equipment aside{ min-height: 0; } :where(body.page-v2.sf-native-elementor-page) .equipment-copy{ padding: 25px 8px; } :where(body.page-v2.sf-native-elementor-page) .equipment-hero{ height: 230px; } :where(body.page-v2.sf-native-elementor-page) .equipment-thumbs{ grid-template-columns: 22px repeat(3, 1fr) 22px; } :where(body.page-v2.sf-native-elementor-page) .equipment-thumbs img:nth-of-type(n + 4){ display: none; --display:none !important;display:none !important;} } :where(body.page-v2.sf-native-elementor-page) .equipment-inner{ align-items: stretch; --align-items:stretch !important;align-items:stretch !important;} :where(body.page-v2.sf-native-elementor-page) .equipment aside{ justify-content: center; height: 100%; min-height: 390px; margin-top: 0; --justify-content:center !important;justify-content:center !important;} :where(body.page-v2.sf-native-elementor-page) .equipment aside button, .equipment aside .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .equipment aside .sf-native-tag-button{ color: #17243d; text-align: left; cursor: pointer; background: 0 0; border: 0; width: 100%; padding: 8px; font-size: 12px; } :where(body.page-v2.sf-native-elementor-page) .equipment aside button:hover, .equipment aside .sf-native-tag-button:hover, :where(body.page-v2.sf-native-elementor-page) .equipment aside .sf-native-tag-button:hover, :where(body.page-v2.sf-native-elementor-page) .equipment aside button.active, .equipment aside .sf-native-tag-button.active, :where(body.page-v2.sf-native-elementor-page) .equipment aside .sf-native-tag-button.active{ color: var(--red); font-weight: 800; } :where(body.page-v2.sf-native-elementor-page) .equipment-visual{ flex-direction: column; justify-content: space-between; min-height: 390px; display: flex; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;--justify-content:space-between !important;justify-content:space-between !important;} :where(body.page-v2.sf-native-elementor-page) .equipment-hero{ transition: opacity 0.2s; } :where(body.page-v2.sf-native-elementor-page) .equipment-thumbs .thumb-button{ background: #fff; border: 2px solid #0000; border-radius: 6px; height: 68px; padding: 0; overflow: hidden; } :where(body.page-v2.sf-native-elementor-page) .equipment-thumbs .thumb-button.active{ border-color: var(--red); } :where(body.page-v2.sf-native-elementor-page) .equipment-thumbs .thumb-button img{ border: 0; border-radius: 3px; width: 100%; height: 100%; } :where(body.page-v2.sf-native-elementor-page) .equipment-thumbs>button:first-child, .equipment-thumbs>.sf-native-tag-button:first-child, :where(body.page-v2.sf-native-elementor-page) .equipment-thumbs>.sf-native-tag-button:first-child, .equipment-thumbs> .elementor-widget-sf-atomic-action:first-child > .elementor-widget-container > button, :where(body.page-v2.sf-native-elementor-page) .equipment-thumbs> .elementor-widget-sf-atomic-action:first-child > .elementor-widget-container > button, :where(body.page-v2.sf-native-elementor-page) .equipment-thumbs>button:last-child, .equipment-thumbs>.sf-native-tag-button:last-child, :where(body.page-v2.sf-native-elementor-page) .equipment-thumbs>.sf-native-tag-button:last-child, .equipment-thumbs> .elementor-widget-sf-atomic-action:last-child > .elementor-widget-container > button, :where(body.page-v2.sf-native-elementor-page) .equipment-thumbs> .elementor-widget-sf-atomic-action:last-child > .elementor-widget-container > button{ color: #7790ad; cursor: pointer; background: 0 0; border: 0; font-size: 25px; } @media (width<=767px){ :where(body.page-v2.sf-native-elementor-page) .equipment aside{ min-height: 0; } :where(body.page-v2.sf-native-elementor-page) .equipment-visual{ min-height: 320px; } :where(body.page-v2.sf-native-elementor-page) .equipment-thumbs .thumb-button:nth-of-type(n + 5){ display: none; --display:none !important;display:none !important;} } :where(body.page-v2.sf-native-elementor-page) .equipment-v2 .equipment-inner{ grid-template-columns: 270px minmax(320px, 1fr) minmax(430px, 1.35fr); gap: 30px; min-height: 330px; --gap:30px !important;gap:30px !important;} :where(body.page-v2.sf-native-elementor-page) .equipment-v2 aside{ min-height: 330px; padding: 14px 20px; } :where(body.page-v2.sf-native-elementor-page) .equipment-v2 aside>a, .equipment-v2 aside>.sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .equipment-v2 aside>.sf-native-tag-a, .equipment-v2 aside> .elementor-widget-sf-atomic-action > .elementor-widget-container > a, :where(body.page-v2.sf-native-elementor-page) .equipment-v2 aside> .elementor-widget-sf-atomic-action > .elementor-widget-container > a{ color: var(--red); margin-top: 8px; font-size: 11px; font-weight: 800; } :where(body.page-v2.sf-native-elementor-page) .equipment-v2>.equipment-inner>.equipment-hero, .equipment-v2> .sf-atomic-shell > .elementor-widget-container > .equipment-inner> .sf-atomic-shell > .elementor-widget-container > .equipment-hero, :where(body.page-v2.sf-native-elementor-page) .equipment-v2> .sf-atomic-shell > .elementor-widget-container > .equipment-inner> .sf-atomic-shell > .elementor-widget-container > .equipment-hero{ align-self: center; height: 280px; } :where(body.page-v2.sf-native-elementor-page) .equipment-v2 .equipment-copy{ flex-direction: column; justify-content: center; padding: 20px 0; display: flex; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;--justify-content:center !important;justify-content:center !important;} :where(body.page-v2.sf-native-elementor-page) .equipment-v2 .equipment-copy h3{ margin: 0 0 4px; } :where(body.page-v2.sf-native-elementor-page) .equipment-v2 .equipment-copy>p, .equipment-v2 .equipment-copy> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .equipment-v2 .equipment-copy> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, .equipment-v2 .equipment-copy> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .equipment-v2 .equipment-copy> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p{ max-width: 360px; margin: 0; } :where(body.page-v2.sf-native-elementor-page) .equipment-v2 .equipment-copy dl{ margin: 28px 0 20px; } :where(body.page-v2.sf-native-elementor-page) .equipment-v2 .equipment-thumbs{ grid-template-columns: 28px repeat(4, 1fr) 28px; width: 100%; } :where(body.page-v2.sf-native-elementor-page) .equipment-v2 .equipment-thumbs .thumb-button{ min-width: 0; } :where(body.page-v2.sf-native-elementor-page) .corporate-footer{ color: #4b566b; background: #fff; border-top: 1px solid #e3e6eb; /* padding: 55px clamp(28px, 4vw, 65px) 0; */ /* padding: 30px clamp(28px, 4vw, 65px) 0; */ padding: clamp(20px, 3vw, 35px) clamp(28px, 4vw, 65px) 0!important; } :where(body.page-v2.sf-native-elementor-page) .footer-grid{ grid-template-columns: 1.4fr repeat(3, 1fr) 1.15fr; gap: 55px; max-width: 1420px; margin: auto; padding-bottom: 50px; display: grid; --display:grid !important;display:grid !important;--gap:55px !important;gap:55px !important;} :where(body.page-v2.sf-native-elementor-page) .footer-grid section{ flex-direction: column; display: flex; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;} :where(body.page-v2.sf-native-elementor-page) .footer-grid h3{ color: #12234a; text-transform: uppercase; margin: 0 0 22px; font-size: 11px; } :where(body.page-v2.sf-native-elementor-page) .footer-grid section>a, .footer-grid section>.sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .footer-grid section>.sf-native-tag-a, .footer-grid section> .elementor-widget-sf-atomic-action > .elementor-widget-container > a, :where(body.page-v2.sf-native-elementor-page) .footer-grid section> .elementor-widget-sf-atomic-action > .elementor-widget-container > a{ margin: 0 0 13px; font-size: 11px; } :where(body.page-v2.sf-native-elementor-page) .footer-brand img{ object-fit: contain; object-position: left center; width: 230px; height: 70px; } :where(body.page-v2.sf-native-elementor-page) .footer-brand>p, .footer-brand> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .footer-brand> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, .footer-brand> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .footer-brand> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p{ color: #5d6573; max-width: 270px; margin: 18px 0; font-size: 11px; line-height: 1.8; } :where(body.page-v2.sf-native-elementor-page) .footer-brand>div{ gap: 12px; display: flex; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:12px !important;gap:12px !important;} :where(body.page-v2.sf-native-elementor-page) .footer-brand>div a, .footer-brand>div .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .footer-brand>div .sf-native-tag-a{ color: #143972; border: 1px solid #cbd2dc; border-radius: 50%; place-items: center; width: 31px; height: 31px; font-size: 12px; font-weight: 800; display: grid; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .footer-contact p{ grid-template-columns: 22px 1fr; gap: 8px; margin: 0 0 22px; font-size: 11px; line-height: 1.6; display: grid; --display:grid !important;display:grid !important;--gap:8px !important;gap:8px !important;} :where(body.page-v2.sf-native-elementor-page) .footer-bottom{ border-top: 1px solid #e3e6eb; justify-content: space-between; align-items: center; max-width: 1420px; min-height: 70px; margin: auto; font-size: 9px; display: flex; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--align-items:center !important;align-items:center !important;--justify-content:space-between !important;justify-content:space-between !important;} :where(body.page-v2.sf-native-elementor-page) .footer-bottom>div{ align-items: center; gap: 20px; display: flex; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:20px !important;gap:20px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .footer-bottom i{ background: #d9dde4; width: 1px; height: 18px; } @media (width<=1100px){ :where(body.page-v2.sf-native-elementor-page) .equipment-v2 .equipment-inner{ grid-template-columns: 220px minmax(260px, 1fr); gap: 20px; --gap:20px !important;gap:20px !important;} :where(body.page-v2.sf-native-elementor-page) .equipment-v2 .equipment-thumbs .thumb-button:nth-of-type(5){ display: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .footer-grid{ grid-template-columns: 1.3fr repeat(2, 1fr); gap: 35px; --gap:35px !important;gap:35px !important;} :where(body.page-v2.sf-native-elementor-page) .footer-contact{ grid-column: 2; } :where(body.page-v2.sf-native-elementor-page) .footer-grid section:nth-child(4){ grid-column: 3; } } @media (width<=767px){ :where(body.page-v2.sf-native-elementor-page) .equipment-v2 .equipment-inner{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) .equipment-v2 aside{ min-height: 0; } :where(body.page-v2.sf-native-elementor-page) .equipment-v2>.equipment-inner>.equipment-hero, .equipment-v2> .sf-atomic-shell > .elementor-widget-container > .equipment-inner> .sf-atomic-shell > .elementor-widget-container > .equipment-hero, :where(body.page-v2.sf-native-elementor-page) .equipment-v2> .sf-atomic-shell > .elementor-widget-container > .equipment-inner> .sf-atomic-shell > .elementor-widget-container > .equipment-hero{ height: 250px; } :where(body.page-v2.sf-native-elementor-page) .equipment-v2 .equipment-copy{ padding: 10px 0; } :where(body.page-v2.sf-native-elementor-page) .footer-grid{ grid-template-columns: 1fr 1fr; gap: 35px 25px; --gap:35px 25px !important;gap:35px 25px !important;} :where(body.page-v2.sf-native-elementor-page) .footer-brand{ grid-column: 1/-1; } :where(body.page-v2.sf-native-elementor-page) .footer-contact, :where(body.page-v2.sf-native-elementor-page) .footer-grid section:nth-child(4){ grid-column: auto; } :where(body.page-v2.sf-native-elementor-page) .footer-bottom{ text-align: center; flex-direction: column; justify-content: center; gap: 16px; padding: 20px 0; --flex-direction:column !important;flex-direction:column !important;--gap:16px !important;gap:16px !important;--justify-content:center !important;justify-content:center !important;} } :where(body.page-v2.sf-native-elementor-page) .six-metrics svg{ stroke-width: 1.6px; width: 27px; height: 27px; } :where(body.page-v2.sf-native-elementor-page) .different-strip svg{ stroke-width: 1.5px; width: 35px; height: 35px; } :where(body.page-v2.sf-native-elementor-page) .equipment-v2 aside button, .equipment-v2 aside .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .equipment-v2 aside .sf-native-tag-button{ align-items: center; gap: 10px; display: flex; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:10px !important;gap:10px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .equipment-v2 aside button svg, .equipment-v2 aside .sf-native-tag-button svg, :where(body.page-v2.sf-native-elementor-page) .equipment-v2 aside .sf-native-tag-button svg{ stroke-width: 1.7px; width: 17px; height: 17px; } :where(body.page-v2.sf-native-elementor-page) .equipment-thumbs>button svg, .equipment-thumbs>.sf-native-tag-button svg, :where(body.page-v2.sf-native-elementor-page) .equipment-thumbs>.sf-native-tag-button svg, .equipment-thumbs> .elementor-widget-sf-atomic-action > .elementor-widget-container > button svg, :where(body.page-v2.sf-native-elementor-page) .equipment-thumbs> .elementor-widget-sf-atomic-action > .elementor-widget-container > button svg{ width: 20px; height: 20px; } :where(body.page-v2.sf-native-elementor-page) .watch-btn svg{ fill: currentColor; width: 11px; height: 11px; } :where(body.page-v2.sf-native-elementor-page) .video-grid button svg, .video-grid .sf-native-tag-button svg, :where(body.page-v2.sf-native-elementor-page) .video-grid .sf-native-tag-button svg{ fill: currentColor; width: 19px; height: 19px; } :where(body.page-v2.sf-native-elementor-page) .footer-brand>div svg{ width: 14px; height: 14px; } :where(body.page-v2.sf-native-elementor-page) .footer-contact p>svg, .footer-contact p> .elementor-widget-sf-atomic-svg > .elementor-widget-container > svg, :where(body.page-v2.sf-native-elementor-page) .footer-contact p> .elementor-widget-sf-atomic-svg > .elementor-widget-container > svg{ color: #173768; stroke-width: 1.7px; width: 15px; height: 15px; } :where(body.page-v2.sf-native-elementor-page) .mega-links>a:not(.mega-all) i svg, .mega-links>.sf-native-tag-a:not(.mega-all) i svg, :where(body.page-v2.sf-native-elementor-page) .mega-links>.sf-native-tag-a:not(.mega-all) i svg, .mega-links> .elementor-widget-sf-atomic-action > .elementor-widget-container > a:not(.mega-all) i svg, :where(body.page-v2.sf-native-elementor-page) .mega-links> .elementor-widget-sf-atomic-action > .elementor-widget-container > a:not(.mega-all) i svg{ fill: none; stroke: currentColor; stroke-width: 1.5px; stroke-linecap: round; stroke-linejoin: round; width: 21px; height: 21px; } :where(body.page-v2.sf-native-elementor-page) .video-grid article:after{ content: ""; z-index: 1; pointer-events: none; background: linear-gradient(#05153114 20%, #05153147 58%, #051531c7 100%); position: absolute; inset: 0; } :where(body.page-v2.sf-native-elementor-page) .video-grid button, .video-grid .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .video-grid .sf-native-tag-button{ z-index: 3; place-items: center; padding: 0; line-height: 0; display: grid; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .video-grid button svg, .video-grid .sf-native-tag-button svg, :where(body.page-v2.sf-native-elementor-page) .video-grid .sf-native-tag-button svg{ margin: 0 0 0 2px; display: block; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .video-grid b, :where(body.page-v2.sf-native-elementor-page) .video-grid small{ z-index: 3; } :where(body.page-v2.sf-native-elementor-page) .video-grid img{ filter: none; } :where(body.page-v2.sf-native-elementor-page) .mega-menu.visible{ height: 485px; padding-top: 28px; padding-bottom: 24px; } :where(body.page-v2.sf-native-elementor-page) .mega-menu{ padding-left: clamp(32px, 22vw, 360px); padding-right: clamp(32px, 22vw, 360px); } :where(body.page-v2.sf-native-elementor-page) .mega-column, :where(body.page-v2.sf-native-elementor-page) .mega-card{ padding-inline: 14px; } :where(body.page-v2.sf-native-elementor-page) .mega-links>p, .mega-links> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .mega-links> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, .mega-links> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .mega-links> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p{ margin-bottom: 12px; } :where(body.page-v2.sf-native-elementor-page) .mega-links>a:not(.mega-all), .mega-links>.sf-native-tag-a:not(.mega-all), :where(body.page-v2.sf-native-elementor-page) .mega-links>.sf-native-tag-a:not(.mega-all), .mega-links> .elementor-widget-sf-atomic-action > .elementor-widget-container > a:not(.mega-all), :where(body.page-v2.sf-native-elementor-page) .mega-links> .elementor-widget-sf-atomic-action > .elementor-widget-container > a:not(.mega-all){ min-height: 43px; font-size: 12px; } :where(body.page-v2.sf-native-elementor-page) .mega-links>a:not(.mega-all) i svg, .mega-links>.sf-native-tag-a:not(.mega-all) i svg, :where(body.page-v2.sf-native-elementor-page) .mega-links>.sf-native-tag-a:not(.mega-all) i svg, .mega-links> .elementor-widget-sf-atomic-action > .elementor-widget-container > a:not(.mega-all) i svg, :where(body.page-v2.sf-native-elementor-page) .mega-links> .elementor-widget-sf-atomic-action > .elementor-widget-container > a:not(.mega-all) i svg{ width: 18px; height: 18px; } :where(body.page-v2.sf-native-elementor-page) .mega-card img{ border-radius: 12px; height: 255px; } :where(body.page-v2.sf-native-elementor-page) .mega-card h3{ margin-top: 14px; font-size: 18px; } :where(body.page-v2.sf-native-elementor-page) .mega-card>p, .mega-card> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .mega-card> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, .mega-card> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .mega-card> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p{ margin-top: 14px; line-height: 1.55; } :where(body.page-v2.sf-native-elementor-page) .mega-all{ margin-top: 6px; font-size: 12px; } @media (width<=1100px){ :where(body.page-v2.sf-native-elementor-page) .mega-menu.visible{ height: 470px; } :where(body.page-v2.sf-native-elementor-page) .mega-menu{ padding-left: 32px; padding-right: 32px; } } :where(body.page-v2.sf-native-elementor-page) .global-network{ background: #fbfcfe; border: 1px solid #e4e8ee; border-radius: 14px; min-height: 370px; margin: 0px 0 36px; position: relative; overflow: hidden; box-shadow: 0 12px 32px #1026480f; } :where(body.page-v2.sf-native-elementor-page) .global-network>img, .global-network> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .global-network> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0; } :where(body.page-v2.sf-native-elementor-page) .global-copy{ z-index: 2; width: 42%; padding: 42px 0 38px 40px; position: relative; } :where(body.page-v2.sf-native-elementor-page) .global-copy h2{ margin: 4px 0 15px; font-size: 31px; line-height: 1.13; } :where(body.page-v2.sf-native-elementor-page) .global-copy>p:not(.red-label), .global-copy> .elementor-widget-sf-atomic-text > .elementor-widget-container > p:not(.red-label), :where(body.page-v2.sf-native-elementor-page) .global-copy> .elementor-widget-sf-atomic-text > .elementor-widget-container > p:not(.red-label), .global-copy> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p:not(.red-label), :where(body.page-v2.sf-native-elementor-page) .global-copy> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p:not(.red-label){ color: #526072; max-width: 390px; font-size: 12px; } :where(body.page-v2.sf-native-elementor-page) .global-points{ grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 25px 0 22px; display: grid; --display:grid !important;display:grid !important;--gap:18px !important;gap:18px !important;} :where(body.page-v2.sf-native-elementor-page) .global-points span{ grid-template-columns: 26px 1fr; align-items: center; display: grid; --display:grid !important;display:grid !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .global-points svg{ color: #173768; grid-row: 1/3; width: 18px; height: 18px; } :where(body.page-v2.sf-native-elementor-page) .global-points b{ font-size: 11px; } :where(body.page-v2.sf-native-elementor-page) .global-points small{ color: #647084; font-size: 8px; line-height: 1.4; } :where(body.page-v2.sf-native-elementor-page) .global-copy .outline-btn{ min-height: 36px; font-size: 10px; } @media (width<=900px){ :where(body.page-v2.sf-native-elementor-page) .global-network>img, .global-network> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .global-network> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ opacity: 0.5; object-position: 65% center; } :where(body.page-v2.sf-native-elementor-page) .global-copy{ width: 62%; } } @media (width<=767px){ :where(body.page-v2.sf-native-elementor-page) .global-network{ min-height: 490px; margin-inline: 0; } :where(body.page-v2.sf-native-elementor-page) .global-network:after{ content: ""; background: #ffffff59; position: absolute; inset: 0; } :where(body.page-v2.sf-native-elementor-page) .global-network>img, .global-network> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .global-network> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ object-position: 70% bottom; } :where(body.page-v2.sf-native-elementor-page) .global-copy{ width: 100%; padding: 34px 22px; } :where(body.page-v2.sf-native-elementor-page) .global-copy h2{ font-size: 28px; } :where(body.page-v2.sf-native-elementor-page) .global-points{ grid-template-columns: 1fr; gap: 13px; max-width: 220px; --gap:13px !important;gap:13px !important;} } :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row>div{ padding-left: 150px; } :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row>div>span, .services-v3 .service-row>div> .elementor-widget-sf-atomic-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row>div> .elementor-widget-sf-atomic-text > .elementor-widget-container > span, .services-v3 .service-row>div> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row>div> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span{ text-align: center; width: 62px; left: 55px; } @media (width<=767px){ :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row>div{ padding-left: 96px; } :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row>div>span, .services-v3 .service-row>div> .elementor-widget-sf-atomic-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row>div> .elementor-widget-sf-atomic-text > .elementor-widget-container > span, .services-v3 .service-row>div> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .services-v3 .service-row>div> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span{ width: 55px; left: 16px; } } :where(body.page-v2.sf-native-elementor-page) .v3-hero{ position: relative; overflow: visible; } :where(body.page-v2.sf-native-elementor-page) .v3-hero::after, :where(body.page-v2.sf-native-elementor-page) .v3-hero::before{ content: none; } :where(body.page-v2.sf-native-elementor-page) .hero-route-line{ position: absolute; z-index: 4; left: 0; bottom: -38px; width: 100%; height: 190px; overflow: visible; pointer-events: none; } :where(body.page-v2.sf-native-elementor-page) .hero-route-plane{ position: absolute; z-index: 6; top: calc(100% - 74px); left: 76%; width: 30px; height: 30px; color: #ed1c24; background: #fff; border: 1px solid #ed1c2440; border-radius: 50%; display: grid; place-items: center; transform: translate(-50%, -50%); transition: left 0.12s linear, opacity 0.18s linear; box-shadow: 0 5px 16px #1123432e; pointer-events: none; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .hero-route-plane svg{ width: 16px; height: 16px; stroke-width: 1.8px; transform: rotate(-135deg); } :where(body.page-v2.sf-native-elementor-page) .journey-shell{ position: relative; } :where(body.page-v2.sf-native-elementor-page) .journey-line{ position: absolute; z-index: 2; top: -38px; bottom: 80px; left: 26px; width: 2px; background: #d8dde6; } :where(body.page-v2.sf-native-elementor-page) .journey-fill{ position: absolute; z-index: 1; top: 0; left: 0; width: 2px; height: 0; background: linear-gradient(to bottom, #ed1c24, #ff674d); transition: height 0.12s linear; box-shadow: 0 0 10px #ed1c2440; } :where(body.page-v2.sf-native-elementor-page) .service-cards-section{ max-width: 1460px; margin: 0 auto; padding: 72px 48px 86px; background: var(--service-bg); } :where(body.page-v2.sf-native-elementor-page) .service-section-header{ display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 30px; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:30px !important;gap:30px !important;--align-items:flex-end !important;align-items:flex-end !important;--justify-content:space-between !important;justify-content:space-between !important;} :where(body.page-v2.sf-native-elementor-page) .service-eyebrow{ margin: 0 0 8px; color: var(--service-red); text-transform: uppercase; letter-spacing: 0.6px; font-size: 12px; font-weight: 800; } :where(body.page-v2.sf-native-elementor-page) .service-section-header h2{ margin: 0; color: var(--service-navy); font-size: clamp(30px, 3vw, 46px); line-height: 1.1; letter-spacing: -1.2px; } :where(body.page-v2.sf-native-elementor-page) .view-services-link{ display: inline-flex; align-items: center; gap: 22px; padding-bottom: 8px; color: var(--service-navy); font-size: 14px; font-weight: 700; text-decoration: none; white-space: nowrap; --display:inline-flex !important;display:inline-flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:22px !important;gap:22px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .view-services-link span{ color: var(--service-red); font-size: 26px; line-height: 1; transition: transform 0.25s ease; } :where(body.page-v2.sf-native-elementor-page) .view-services-link:hover span{ transform: translateX(5px); } :where(body.page-v2.sf-native-elementor-page) .service-cards-grid{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; --display:grid !important;display:grid !important;--gap:16px !important;gap:16px !important;} :where(body.page-v2.sf-native-elementor-page) .service-info-card{ position: relative; min-height: 350px; border: 1px solid var(--service-border); border-radius: 10px; overflow: hidden; background: #fff; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; } :where(body.page-v2.sf-native-elementor-page) .service-info-card:hover{ transform: translateY(-5px); border-color: #cfd6e0; box-shadow: 0 16px 34px rgba(11, 31, 67, 0.09); } :where(body.page-v2.sf-native-elementor-page) .service-card-content{ position: relative; z-index: 3; display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 15px; padding: 28px 25px 0; --display:grid !important;display:grid !important;--gap:15px !important;gap:15px !important;} :where(body.page-v2.sf-native-elementor-page) .service-icon{ color: #7a8498; } :where(body.page-v2.sf-native-elementor-page) .service-icon svg{ width: 42px; height: 42px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } :where(body.page-v2.sf-native-elementor-page) .service-card-copy h3{ margin: 0 0 10px; color: var(--service-navy); font-size: 17px; line-height: 1.3; font-weight: 750; } :where(body.page-v2.sf-native-elementor-page) .service-card-copy p{ margin: 0; color: var(--service-text); font-size: 12px; line-height: 1.75; } :where(body.page-v2.sf-native-elementor-page) .service-arrow{ position: absolute; z-index: 4; top: 118px; left: 25px; display: grid; place-items: center; width: 32px; height: 32px; color: var(--service-red); font-size: 24px; line-height: 1; text-decoration: none; transition: transform 0.25s ease; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .service-info-card:hover .service-arrow{ transform: translateX(6px); } :where(body.page-v2.sf-native-elementor-page) .service-image{ position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; height: 158px; overflow: hidden; } :where(body.page-v2.sf-native-elementor-page) .service-image::before{ content: ""; position: absolute; z-index: 2; inset: 0; background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0.72) 8%, rgba(255, 255, 255, 0) 28%); pointer-events: none; } :where(body.page-v2.sf-native-elementor-page) .service-image img{ width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; transition: transform 0.45s ease; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .service-info-card:hover .service-image img{ transform: scale(1.035); } :where(body.page-v2.sf-native-elementor-page) .other-services-card{ background: radial-gradient(circle at 50% 100%, rgba(237, 28, 36, 0.025), transparent 55%), #fff; } :where(body.page-v2.sf-native-elementor-page) .service-line-art{ position: absolute; left: 14px; right: 14px; bottom: 18px; height: 125px; color: #c5cbd5; opacity: 0.75; } :where(body.page-v2.sf-native-elementor-page) .service-line-art svg{ width: 100%; height: 100%; } @media (max-width: 1180px){ :where(body.page-v2.sf-native-elementor-page) .service-cards-section{ padding-inline: 30px; } :where(body.page-v2.sf-native-elementor-page) .service-cards-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } :where(body.page-v2.sf-native-elementor-page) .service-info-card{ min-height: 365px; } :where(body.page-v2.sf-native-elementor-page) .service-image{ height: 180px; } } @media (max-width: 680px){ :where(body.page-v2.sf-native-elementor-page) .service-cards-section{ padding: 48px 18px 60px; } :where(body.page-v2.sf-native-elementor-page) .service-section-header{ align-items: flex-start; flex-direction: column; margin-bottom: 24px; --flex-direction:column !important;flex-direction:column !important;--align-items:flex-start !important;align-items:flex-start !important;} :where(body.page-v2.sf-native-elementor-page) .service-section-header h2{ font-size: 31px; } :where(body.page-v2.sf-native-elementor-page) .view-services-link{ padding-bottom: 0; } :where(body.page-v2.sf-native-elementor-page) .service-cards-grid{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) .service-info-card{ min-height: 360px; } :where(body.page-v2.sf-native-elementor-page) .service-card-content{ padding: 24px 22px 0; } :where(body.page-v2.sf-native-elementor-page) .service-arrow{ left: 22px; } :where(body.page-v2.sf-native-elementor-page) .service-image{ height: 175px; } } :where(body.page-v2.sf-native-elementor-page) .facilities-section{ padding: 10px 20px; background: #fff; } :where(body.page-v2.sf-native-elementor-page) .facilities-container{ max-width: 1320px; margin: 0 auto; } :where(body.page-v2.sf-native-elementor-page) .facilities-heading{ text-align: center; margin-bottom: 28px; } :where(body.page-v2.sf-native-elementor-page) .facilities-eyebrow{ margin: 0 0 10px; color: var(--red); text-transform: uppercase; font-size: 12px; font-weight: 800; letter-spacing: 0.5px; } :where(body.page-v2.sf-native-elementor-page) .facilities-heading h2{ margin: 0; color: var(--navy); font-size: clamp(30px, 3vw, 48px); line-height: 1.15; font-weight: 800; letter-spacing: -0.8px; } :where(body.page-v2.sf-native-elementor-page) .facility-tabs{ display: flex; gap: 0; margin: 0 auto 0; max-width: 430px; justify-content: flex-start; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:0 !important;gap:0 !important;--justify-content:flex-start !important;justify-content:flex-start !important;} :where(body.page-v2.sf-native-elementor-page) .facility-tab{ min-width: 210px; height: 56px; border: 1px solid var(--border); background: #fff; color: var(--navy); font-size: 18px; font-weight: 700; cursor: pointer; position: relative; transition: 0.25s ease; } :where(body.page-v2.sf-native-elementor-page) .facility-tab:first-child{ border-radius: 10px 0 0 0; } :where(body.page-v2.sf-native-elementor-page) .facility-tab:last-child{ border-radius: 0 10px 0 0; border-left: 0; } :where(body.page-v2.sf-native-elementor-page) .facility-tab.active{ background: var(--red); color: #fff; } :where(body.page-v2.sf-native-elementor-page) .facility-tab.active::after{ content: ""; position: absolute; left: 50%; bottom: -9px; transform: translateX(-50%) rotate(45deg); width: 18px; height: 18px; background: var(--red); } :where(body.page-v2.sf-native-elementor-page) .facility-panel{ display: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .facility-panel.active{ display: block; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .facility-card{ display: grid; grid-template-columns: 1.12fr 1fr; align-items: stretch; border: 1px solid var(--border); background: #fff; border-radius: 0 14px 14px 14px; overflow: hidden; --display:grid !important;display:grid !important;--align-items:stretch !important;align-items:stretch !important;} :where(body.page-v2.sf-native-elementor-page) .facility-card-copy{ padding: 42px 46px 36px; } :where(body.page-v2.sf-native-elementor-page) .facility-card-copy h3{ margin: 0 0 26px; color: var(--navy); font-size: 17px; line-height: 1.3; font-weight: 500; } :where(body.page-v2.sf-native-elementor-page) .facility-points{ display: grid; grid-template-columns: 1fr 1fr; gap: 18px 34px; --display:grid !important;display:grid !important;--gap:18px 34px !important;gap:18px 34px !important;} :where(body.page-v2.sf-native-elementor-page) .facility-points ul, .facility-points .sf-native-tag-ul, :where(body.page-v2.sf-native-elementor-page) .facility-points .sf-native-tag-ul{ margin: 0; padding: 0; list-style: none; } :where(body.page-v2.sf-native-elementor-page) .facility-points li{ position: relative; padding-left: 18px; margin-bottom: 18px; color: #2d3544; font-size: 15px; line-height: 1.5; font-weight: 500; } :where(body.page-v2.sf-native-elementor-page) .facility-points li::before{ content: ""; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; border-radius: 50%; background: var(--red); } :where(body.page-v2.sf-native-elementor-page) .facility-card-image{ position: relative; min-height: 335px; overflow: hidden; background: #eef2f7; clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%); } :where(body.page-v2.sf-native-elementor-page) .facility-card-image img{ width: 100%; height: 100%; object-fit: cover; display: block; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .facility-feature-strip{ display: grid; grid-template-columns: repeat(5, 1fr); border: 1px solid var(--border); border-top: 0; border-radius: 0 0 14px 14px; overflow: hidden; background: #fff; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .facility-feature{ min-height: 118px; padding: 20px 16px; text-align: center; border-right: 1px solid var(--border); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;--gap:12px !important;gap:12px !important;--align-items:center !important;align-items:center !important;--justify-content:center !important;justify-content:center !important;} :where(body.page-v2.sf-native-elementor-page) .facility-feature:last-child{ border-right: 0; } :where(body.page-v2.sf-native-elementor-page) .feature-icon{ color: #8d95a5; font-size: 30px; line-height: 1; } :where(body.page-v2.sf-native-elementor-page) .facility-feature p{ margin: 0; color: var(--navy); font-size: 13px; line-height: 1.45; font-weight: 600; max-width: 160px; } @media (max-width: 1080px){ :where(body.page-v2.sf-native-elementor-page) .facility-card{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) .facility-card-image{ clip-path: none; min-height: 280px; } :where(body.page-v2.sf-native-elementor-page) .facility-points{ grid-template-columns: 1fr 1fr; } :where(body.page-v2.sf-native-elementor-page) .facility-feature-strip{ grid-template-columns: repeat(3, 1fr); } } @media (max-width: 767px){ :where(body.page-v2.sf-native-elementor-page) .facilities-section{ padding: 56px 16px; } :where(body.page-v2.sf-native-elementor-page) .facility-tabs{ max-width: 100%; } :where(body.page-v2.sf-native-elementor-page) .facility-tab{ min-width: 0; flex: 1; font-size: 16px; } :where(body.page-v2.sf-native-elementor-page) .facility-card{ border-radius: 0 0 12px 12px; } :where(body.page-v2.sf-native-elementor-page) .facility-card-copy{ padding: 28px 22px; } :where(body.page-v2.sf-native-elementor-page) .facility-points{ grid-template-columns: 1fr; gap: 0; --gap:0 !important;gap:0 !important;} :where(body.page-v2.sf-native-elementor-page) .facility-card-image{ min-height: 220px; } :where(body.page-v2.sf-native-elementor-page) .facility-feature-strip{ grid-template-columns: 1fr 1fr; } :where(body.page-v2.sf-native-elementor-page) .facility-feature{ min-height: 100px; } } :where(body.page-v2.sf-native-elementor-page) .journey-plane{ position: absolute; z-index: 4; top: 0; left: 50%; width: 30px; height: 30px; color: #ed1c24; background: #fff; border: 1px solid #ed1c2440; border-radius: 50%; display: grid; place-items: center; transform: translate(-50%, -50%); transition: top 0.12s linear, opacity 0.18s linear; box-shadow: 0 5px 16px #1123432e; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .journey-plane svg{ width: 16px; height: 16px; fill: #fff; stroke-width: 1.8px; transform: rotate(135deg); } :where(body.page-v2.sf-native-elementor-page) .journey-line>i{ position: absolute; z-index: 3; left: 50%; transform: translateX(-50%); } :where(body.page-v2.sf-native-elementor-page) .journey-plane[style*="top: 0%"], :where(body.page-v2.sf-native-elementor-page) .journey-plane[style*="top:0%"]{ opacity: 0; } @media (max-width: 767px){ :where(body.page-v2.sf-native-elementor-page) .hero-route-plane, :where(body.page-v2.sf-native-elementor-page) .hero-route-line, :where(body.page-v2.sf-native-elementor-page) .journey-line{ display: none; --display:none !important;display:none !important;} } @media (prefers-reduced-motion: reduce){ :where(body.page-v2.sf-native-elementor-page) .hero-route-plane, :where(body.page-v2.sf-native-elementor-page) .journey-fill, :where(body.page-v2.sf-native-elementor-page) .journey-plane{ transition: none; } } :where(body.page-v2.sf-native-elementor-page) .equipment-v2 aside{ justify-content: stretch; padding-block: 0; --justify-content:stretch !important;justify-content:stretch !important;} :where(body.page-v2.sf-native-elementor-page) .equipment-v2 aside button, .equipment-v2 aside .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .equipment-v2 aside .sf-native-tag-button{ border-bottom: 1px solid #e8ebf0; flex: 1; min-height: 42px; transition: padding-left 0.2s, background 0.2s, color 0.2s; } :where(body.page-v2.sf-native-elementor-page) .equipment-v2 aside button:last-of-type, .equipment-v2 aside .sf-native-tag-button:last-of-type, :where(body.page-v2.sf-native-elementor-page) .equipment-v2 aside .sf-native-tag-button:last-of-type{ border-bottom: 0; } :where(body.page-v2.sf-native-elementor-page) .equipment-v2 aside button.active, .equipment-v2 aside .sf-native-tag-button.active, :where(body.page-v2.sf-native-elementor-page) .equipment-v2 aside .sf-native-tag-button.active{ background: linear-gradient(90deg, #ed1c2414, #0000); padding-left: 14px; } :where(body.page-v2.sf-native-elementor-page) .equipment-v2 aside>a, .equipment-v2 aside>.sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .equipment-v2 aside>.sf-native-tag-a, .equipment-v2 aside> .elementor-widget-sf-atomic-action > .elementor-widget-container > a, :where(body.page-v2.sf-native-elementor-page) .equipment-v2 aside> .elementor-widget-sf-atomic-action > .elementor-widget-container > a{ border-top: 1px solid #e1e5eb; align-items: center; min-height: 48px; margin: 0; padding: 0 8px; display: flex; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .equipment-enter{ animation: 0.38s cubic-bezier(0.2, 0.7, 0.2, 1) both equipmentReveal; } @media (prefers-reduced-motion: reduce){ :where(body.page-v2.sf-native-elementor-page) .equipment-enter{ animation: none; } :where(body.page-v2.sf-native-elementor-page) .equipment-v2 aside button, .equipment-v2 aside .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .equipment-v2 aside .sf-native-tag-button{ transition: none; } } :where(body.page-v2.sf-native-elementor-page) .v3-hero:after{ border-color: #ed1c24; border-top-width: 1px; border-left-width: 1px; } :where(body.page-v2.sf-native-elementor-page) .journey-shell:before{ content: ""; z-index: 1; pointer-events: none; background: #ed1c24; width: 1px; height: 76px; position: absolute; top: -75px; left: 26px; } :where(body.page-v2.sf-native-elementor-page) .journey-line{ background: #ed1c24; width: 1px; } :where(body.page-v2.sf-native-elementor-page) .journey-fill{ background: #ed1c24; width: 2px; left: -0.5px; } :where(body.page-v2.sf-native-elementor-page) .journey-line>i{ box-shadow: 0 0 0 1px #ed1c24; } :where(body.page-v2.sf-native-elementor-page) .journey-plane, :where(body.page-v2.sf-native-elementor-page) .hero-route-plane{ border-color: #ed1c244d; } @media (width<=767px){ :where(body.page-v2.sf-native-elementor-page) .journey-shell:before{ display: none; --display:none !important;display:none !important;} } :where(body.page-v2.sf-native-elementor-page) .journey-shell:before{ display: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .journey-line{ top: 0; } :where(body.page-v2.sf-native-elementor-page) .hero-curve-point{ z-index: 7; left: calc(var(--route-x) + 22px); background: #fff; border: 2px solid #fff; border-radius: 50%; width: 12px; height: 12px; position: absolute; top: calc(100% - 0px); transform: translate(-50%, -50%); box-shadow: 0 0 0 1px #ed1c24; } :where(body.page-v2.sf-native-elementor-page) .journey-line i:first-of-type{ top: 22%; } :where(body.page-v2.sf-native-elementor-page) .journey-line i:nth-of-type(2){ top: 45%; } :where(body.page-v2.sf-native-elementor-page) .journey-line i:nth-of-type(3){ top: 68%; } :where(body.page-v2.sf-native-elementor-page) .journey-line i:nth-of-type(4){ top: 92%; } :where(body).page-v2:where(.sf-native-elementor-page) .journey-line>i{ background: #fff; border: 2px solid #fff; width: 12px; height: 12px; transition: width .3s cubic-bezier(.22, 1, .36, 1), height .3s cubic-bezier(.22, 1, .36, 1), background-color .3s ease, box-shadow .3s ease; } :where(body).page-v2:where(.sf-native-elementor-page) .journey-line>i::after{ content: attr(data-label); color: #173768; background: #fff; border: 1px solid #dce2ea; border-radius: 999px; white-space: nowrap; pointer-events: none; opacity: 0; padding: 5px 10px; font-family: var(--sans); font-size: 9px; font-style: normal; font-weight: 750; position: absolute; top: 50%; left: 20px; transform: translate(-6px, -50%); transition: opacity .25s ease, transform .3s cubic-bezier(.22, 1, .36, 1); box-shadow: 0 5px 16px #10244214; } :where(body).page-v2:where(.sf-native-elementor-page) .journey-line>i.passed{ background: #ed1c24; box-shadow: 0 0 0 1px #ed1c24, 0 0 0 4px #ed1c2414; } :where(body).page-v2:where(.sf-native-elementor-page) .journey-line>i.active{ background: #ed1c24; width: 18px; height: 18px; box-shadow: 0 0 0 1px #ed1c24, 0 0 0 7px #ed1c2424, 0 0 18px #ed1c2466; animation: journeyCheckpointPulse 1.8s ease-in-out infinite; } :where(body).page-v2:where(.sf-native-elementor-page) .journey-line>i.active::after{ opacity: 1; transform: translate(0, -50%); } @media (prefers-reduced-motion: reduce){ :where(body).page-v2:where(.sf-native-elementor-page) .journey-line>i.active{ animation: none; } } @media (width<=767px){ :where(body.page-v2.sf-native-elementor-page) .hero-curve-point{ display: none; --display:none !important;display:none !important;} } :where(body.page-v2.sf-native-elementor-page) .hero-copy-v3, :where(body.page-v2.sf-native-elementor-page) .hero-trust{ left: max(var(--content-gutter), calc((100vw - var(--content-max)) / 2 + var(--content-gutter))); } :where(body.page-v2.sf-native-elementor-page) .journey-shell{ max-width: var(--content-max); padding-left: var(--content-gutter); padding-right: var(--content-gutter); } :where(body.page-v2.sf-native-elementor-page) .about-v3, :where(body.page-v2.sf-native-elementor-page) .services-v3, :where(body.page-v2.sf-native-elementor-page) .facilities-v3, :where(body.page-v2.sf-native-elementor-page) .strengths, :where(body.page-v2.sf-native-elementor-page) .equipment, :where(body.page-v2.sf-native-elementor-page) .videos-v3, :where(body.page-v2.sf-native-elementor-page) .partners{ padding-left: 0; padding-right: 0; } :where(body.page-v2.sf-native-elementor-page) .global-network{ margin-left: 0; margin-right: 0; } :where(body.page-v2.sf-native-elementor-page) .corporate-footer{ padding-left: var(--content-gutter); padding-right: var(--content-gutter); } :where(body.page-v2.sf-native-elementor-page) .footer-grid, :where(body.page-v2.sf-native-elementor-page) .footer-bottom{ max-width: calc(var(--content-max) - (var(--content-gutter) * 2)); } :where(body.page-v2.sf-native-elementor-page) .section-line, :where(body.page-v2.sf-native-elementor-page) .facilities-v3>h2, .facilities-v3> .elementor-widget-sf-atomic-text > .elementor-widget-container > h2, :where(body.page-v2.sf-native-elementor-page) .facilities-v3> .elementor-widget-sf-atomic-text > .elementor-widget-container > h2, .facilities-v3> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > h2, :where(body.page-v2.sf-native-elementor-page) .facilities-v3> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > h2, :where(body.page-v2.sf-native-elementor-page) .facilities-v3>.red-label, .facilities-v3> .sf-atomic-shell > .elementor-widget-container > .red-label, :where(body.page-v2.sf-native-elementor-page) .facilities-v3> .sf-atomic-shell > .elementor-widget-container > .red-label, :where(body.page-v2.sf-native-elementor-page) .services-v3>h2, .services-v3> .elementor-widget-sf-atomic-text > .elementor-widget-container > h2, :where(body.page-v2.sf-native-elementor-page) .services-v3> .elementor-widget-sf-atomic-text > .elementor-widget-container > h2, .services-v3> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > h2, :where(body.page-v2.sf-native-elementor-page) .services-v3> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > h2, :where(body.page-v2.sf-native-elementor-page) .services-v3>.red-label, .services-v3> .sf-atomic-shell > .elementor-widget-container > .red-label, :where(body.page-v2.sf-native-elementor-page) .services-v3> .sf-atomic-shell > .elementor-widget-container > .red-label{ margin-left: 0; margin-right: 0; } @media (width<=767px){ :where(body.page-v2.sf-native-elementor-page) .hero-copy-v3, :where(body.page-v2.sf-native-elementor-page) .hero-trust{ left: var(--content-gutter); right: var(--content-gutter); } :where(body.page-v2.sf-native-elementor-page) .journey-shell, :where(body.page-v2.sf-native-elementor-page) .corporate-footer{ padding-left: var(--content-gutter); padding-right: var(--content-gutter); } } :where(body.page-v2.sf-native-elementor-page) .topbar, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar{ padding-left: max(var(--content-gutter), calc((100vw - var(--content-max)) / 2 + var(--content-gutter))); padding-right: max(var(--content-gutter), calc((100vw - var(--content-max)) / 2 + var(--content-gutter))); } :where(body.page-v2.sf-native-elementor-page) .site-header .top-enquiry{ gap: 10px; min-height: 44px; padding: 0 14px; font-size: 13px; --gap:10px !important;gap:10px !important;} :where(body.page-v2.sf-native-elementor-page) .site-header .language{ gap: 9px; font-size: 12px; --gap:9px !important;gap:9px !important;} :where(body.page-v2.sf-native-elementor-page) .site-header .topbar{ gap: 20px; --gap:20px !important;gap:20px !important;} @media (width<=1280px) and (width>=768px){ :where(body.page-v2.sf-native-elementor-page) .site-header .v3-logo{ width: 190px; } :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav{ gap: 20px; left: 47%; --gap:20px !important;gap:20px !important;} :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav button, .site-header .topbar nav .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav a, .site-header .topbar nav .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav .sf-native-tag-a{ font-size: 13px; } :where(body.page-v2.sf-native-elementor-page) .site-header .top-enquiry{ gap: 7px; min-height: 40px; padding: 0 11px; font-size: 11px; --gap:7px !important;gap:7px !important;} :where(body.page-v2.sf-native-elementor-page) .site-header .language{ gap: 6px; font-size: 10px; --gap:6px !important;gap:6px !important;} :where(body.page-v2.sf-native-elementor-page) .site-header .language i{ height: 16px; } } :where(body).page-v2:where(.sf-native-elementor-page) .v3-hero{ overflow: hidden; } :where(body).page-v2:where(.sf-native-elementor-page) .hero-route-line{ z-index: 1; bottom: 0; height: 150px; } :where(body).page-v2:where(.sf-native-elementor-page) .metric-strip{ z-index: 8; } :where(body).page-v2:where(.sf-native-elementor-page) .journey-line{ z-index: 1; } :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav button, .site-header .topbar nav .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav a, .site-header .topbar nav .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav .sf-native-tag-a{ font-size: 15px; line-height: 1; } :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav button, .site-header .topbar nav .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav .sf-native-tag-button{ justify-content: center; align-items: center; gap: 6px; display: inline-flex; --display:inline-flex !important;display:inline-flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:6px !important;gap:6px !important;--align-items:center !important;align-items:center !important;--justify-content:center !important;justify-content:center !important;} :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav button>svg, .site-header .topbar nav .sf-native-tag-button>svg, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav .sf-native-tag-button>svg, .site-header .topbar nav button> .elementor-widget-sf-atomic-svg > .elementor-widget-container > svg, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav button> .elementor-widget-sf-atomic-svg > .elementor-widget-container > svg{ flex: none; width: 15px; height: 15px; transition: transform 0.2s; } :where(body.page-v2.sf-native-elementor-page) .mega-card img{ transition: opacity .22s ease, transform .35s cubic-bezier(.22, 1, .36, 1); } :where(body.page-v2.sf-native-elementor-page) .mega-image-frame{ position: relative; width: 100%; height: 350px; overflow: hidden; border-radius: 18px; } :where(body.page-v2.sf-native-elementor-page) .mega-image-frame>img, .mega-image-frame> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .mega-image-frame> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ border-radius: 0; } :where(body.page-v2.sf-native-elementor-page) .mega-image-frame.line-art-preview{ height: 300px; border: 1px solid #e4e8ee; border-radius: 14px; background: #fff; } :where(body.page-v2.sf-native-elementor-page) .mega-image-frame.line-art-preview>img, .mega-image-frame.line-art-preview> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .mega-image-frame.line-art-preview> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .mega-card img[src$="investor-line-art.png"], :where(body.page-v2.sf-native-elementor-page) .mega-card img[src$="annual-return-line-art.png"]{ position: absolute; top: -76px; left: 50%; width: auto; min-width: 200%; max-width: none; height: 360px; transform: translateX(-50%); object-fit: initial; padding: 0; border: 0; background: #fff; } :where(body.page-v2.sf-native-elementor-page) .mega-card img.preview-switch{ animation: megaPreviewSwitch .34s cubic-bezier(.22, 1, .36, 1); } :where(body.page-v2.sf-native-elementor-page) .mega-image-frame.line-art-preview img.preview-switch{ animation: megaLineArtPreviewSwitch .34s cubic-bezier(.22, 1, .36, 1); } @media (width>=1281px){ :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav{ gap: 22px; left: 47%; --gap:22px !important;gap:22px !important;} :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav button, .site-header .topbar nav .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav a, .site-header .topbar nav .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav .sf-native-tag-a{ font-size: 13px; } } :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav button.active>svg, .site-header .topbar nav .sf-native-tag-button.active>svg, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav .sf-native-tag-button.active>svg, .site-header .topbar nav button.active> .elementor-widget-sf-atomic-svg > .elementor-widget-container > svg, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav button.active> .elementor-widget-sf-atomic-svg > .elementor-widget-container > svg{ transform: rotate(180deg); } :where(body.page-v2.sf-native-elementor-page) .mega-menu{ width: min(920px, calc(100vw - (var(--content-gutter) * 2))); padding-left: 30px; padding-right: 30px; left: 50%; right: auto; transform: translate(-50%, -8px); } :where(body.page-v2.sf-native-elementor-page) .mega-menu.visible{ transform: translate(-50%); } @media (width<=1280px) and (width>=768px){ :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav button, .site-header .topbar nav .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav a, .site-header .topbar nav .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav .sf-native-tag-a{ font-size: 14px; } :where(body.page-v2.sf-native-elementor-page) .mega-menu{ width: min(860px, 100vw - 40px); } } @media (width<=767px){ :where(body.page-v2.sf-native-elementor-page) .mega-menu, :where(body.page-v2.sf-native-elementor-page) .mega-menu.visible{ width: 100%; left: 0; right: 0; transform: none; } :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav button, .site-header .topbar nav .sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav .sf-native-tag-button{ justify-content: space-between; --justify-content:space-between !important;justify-content:space-between !important;} } :where(body.page-v2.sf-native-elementor-page) .facilities-v3 article{ background: linear-gradient(100deg, #eef4fa 0%, #f7f9fc 60%, #fff 60%); position: relative; overflow: visible; box-shadow: 0 5px 18px #1123430b; } :where(body.page-v2.sf-native-elementor-page) .facilities-v3 .facility-name{ border-right: 1px solid #d7e0ea; flex-direction: column; justify-content: center; height: 112px; display: flex; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;--justify-content:center !important;justify-content:center !important;} :where(body.page-v2.sf-native-elementor-page) .facilities-v3 .facility-name h3{ color: #0d234b; font-size: 38px; } :where(body.page-v2.sf-native-elementor-page) .facility-details{ z-index: 2; padding-left: 28px; position: relative; } :where(body.page-v2.sf-native-elementor-page) .facility-details li{ color: #344054; font-weight: 650; } :where(body.page-v2.sf-native-elementor-page) .facility-visual{ align-self: stretch; position: relative; overflow: hidden; margin-left: 0; /* Cleaner and consistent diagonal */ clip-path: polygon(0 0, 100% 0, 100% 100%, 8% 100%); } :where(body.page-v2.sf-native-elementor-page) .facility-visual::before{ display: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .facility-visual img{ width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .facility-visual:before{ content: ""; z-index: 2; transform-origin: 50%; background: #173f7a; width: 3px; height: 121%; position: absolute; top: -10%; left: 6%; transform: rotate(-17deg); } :where(body.page-v2.sf-native-elementor-page) .facility-visual::after{ content: ""; position: absolute; inset: 0; z-index: 3; pointer-events: none; background: #123f7a; clip-path: polygon(0 0, 3px 0, calc(8% + 3px) 100%, 8% 100%); } :where(body.page-v2.sf-native-elementor-page) .facility-visual img{ object-fit: cover; object-position: center; width: 100%; height: 100%; display: block; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .facility-checkpoint{ z-index: 8; left: calc(26px - var(--content-gutter)); color: #ed1c24; background: #fff; border: 1px solid #9bb0ca; border-radius: 50%; place-items: center; width: 68px; height: 68px; display: grid; position: absolute; top: 50%; transform: translate(-50%, -50%); box-shadow: 0 4px 14px #1123431a; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .facility-checkpoint svg{ stroke-width: 1.5px; width: 30px; height: 30px; } :where(body.page-v2.sf-native-elementor-page) .facilities-v3 article:before{ content: ""; z-index: 7; left: calc(26px - var(--content-gutter)); background: #ed1c24; width: 1px; position: absolute; top: -20px; bottom: -20px; transform: translate(-50%); } @media (width<=767px){ :where(body.page-v2.sf-native-elementor-page) .facility-checkpoint, :where(body.page-v2.sf-native-elementor-page) .facilities-v3 article:before{ display: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .facilities-v3 .facility-name{ border-right: 0; height: auto; } :where(body.page-v2.sf-native-elementor-page) .facility-details{ padding-left: 18px; } :where(body.page-v2.sf-native-elementor-page) .facility-visual{ clip-path: none; grid-column: 1/-1; height: 170px; margin-top: 18px; } :where(body.page-v2.sf-native-elementor-page) .facility-visual:before{ display: none; --display:none !important;display:none !important;} } :where(body).page-v2:where(.sf-native-elementor-page){ overflow-x: clip; } :where(body).page-v2:where(.sf-native-elementor-page) .about-v3, :where(body).page-v2:where(.sf-native-elementor-page) .services-v3, :where(body).page-v2:where(.sf-native-elementor-page) .facilities-section, :where(body).page-v2:where(.sf-native-elementor-page) .infrastructure-section, :where(body).page-v2:where(.sf-native-elementor-page) .impact-section, :where(body).page-v2:where(.sf-native-elementor-page) .equipment, :where(body).page-v2:where(.sf-native-elementor-page) .videos-v3, :where(body).page-v2:where(.sf-native-elementor-page) .partners, :where(body).page-v2:where(.sf-native-elementor-page) .portfolio-achievements{ width: 100%; padding-inline: 0; box-sizing: border-box; } :where(body).page-v2:where(.sf-native-elementor-page) .facilities-container, :where(body).page-v2:where(.sf-native-elementor-page) .infrastructure-header, :where(body).page-v2:where(.sf-native-elementor-page) .infrastructure-layout, :where(body).page-v2:where(.sf-native-elementor-page) .impact-container{ width: 100%; max-width: none; margin-inline: 0; } :where(body).page-v2:where(.sf-native-elementor-page) .facilities-heading{ text-align: left; } :where(body).page-v2:where(.sf-native-elementor-page) .facility-tabs{ margin-left: 0; margin-right: 0; } :where(body).page-v2:where(.sf-native-elementor-page) .portfolio-achievements>.achievements-block, .page-v2 .portfolio-achievements> .sf-atomic-shell > .elementor-widget-container > .achievements-block, :where(body).page-v2:where(.sf-native-elementor-page) .portfolio-achievements> .sf-atomic-shell > .elementor-widget-container > .achievements-block{ margin-top: 0; } :where(body).page-v2:where(.sf-native-elementor-page) .about-copy, :where(body).page-v2:where(.sf-native-elementor-page) .about-v3>div{ padding-left: 0; } :where(body).page-v2:where(.sf-native-elementor-page) .section-line, :where(body).page-v2:where(.sf-native-elementor-page) .facilities-heading, :where(body).page-v2:where(.sf-native-elementor-page) .infrastructure-header, :where(body).page-v2:where(.sf-native-elementor-page) .impact-intro, :where(body).page-v2:where(.sf-native-elementor-page) .equipment>.red-label, .page-v2 .equipment> .sf-atomic-shell > .elementor-widget-container > .red-label, :where(body).page-v2:where(.sf-native-elementor-page) .equipment> .sf-atomic-shell > .elementor-widget-container > .red-label, :where(body).page-v2:where(.sf-native-elementor-page) .equipment>h2, .page-v2 .equipment> .elementor-widget-sf-atomic-text > .elementor-widget-container > h2, :where(body).page-v2:where(.sf-native-elementor-page) .equipment> .elementor-widget-sf-atomic-text > .elementor-widget-container > h2, .page-v2 .equipment> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > h2, :where(body).page-v2:where(.sf-native-elementor-page) .equipment> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > h2, :where(body).page-v2:where(.sf-native-elementor-page) .partners>.red-label, .page-v2 .partners> .sf-atomic-shell > .elementor-widget-container > .red-label, :where(body).page-v2:where(.sf-native-elementor-page) .partners> .sf-atomic-shell > .elementor-widget-container > .red-label, :where(body).page-v2:where(.sf-native-elementor-page) .portfolio-achievements>.red-label, .page-v2 .portfolio-achievements> .sf-atomic-shell > .elementor-widget-container > .red-label, :where(body).page-v2:where(.sf-native-elementor-page) .portfolio-achievements> .sf-atomic-shell > .elementor-widget-container > .red-label, :where(body).page-v2:where(.sf-native-elementor-page) .portfolio-achievements>h2, .page-v2 .portfolio-achievements> .elementor-widget-sf-atomic-text > .elementor-widget-container > h2, :where(body).page-v2:where(.sf-native-elementor-page) .portfolio-achievements> .elementor-widget-sf-atomic-text > .elementor-widget-container > h2, .page-v2 .portfolio-achievements> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > h2, :where(body).page-v2:where(.sf-native-elementor-page) .portfolio-achievements> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > h2{ margin-left: 0; } @media (max-width: 1350px) and (min-width: 768px){ :where(body).page-v2:where(.sf-native-elementor-page) .commitment-row{ grid-template-columns: minmax(275px, 31%) minmax(0, 1fr); gap: 24px; --gap:24px !important;gap:24px !important;} :where(body).page-v2:where(.sf-native-elementor-page) .commitment-card, :where(body).page-v2:where(.sf-native-elementor-page) .commitment-top, :where(body).page-v2:where(.sf-native-elementor-page) .commitment-metrics, :where(body).page-v2:where(.sf-native-elementor-page) .commitment-metrics article{ min-width: 0; } :where(body).page-v2:where(.sf-native-elementor-page) .commitment-top{ grid-template-columns: 150px minmax(0, 1fr); } :where(body).page-v2:where(.sf-native-elementor-page) .commitment-company{ padding-right: 16px; } :where(body).page-v2:where(.sf-native-elementor-page) .commitment-metrics article{ flex-direction: column; align-items: flex-start; gap: 9px; padding: 0 14px; --flex-direction:column !important;flex-direction:column !important;--gap:9px !important;gap:9px !important;--align-items:flex-start !important;align-items:flex-start !important;} :where(body).page-v2:where(.sf-native-elementor-page) .commitment-metrics article>img, .page-v2 .commitment-metrics article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body).page-v2:where(.sf-native-elementor-page) .commitment-metrics article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ width: 38px; height: 38px; } :where(body).page-v2:where(.sf-native-elementor-page) .commitment-metrics strong{ font-size: 26px; } :where(body).page-v2:where(.sf-native-elementor-page) .commitment-metrics span{ font-size: 11px; } } @media (max-width: 767px){ :where(body).page-v2:where(.sf-native-elementor-page) .about-v3, :where(body).page-v2:where(.sf-native-elementor-page) .services-v3, :where(body).page-v2:where(.sf-native-elementor-page) .facilities-section, :where(body).page-v2:where(.sf-native-elementor-page) .infrastructure-section, :where(body).page-v2:where(.sf-native-elementor-page) .impact-section, :where(body).page-v2:where(.sf-native-elementor-page) .equipment, :where(body).page-v2:where(.sf-native-elementor-page) .videos-v3, :where(body).page-v2:where(.sf-native-elementor-page) .partners, :where(body).page-v2:where(.sf-native-elementor-page) .portfolio-achievements{ padding-inline: 0; } } :where(body).page-v2:where(.sf-native-elementor-page) .achievement-gallery{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin-top: 0; --display:grid !important;display:grid !important;--gap:18px !important;gap:18px !important;} :where(body).page-v2:where(.sf-native-elementor-page) .achievement-carousel{ --achievement-visible: 4; --achievement-gap: 18px; margin-top: 24px; } :where(body).page-v2:where(.sf-native-elementor-page) .achievement-carousel.is-active .achievement-carousel-viewport{ overflow-x: auto; overflow-y: hidden; overscroll-behavior-inline: contain; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; outline: none; } :where(body).page-v2:where(.sf-native-elementor-page) .achievement-carousel.is-active .achievement-carousel-viewport::-webkit-scrollbar{ display: none; --display:none !important;display:none !important;} :where(body).page-v2:where(.sf-native-elementor-page) .achievement-carousel.is-active .achievement-carousel-viewport:focus-visible{ border-radius: 10px; box-shadow: 0 0 0 3px rgba(237, 28, 36, .16); } :where(body).page-v2:where(.sf-native-elementor-page) .achievement-carousel.is-active .achievement-gallery{ display: flex; flex-wrap: nowrap; gap: var(--achievement-gap); width: 100%; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:var(--achievement-gap) !important;gap:var(--achievement-gap) !important;--flex-wrap:nowrap !important;flex-wrap:nowrap !important;} :where(body).page-v2:where(.sf-native-elementor-page) .achievement-carousel.is-active .achievement-gallery article{ flex: 0 0 calc((100% - ((var(--achievement-visible) - 1) * var(--achievement-gap))) / var(--achievement-visible)); scroll-snap-align: start; scroll-snap-stop: always; } :where(body).page-v2:where(.sf-native-elementor-page) .achievement-carousel-footer{ display: flex; align-items: center; justify-content: flex-end; gap: 20px; margin-top: 18px; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:20px !important;gap:20px !important;--align-items:center !important;align-items:center !important;--justify-content:flex-end !important;justify-content:flex-end !important;} :where(body).page-v2:where(.sf-native-elementor-page) .achievement-carousel-footer[hidden]{ display: none; --display:none !important;display:none !important;} :where(body).page-v2:where(.sf-native-elementor-page) .achievement-carousel-pagination, :where(body).page-v2:where(.sf-native-elementor-page) .achievement-carousel-controls{ display: flex; align-items: center; gap: 8px; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:8px !important;gap:8px !important;--align-items:center !important;align-items:center !important;} :where(body).page-v2:where(.sf-native-elementor-page) .achievement-carousel-pagination button, .page-v2 .achievement-carousel-pagination .sf-native-tag-button, :where(body).page-v2:where(.sf-native-elementor-page) .achievement-carousel-pagination .sf-native-tag-button{ width: 7px; height: 7px; padding: 0; border: 0; border-radius: 50%; background: #cfd5de; cursor: pointer; transition: width .25s ease, border-radius .25s ease, background-color .25s ease; } :where(body).page-v2:where(.sf-native-elementor-page) .achievement-carousel-pagination button.active, .page-v2 .achievement-carousel-pagination .sf-native-tag-button.active, :where(body).page-v2:where(.sf-native-elementor-page) .achievement-carousel-pagination .sf-native-tag-button.active{ width: 24px; border-radius: 999px; background: #ed1c24; } :where(body).page-v2:where(.sf-native-elementor-page) .achievement-carousel-controls button, .page-v2 .achievement-carousel-controls .sf-native-tag-button, :where(body).page-v2:where(.sf-native-elementor-page) .achievement-carousel-controls .sf-native-tag-button{ display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 1px solid #d8dee7; border-radius: 50%; background: #fff; color: #173768; font-size: 17px; cursor: pointer; transition: color .2s ease, border-color .2s ease, background-color .2s ease; --display:grid !important;display:grid !important;} :where(body).page-v2:where(.sf-native-elementor-page) .achievement-carousel-controls button:hover, .page-v2 .achievement-carousel-controls .sf-native-tag-button:hover, :where(body).page-v2:where(.sf-native-elementor-page) .achievement-carousel-controls .sf-native-tag-button:hover{ border-color: #ed1c24; background: #ed1c24; color: #fff; } :where(body).page-v2:where(.sf-native-elementor-page) .achievement-gallery article{ min-width: 0; overflow: hidden; border: 1px solid #e1e6ec; border-radius: 9px; background: #fff; box-shadow: 0 6px 20px rgba(16, 36, 66, .06); transition: transform .35s cubic-bezier(.22, 1, .36, 1), box-shadow .35s ease; } :where(body).page-v2:where(.sf-native-elementor-page) .achievement-gallery article:hover{ transform: translateY(-5px); box-shadow: 0 14px 32px rgba(16, 36, 66, .12); } :where(body).page-v2:where(.sf-native-elementor-page) .achievement-gallery article>img, .page-v2 .achievement-gallery article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body).page-v2:where(.sf-native-elementor-page) .achievement-gallery article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ display: block; width: 100%; height: 220px; object-fit: cover; transition: transform .65s cubic-bezier(.22, 1, .36, 1); --display:block !important;display:block !important;} :where(body).page-v2:where(.sf-native-elementor-page) .achievement-gallery article.certification-card>img, .page-v2 .achievement-gallery article.certification-card> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body).page-v2:where(.sf-native-elementor-page) .achievement-gallery article.certification-card> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ padding: 12px; box-sizing: border-box; object-fit: contain; background: #f6f8fb; } :where(body).page-v2:where(.sf-native-elementor-page) .achievement-gallery article:hover>img, .page-v2 .achievement-gallery article:hover> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body).page-v2:where(.sf-native-elementor-page) .achievement-gallery article:hover> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ transform: scale(1.045); } :where(body).page-v2:where(.sf-native-elementor-page) .achievement-gallery article>div{ min-height: 150px; padding: 19px 18px 21px; } :where(body).page-v2:where(.sf-native-elementor-page) .achievement-gallery span{ display: block; margin-bottom: 8px; color: #ed1c24; font-size: 9px; font-weight: 800; letter-spacing: .45px; text-transform: uppercase; --display:block !important;display:block !important;} :where(body).page-v2:where(.sf-native-elementor-page) .achievement-gallery h3{ margin: 0; color: #000; font-size: 15px; font-weight: 700; line-height: 1.35; letter-spacing: 0; } :where(body).page-v2:where(.sf-native-elementor-page) .achievement-gallery p{ margin: 9px 0 0; color: #657181; font-size: 12px; line-height: 1.6; } @media (max-width: 1000px){ :where(body).page-v2:where(.sf-native-elementor-page) .achievement-carousel{ --achievement-visible: 2; } :where(body).page-v2:where(.sf-native-elementor-page) .achievement-gallery{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 560px){ :where(body).page-v2:where(.sf-native-elementor-page) .achievement-carousel{ --achievement-visible: 1; --achievement-gap: 12px; } :where(body).page-v2:where(.sf-native-elementor-page) .achievement-gallery{ grid-template-columns: 1fr; } :where(body).page-v2:where(.sf-native-elementor-page) .achievement-gallery article>img, .page-v2 .achievement-gallery article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body).page-v2:where(.sf-native-elementor-page) .achievement-gallery article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ height: 210px; } :where(body).page-v2:where(.sf-native-elementor-page) .achievement-gallery article>div{ min-height: 0; } } :where(body.page-v2.sf-native-elementor-page) .home-contact-dock{ position: fixed; z-index: 1150; top: 50%; right: 18px; width: 122px; padding: 10px; border: 1px solid rgba(237, 28, 36, .28); border-radius: 12px; background: rgba(255, 255, 255, .97); box-shadow: 0 16px 38px rgba(12, 31, 69, .16); transform: translateY(-50%); backdrop-filter: blur(10px); } :where(body.page-v2.sf-native-elementor-page) .home-contact-dock::before{ content: ""; position: absolute; top: -1px; right: 14px; left: 14px; height: 3px; border-radius: 0 0 4px 4px; background: var(--red); } :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-cert{ display: grid; justify-items: center; gap: 5px; padding: 8px 4px 9px; border-bottom: 1px solid var(--line); --display:grid !important;display:grid !important;--gap:5px !important;gap:5px !important;} :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-cert img{ width: 100px; height: auto; } :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-cert span, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock>p, .home-contact-dock> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, .home-contact-dock> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p{ color: var(--navy); text-align: center; text-transform: uppercase; letter-spacing: .5px; font-size: 10px; font-weight: 820; } :where(body.page-v2.sf-native-elementor-page) .home-contact-dock>p, .home-contact-dock> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, .home-contact-dock> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p{ margin: 9px 0 7px; color: var(--red); } :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; --display:grid !important;display:grid !important;--gap:5px !important;gap:5px !important;} :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions a, .home-contact-dock-actions .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions .sf-native-tag-a{ position: relative; display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid #dfe4eb; border-radius: 7px; color: var(--navy); background: var(--soft); transition: color .22s ease, background-color .22s ease, border-color .22s ease, transform .22s ease; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions a:first-child, .home-contact-dock-actions .sf-native-tag-a:first-child, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions .sf-native-tag-a:first-child{ border-color: var(--red); color: #fff; background: var(--red); } :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions svg{ width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions a:hover, .home-contact-dock-actions .sf-native-tag-a:hover, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions .sf-native-tag-a:hover, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions a:focus-visible, .home-contact-dock-actions .sf-native-tag-a:focus-visible, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions .sf-native-tag-a:focus-visible{ border-color: var(--red); color: #fff; background: var(--red); transform: translateY(-2px); } :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions a::after, .home-contact-dock-actions .sf-native-tag-a::after, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions .sf-native-tag-a::after{ content: attr(data-label); position: absolute; top: 50%; right: calc(100% + 10px); padding: 5px 8px; border-radius: 5px; color: #fff; background: var(--navy); opacity: 0; pointer-events: none; white-space: nowrap; font-size: 10px; font-weight: 750; transform: translate(6px, -50%); transition: opacity .2s ease, transform .2s ease; } :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions a:hover::after, .home-contact-dock-actions .sf-native-tag-a:hover::after, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions .sf-native-tag-a:hover::after, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions a:focus-visible::after, .home-contact-dock-actions .sf-native-tag-a:focus-visible::after, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions .sf-native-tag-a:focus-visible::after{ opacity: 1; transform: translate(0, -50%); } @media (max-width: 680px){ :where(body.page-v2.sf-native-elementor-page) .home-contact-dock{ position: sticky; z-index: 950; top: 72px; right: auto; bottom: auto; left: auto; display: flex; align-items: center; justify-content: center; width: 100%; max-width: none; min-height: 48px; padding: 6px 16px; border-width: 1px 0; border-radius: 0; box-shadow: 0 8px 20px rgba(12, 31, 69, .1); transform: none; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--align-items:center !important;align-items:center !important;--justify-content:center !important;justify-content:center !important;} :where(body.page-v2.sf-native-elementor-page) .home-contact-dock::before, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-cert span, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock>p, .home-contact-dock> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, .home-contact-dock> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p{ display: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-cert{ padding: 2px 8px 2px 2px; border-right: 1px solid var(--line); border-bottom: 0; } :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-cert img{ width: 78px; } :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions{ margin-left: 7px; } :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions a, .home-contact-dock-actions .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions .sf-native-tag-a{ width: 34px; height: 34px; } :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions a::after, .home-contact-dock-actions .sf-native-tag-a::after, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions .sf-native-tag-a::after{ display: none; --display:none !important;display:none !important;} } :where(body.page-v2.sf-native-elementor-page) .header-aeo-badge{ position: relative; z-index: 2; display: grid; place-items: center; flex: 0 0 auto; width: 82px; height: 38px; padding: 4px 7px; border: 1px solid #e1e6ec; border-radius: 7px; background: #fff; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .header-aeo-badge img{ display: block; width: 100%; height: 100%; object-fit: contain; --display:block !important;display:block !important;} @media (min-width: 1181px){ :where(body).page-v2:where(.sf-native-elementor-page) .site-header .topbar nav{ left: 45%; } } @media (min-width: 1181px) and (max-width: 1280px){ :where(body).page-v2:where(.sf-native-elementor-page) .site-header .topbar nav{ left: 41.5%; } } @media (min-width: 1141px) and (max-width: 1180px){ :where(body).page-v2:where(.sf-native-elementor-page) .site-header .topbar nav{ left: 40%; } } @media (min-width: 1101px) and (max-width: 1140px){ :where(body).page-v2:where(.sf-native-elementor-page) .site-header .topbar nav{ left: 37.5%; } } :where(body.page-v2.sf-native-elementor-page) .home-contact-dock{ right: 12px; width: 50px; padding: 8px 7px; } :where(body.page-v2.sf-native-elementor-page) .home-contact-dock::before{ top: 12px; right: auto; bottom: 12px; left: -1px; width: 3px; height: auto; border-radius: 0 4px 4px 0; } :where(body.page-v2.sf-native-elementor-page) .home-contact-dock>p, .home-contact-dock> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, .home-contact-dock> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p{ margin: 2px auto 9px; line-height: 1; letter-spacing: 1.2px; writing-mode: vertical-rl; transform: rotate(180deg); } :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions{ grid-template-columns: 1fr; justify-items: center; gap: 6px; --gap:6px !important;gap:6px !important;} :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions a, .home-contact-dock-actions .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions .sf-native-tag-a{ width: 34px; height: 34px; } @media (min-width: 681px) and (max-width: 1180px){ :where(body.page-v2.sf-native-elementor-page) .header-aeo-badge{ width: 68px; height: 34px; } } @media (max-width: 680px){ :where(body.page-v2.sf-native-elementor-page) .header-aeo-badge{ width: 58px; height: 30px; padding: 3px 5px; } :where(body.page-v2.sf-native-elementor-page) .home-contact-dock{ position: fixed; z-index: 950; top: 50%; right: -2px; bottom: auto; left: auto; display: block; width: 36px; max-width: none; min-height: 0; padding: 6px 3px; border-width: 1px; border-radius: 10px; box-shadow: 0 10px 26px rgba(12, 31, 69, .14); transform: translateY(-50%); --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .home-contact-dock::before, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock>p, .home-contact-dock> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, .home-contact-dock> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p{ display: block; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .home-contact-dock>p, .home-contact-dock> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, .home-contact-dock> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p{ margin-bottom: 7px; font-size: 7px; } :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions{ margin: 0; } :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions a, .home-contact-dock-actions .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions .sf-native-tag-a{ width: 28px; height: 28px; } :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions svg{ width: 14px; height: 14px; } } @media (prefers-reduced-motion: reduce){ :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions a, .home-contact-dock-actions .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions a::after, .home-contact-dock-actions .sf-native-tag-a::after, :where(body.page-v2.sf-native-elementor-page) .home-contact-dock-actions .sf-native-tag-a::after{ transition: none; } } :where(body).page-v2:where(.sf-native-elementor-page) .site-header{ position: fixed; z-index: 1200; top: 0; right: 0; left: 0; width: 100%; } :where(body).page-v2:where(.sf-native-elementor-page)>main{ padding-top: 80px; } @media (max-width: 767px){ :where(body).page-v2:where(.sf-native-elementor-page)>main{ padding-top: 72px; } } :where(body.page-v2.sf-native-elementor-page) .whatsapp-float{ position: fixed; z-index: 1200; /* right: 24px; */ right: 12px; bottom: 24px; display: inline-flex; align-items: center; gap: 0; width: 54px; height: 54px; padding: 0 15px; overflow: hidden; border: 2px solid #fff; border-radius: 999px; color: #fff; background: #20b75a; box-shadow: 0 12px 28px rgba(12, 31, 69, .22); transition: width .32s cubic-bezier(.22, 1, .36, 1), transform .25s ease, background .25s ease; --display:inline-flex !important;display:inline-flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:0 !important;gap:0 !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .whatsapp-float svg{ flex: 0 0 24px; width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; } :where(body.page-v2.sf-native-elementor-page) .whatsapp-float span{ margin-left: 10px; opacity: 0; white-space: nowrap; font-size: 12px; font-weight: 820; transition: opacity .18s ease; } :where(body.page-v2.sf-native-elementor-page) .whatsapp-float:hover, :where(body.page-v2.sf-native-elementor-page) .whatsapp-float:focus-visible{ width: 132px; transform: translateY(-4px); color: #fff; background: #159447; } :where(body.page-v2.sf-native-elementor-page) .whatsapp-float:hover span, :where(body.page-v2.sf-native-elementor-page) .whatsapp-float:focus-visible span{ opacity: 1; } @media (max-width: 680px){ :where(body.page-v2.sf-native-elementor-page) .whatsapp-float{ right: 16px; bottom: 16px; width: 50px; height: 50px; padding: 0 13px; } :where(body.page-v2.sf-native-elementor-page) .whatsapp-float:hover, :where(body.page-v2.sf-native-elementor-page) .whatsapp-float:focus-visible{ width: 50px; } :where(body.page-v2.sf-native-elementor-page) .whatsapp-float span{ display: none; --display:none !important;display:none !important;} } @media (hover: hover) and (pointer: fine){ body:where(.page-v2.sf-native-elementor-page), body:where(.page-v2.sf-native-elementor-page) *{ cursor: url("../cursor-logo.svg") 14 2, auto !important; } } :where(body.page-v2.sf-native-elementor-page) .sr-only{ position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } :where(body.page-v2.sf-native-elementor-page) .mega-mobile-back{ display: none; --display:none !important;display:none !important;} @media (max-width: 767px){ :where(body.page-v2.sf-native-elementor-page) .site-header .mega-menu, :where(body.page-v2.sf-native-elementor-page) .site-header .mega-menu.visible{ position: fixed; z-index: 60; top: 72px; right: 0; bottom: 0; left: 0; width: 100%; height: auto; max-height: calc(100dvh - 72px); padding: 18px; overflow-y: auto; border: 0; border-radius: 0; background: #fff; transform: none; } :where(body.page-v2.sf-native-elementor-page) .site-header .mega-menu.visible{ display: block; opacity: 1; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .mega-mobile-back{ display: inline-flex; align-items: center; min-height: 42px; margin-bottom: 10px; padding: 0; border: 0; color: var(--red); background: transparent; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; --display:inline-flex !important;display:inline-flex !important;--flex-direction:row !important;flex-direction:row !important;--align-items:center !important;align-items:center !important;} } :where(body).page-v2:where(.sf-native-elementor-page) .small-text-plus-two{ font-size: calc(var(--small-text-base) + 2px) !important; } @media (min-width: 901px){ :where(body.page-v2.sf-native-elementor-page) .site-header .mega-menu.investor-simple-menu, :where(body.page-v2.sf-native-elementor-page) .site-header .mega-menu.investor-simple-menu.visible{ left: var(--investor-menu-left, 50%); right: auto; width: 310px; height: auto; min-height: 0; grid-template-columns: 1fr; padding: 18px 20px 20px; transform: translateY(0); overflow: visible; } :where(body.page-v2.sf-native-elementor-page) .site-header .mega-menu.investor-simple-menu::before{ left: 50%; right: auto; transform: translateX(-50%) rotate(45deg); } :where(body.page-v2.sf-native-elementor-page) .site-header .investor-simple-links{ padding: 0; } :where(body.page-v2.sf-native-elementor-page) .site-header .investor-simple-links>p, .site-header .investor-simple-links> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .site-header .investor-simple-links> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, .site-header .investor-simple-links> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .site-header .investor-simple-links> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p{ margin-bottom: 8px; } :where(body.page-v2.sf-native-elementor-page) .site-header .investor-simple-links>a:not(.mega-all), .site-header .investor-simple-links>.sf-native-tag-a:not(.mega-all), :where(body.page-v2.sf-native-elementor-page) .site-header .investor-simple-links>.sf-native-tag-a:not(.mega-all), .site-header .investor-simple-links> .elementor-widget-sf-atomic-action > .elementor-widget-container > a:not(.mega-all), :where(body.page-v2.sf-native-elementor-page) .site-header .investor-simple-links> .elementor-widget-sf-atomic-action > .elementor-widget-container > a:not(.mega-all){ min-height: 48px; border-bottom: 1px solid #edf0f4; font-size: 13px; } :where(body.page-v2.sf-native-elementor-page) .site-header .investor-simple-links>a:last-child, .site-header .investor-simple-links>.sf-native-tag-a:last-child, :where(body.page-v2.sf-native-elementor-page) .site-header .investor-simple-links>.sf-native-tag-a:last-child, .site-header .investor-simple-links> .elementor-widget-sf-atomic-action:last-child > .elementor-widget-container > a, :where(body.page-v2.sf-native-elementor-page) .site-header .investor-simple-links> .elementor-widget-sf-atomic-action:last-child > .elementor-widget-container > a{ border-bottom: 0; } } @media (max-width: 900px){ :where(body.page-v2.sf-native-elementor-page) .site-header .topbar{ height: 72px; padding-inline: 18px; } :where(body.page-v2.sf-native-elementor-page) .site-header .v3-logo{ width: auto; font-size: 21px; } :where(body.page-v2.sf-native-elementor-page) .site-header .v3-logo i{ font-size: 18px; } :where(body.page-v2.sf-native-elementor-page) .site-header .language, :where(body.page-v2.sf-native-elementor-page) .site-header .top-enquiry{ display: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .site-header .topbar{ position: relative; z-index: 3; background: #fff; } :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav.open{ position: fixed; z-index: 1201; top: 72px; right: 0; bottom: 0; left: 0; width: 100%; height: calc(100dvh - 72px); max-height: none; margin: 0; gap: 0; flex-direction: column; align-items: stretch; padding: 10px 20px 22px; overflow-y: auto; border-top: 1px solid #e5e9ee; background: #fff; box-shadow: none; transform: none; --flex-direction:column !important;flex-direction:column !important;--gap:0 !important;gap:0 !important;--align-items:stretch !important;align-items:stretch !important;} :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav{ display: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav.open{ display: flex; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;} :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav>a, .site-header .topbar nav>.sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav>.sf-native-tag-a, .site-header .topbar nav> .elementor-widget-sf-atomic-action > .elementor-widget-container > a, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav> .elementor-widget-sf-atomic-action > .elementor-widget-container > a, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav>button, .site-header .topbar nav>.sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav>.sf-native-tag-button, .site-header .topbar nav> .elementor-widget-sf-atomic-action > .elementor-widget-container > button, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav> .elementor-widget-sf-atomic-action > .elementor-widget-container > button{ flex: none; justify-content: space-between; width: 100%; min-height: 46px; padding: 0; border-bottom: 1px solid #edf0f4; text-align: left; font-size: 13px; --justify-content:space-between !important;justify-content:space-between !important;} :where(body.page-v2.sf-native-elementor-page) .site-header .hamb{ position: relative; z-index: 1203; display: grid; place-items: center; width: 40px; height: 40px; padding: 0; color: #000; font-size: 24px; line-height: 1; cursor: pointer; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .site-header .mega-menu, :where(body.page-v2.sf-native-elementor-page) .site-header .mega-menu.visible{ position: fixed; z-index: 1202; top: 72px; right: 0; bottom: auto; left: 0; display: none; width: 100%; height: calc(100dvh - 72px) !important; max-height: none; margin: 0; padding: 10px 20px 22px; overflow-y: auto; border: 0; border-radius: 0; background: #fff; box-shadow: none; opacity: 0; transform: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .site-header .mega-menu.visible{ display: block; opacity: 1; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .site-header .mega-menu::before, :where(body.page-v2.sf-native-elementor-page) .site-header .mega-card{ display: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .site-header .mega-column{ padding: 0; border: 0; } :where(body.page-v2.sf-native-elementor-page) .site-header .mega-links>p, .site-header .mega-links> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .site-header .mega-links> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, .site-header .mega-links> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p, :where(body.page-v2.sf-native-elementor-page) .site-header .mega-links> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p{ margin: 2px 0 6px; font-size: 11px; } :where(body.page-v2.sf-native-elementor-page) .site-header .mega-links>a:not(.mega-all), .site-header .mega-links>.sf-native-tag-a:not(.mega-all), :where(body.page-v2.sf-native-elementor-page) .site-header .mega-links>.sf-native-tag-a:not(.mega-all), .site-header .mega-links> .elementor-widget-sf-atomic-action > .elementor-widget-container > a:not(.mega-all), :where(body.page-v2.sf-native-elementor-page) .site-header .mega-links> .elementor-widget-sf-atomic-action > .elementor-widget-container > a:not(.mega-all){ min-height: 46px; border-bottom: 1px solid #edf0f4; font-size: 12px; } :where(body.page-v2.sf-native-elementor-page) .site-header .mega-all{ min-height: 44px; margin: 5px 0 0; font-size: 12px; } :where(body.page-v2.sf-native-elementor-page) .site-header .mega-mobile-back{ display: inline-flex; align-items: center; min-height: 38px; margin-bottom: 4px; padding: 0; --display:inline-flex !important;display:inline-flex !important;--flex-direction:row !important;flex-direction:row !important;--align-items:center !important;align-items:center !important;} body:where(.page-v2.sf-native-elementor-page).mobile-menu-open{ overflow: hidden; } } :where(body).page-v2:where(.sf-native-elementor-page) .csr-photo-strip.commitment-photos{ position: relative; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-photo-strip.commitment-photos .csr-photo-nav{ position: absolute; z-index: 4; top: 50%; display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; min-width: 42px; min-height: 42px; padding: 0; border: 1px solid rgba(255, 255, 255, .72); border-radius: 50%; background: rgba(12, 31, 69, .78); color: #fff; box-shadow: 0 5px 16px rgba(12, 31, 69, .2); transform: translateY(-50%); cursor: pointer; transition: background-color .2s ease, transform .2s ease; --display:grid !important;display:grid !important;} :where(body).page-v2:where(.sf-native-elementor-page) .csr-photo-strip.commitment-photos .csr-photo-prev{ left: 14px; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-photo-strip.commitment-photos .csr-photo-next{ right: 14px; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-photo-strip.commitment-photos .csr-photo-nav:hover, :where(body).page-v2:where(.sf-native-elementor-page) .csr-photo-strip.commitment-photos .csr-photo-nav:focus-visible{ background: #ed1c24; outline: none; transform: translateY(-50%) scale(1.06); } :where(body).page-v2:where(.sf-native-elementor-page) .csr-photo-strip.commitment-photos .csr-photo-nav span{ font-size: 20px; line-height: 1; } @media (max-width: 560px){ :where(body).page-v2:where(.sf-native-elementor-page) .csr-photo-strip.commitment-photos .csr-photo-nav{ width: 38px; height: 38px; min-width: 38px; min-height: 38px; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-photo-strip.commitment-photos .csr-photo-prev{ left: 9px; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-photo-strip.commitment-photos .csr-photo-next{ right: 9px; } } :where(body).page-v2:where(.sf-native-elementor-page) .commitment-row{ grid-template-columns: minmax(0, 1.3fr) minmax(460px, .7fr); gap: 28px; --gap:28px !important;gap:28px !important;} :where(body).page-v2:where(.sf-native-elementor-page) .csr-photo-strip.commitment-photos{ display: block; overflow: hidden; border: 1px solid #e3e7ed; border-radius: 9px; background: #f3f5f8; --display:block !important;display:block !important;} :where(body).page-v2:where(.sf-native-elementor-page) .csr-photo-track{ --csr-gallery-gap: 12px; display: flex; gap: var(--csr-gallery-gap); width: max-content; height: 100%; padding: 0; animation: csr-gallery-marquee 38s linear infinite; will-change: transform; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:var(--csr-gallery-gap) !important;gap:var(--csr-gallery-gap) !important;} :where(body).page-v2:where(.sf-native-elementor-page) .csr-photo-strip:hover .csr-photo-track, :where(body).page-v2:where(.sf-native-elementor-page) .csr-photo-strip:focus-within .csr-photo-track{ animation-play-state: paused; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-photo-strip.commitment-photos button, .page-v2 .csr-photo-strip.commitment-photos .sf-native-tag-button, :where(body).page-v2:where(.sf-native-elementor-page) .csr-photo-strip.commitment-photos .sf-native-tag-button{ flex: 0 0 clamp(320px, 34vw, 500px); height: 100%; border-radius: 0; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-photo-strip.commitment-photos img{ object-position: center; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-photo-clone{ pointer-events: none; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-primary-stories{ grid-template-columns: 1fr; gap: 8px; padding-bottom: 10px; --gap:8px !important;gap:8px !important;} :where(body).page-v2:where(.sf-native-elementor-page) .csr-primary-stories article{ grid-template-columns: minmax(0, 1fr) 118px; gap: 10px; min-height: 104px; padding: 11px 12px 11px 14px; --gap:10px !important;gap:10px !important;} :where(body).page-v2:where(.sf-native-elementor-page) .csr-primary-stories article>img, .page-v2 .csr-primary-stories article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body).page-v2:where(.sf-native-elementor-page) .csr-primary-stories article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ width: calc(100% + 12px); min-height: 92px; margin-right: -12px; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-primary-stories strong{ margin-top: 5px; font-size: 22px; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-primary-stories p{ margin-top: 5px; font-size: 10px; line-height: 1.4; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-primary-stories span{ font-size: 9px; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-highlight-section{ margin-top: 10px; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-highlight-section>h3, .page-v2 .csr-highlight-section> .elementor-widget-sf-atomic-text > .elementor-widget-container > h3, :where(body).page-v2:where(.sf-native-elementor-page) .csr-highlight-section> .elementor-widget-sf-atomic-text > .elementor-widget-container > h3, .page-v2 .csr-highlight-section> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > h3, :where(body).page-v2:where(.sf-native-elementor-page) .csr-highlight-section> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > h3{ margin-bottom: 8px; font-size: 10px; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-highlight-grid{ gap: 7px; --gap:7px !important;gap:7px !important;} :where(body).page-v2:where(.sf-native-elementor-page) .csr-highlight-grid article, :where(body).page-v2:where(.sf-native-elementor-page) .csr-community-highlights .csr-highlight-grid article{ min-height: 84px; padding: 9px 10px; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-highlight-grid article img{ width: 31px; height: 31px; margin-bottom: 6px; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-highlight-grid article strong{ font-size: 13px; line-height: 1.22; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-highlight-grid article span{ margin-top: 4px; font-size: 9.5px; line-height: 1.35; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-community-highlights{ padding-top: 10px; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-responsible-operations{ margin-top: 10px; padding: 9px 11px; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-responsible-operations strong, :where(body).page-v2:where(.sf-native-elementor-page) .csr-responsible-operations span{ font-size: 10px; } @media (max-width: 1000px){ :where(body).page-v2:where(.sf-native-elementor-page) .commitment-row{ grid-template-columns: 1fr; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-photo-strip.commitment-photos button, .page-v2 .csr-photo-strip.commitment-photos .sf-native-tag-button, :where(body).page-v2:where(.sf-native-elementor-page) .csr-photo-strip.commitment-photos .sf-native-tag-button{ flex-basis: clamp(300px, 62vw, 540px); } } @media (max-width: 560px){ :where(body).page-v2:where(.sf-native-elementor-page) .csr-photo-strip.commitment-photos button, .page-v2 .csr-photo-strip.commitment-photos .sf-native-tag-button, :where(body).page-v2:where(.sf-native-elementor-page) .csr-photo-strip.commitment-photos .sf-native-tag-button{ flex-basis: 82vw; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-primary-stories article{ grid-template-columns: minmax(0, 1fr) 105px; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-primary-stories article>img, .page-v2 .csr-primary-stories article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body).page-v2:where(.sf-native-elementor-page) .csr-primary-stories article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ height: 100%; min-height: 92px; margin-right: -12px; object-position: right bottom; } } @media (prefers-reduced-motion: reduce){ :where(body).page-v2:where(.sf-native-elementor-page) .csr-photo-track{ animation: none; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-photo-strip.commitment-photos{ overflow-x: auto; } } :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-card, :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-card:hover{ min-height: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; transform: none; transition: none; } :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-row+.responsibility-row{ margin-top: 42px; padding-top: 42px; border-top: 1px solid var(--line); } :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-row{ grid-template-columns: minmax(0, 1fr); gap: 22px; --gap:22px !important;gap:22px !important;} :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-row .commitment-intro{ display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 28px; align-items: end; --display:grid !important;display:grid !important;--column-gap:28px !important;column-gap:28px !important;--align-items:end !important;align-items:end !important;} :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-row .commitment-intro .impact-kicker, :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-row .commitment-intro h2, :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-row .commitment-intro .responsibility-intro-copy{ grid-column: 1; } :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-row .commitment-intro .csr-actions{ grid-column: 2; grid-row: 1 / 4; align-self: end; display: grid; min-width: 330px; margin: 0 0 2px; --display:grid !important;display:grid !important;} :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-story-card{ display: grid; grid-template-columns: minmax(0, 1fr) 108px; align-items: center; gap: 8px; min-height: 104px; padding: 10px 10px 10px 14px; overflow: hidden; border: 1px solid #dfe8dc; border-radius: 8px; background: #f8fbf6; --display:grid !important;display:grid !important;--gap:8px !important;gap:8px !important;--align-items:center !important;align-items:center !important;} :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-story-card>div{ min-width: 0; } :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-story-card span{ display: block; color: #4f8f40; text-transform: uppercase; letter-spacing: .5px; font-size: 9px; font-weight: 850; --display:block !important;display:block !important;} :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-story-card strong{ display: block; margin-top: 4px; color: var(--navy); font-size: 19px; line-height: 1.2; --display:block !important;display:block !important;} :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-story-card small{ display: block; margin-top: 4px; color: var(--muted); font-size: 9px; line-height: 1.4; --display:block !important;display:block !important;} :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-story-card img{ display: block; width: calc(100% + 10px); height: 84px; margin-right: -10px; object-fit: contain; object-position: right bottom; --display:block !important;display:block !important;} :where(body).page-v2:where(.sf-native-elementor-page) .local-impact-story-card{ border-color: rgba(237, 28, 36, .22); background: #fff8f8; } :where(body).page-v2:where(.sf-native-elementor-page) .local-impact-story-card span{ color: var(--red); } :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-row .csr-actions a, .page-v2 .responsibility-row .csr-actions .sf-native-tag-a, :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-row .csr-actions .sf-native-tag-a{ width: 100%; } :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-intro-copy{ max-width: 590px; margin: 14px 0 0; color: var(--muted); font-size: 13px; line-height: 1.65; } :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-row .csr-primary-stories article{ min-height: 122px; } :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-card{ display: block; --display:block !important;display:block !important;} :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-card .csr-primary-stories{ display: block; width: 100%; padding: 0; border: 0; --display:block !important;display:block !important;} :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-card .csr-primary-stories article{ grid-template-columns: minmax(0, 1fr) minmax(190px, 26%); min-height: 150px; height: 100%; padding: 18px 20px 18px 24px; } :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-card .csr-primary-stories article>img, .page-v2 .responsibility-card .csr-primary-stories article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-card .csr-primary-stories article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ width: calc(100% + 20px); min-height: 132px; margin-right: -20px; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-home-row>.csr-photo-strip, .page-v2 .csr-home-row> .sf-atomic-shell > .elementor-widget-container > .csr-photo-strip, :where(body).page-v2:where(.sf-native-elementor-page) .csr-home-row> .sf-atomic-shell > .elementor-widget-container > .csr-photo-strip{ grid-column: 1 / -1; width: 100%; height: 320px; margin-top: 2px; } :where(body).page-v2:where(.sf-native-elementor-page) .sustainability-photo-grid{ display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 14px; width: 100%; --display:grid !important;display:grid !important;--gap:14px !important;gap:14px !important;} :where(body).page-v2:where(.sf-native-elementor-page) .sustainability-photo-grid figure, .page-v2 .sustainability-photo-grid .sf-native-tag-figure, :where(body).page-v2:where(.sf-native-elementor-page) .sustainability-photo-grid .sf-native-tag-figure{ position: relative; height: 260px; margin: 0; overflow: hidden; border-radius: 9px; background: var(--soft); } :where(body).page-v2:where(.sf-native-elementor-page) .sustainability-photo-grid img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.22, 1, .36, 1), filter .35s ease; --display:block !important;display:block !important;} :where(body).page-v2:where(.sf-native-elementor-page) .sustainability-photo-grid figure:nth-child(2) img, .page-v2 .sustainability-photo-grid .sf-native-tag-figure:nth-child(2) img, :where(body).page-v2:where(.sf-native-elementor-page) .sustainability-photo-grid .sf-native-tag-figure:nth-child(2) img{ object-position: center; } :where(body).page-v2:where(.sf-native-elementor-page) .sustainability-photo-grid figcaption, .page-v2 .sustainability-photo-grid .sf-native-tag-figcaption, :where(body).page-v2:where(.sf-native-elementor-page) .sustainability-photo-grid .sf-native-tag-figcaption{ position: absolute; right: 0; bottom: 0; left: 0; display: grid; gap: 3px; padding: 36px 18px 16px; color: #fff; background: linear-gradient(transparent, rgba(7, 25, 58, .84)); --display:grid !important;display:grid !important;--gap:3px !important;gap:3px !important;} :where(body).page-v2:where(.sf-native-elementor-page) .sustainability-photo-grid figcaption span, .page-v2 .sustainability-photo-grid .sf-native-tag-figcaption span, :where(body).page-v2:where(.sf-native-elementor-page) .sustainability-photo-grid .sf-native-tag-figcaption span{ color: #bfe8a9; text-transform: uppercase; letter-spacing: .55px; font-size: 10px; font-weight: 850; } :where(body).page-v2:where(.sf-native-elementor-page) .sustainability-photo-grid figcaption strong, .page-v2 .sustainability-photo-grid .sf-native-tag-figcaption strong, :where(body).page-v2:where(.sf-native-elementor-page) .sustainability-photo-grid .sf-native-tag-figcaption strong{ font-size: 15px; line-height: 1.3; } :where(body).page-v2:where(.sf-native-elementor-page) .sustainability-photo-grid figure:hover img, .page-v2 .sustainability-photo-grid .sf-native-tag-figure:hover img, :where(body).page-v2:where(.sf-native-elementor-page) .sustainability-photo-grid .sf-native-tag-figure:hover img{ filter: saturate(1.08) contrast(1.03); transform: scale(1.045); } @media (max-width: 1000px){ :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-row+.responsibility-row{ margin-top: 42px; padding-top: 42px; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-home-row>.csr-photo-strip, .page-v2 .csr-home-row> .sf-atomic-shell > .elementor-widget-container > .csr-photo-strip, :where(body).page-v2:where(.sf-native-elementor-page) .csr-home-row> .sf-atomic-shell > .elementor-widget-container > .csr-photo-strip{ grid-column: auto; height: 300px; } } @media (max-width: 767px){ :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-row .commitment-intro{ display: flex; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;} :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-row .commitment-intro .csr-actions{ width: 100%; min-width: 0; margin-top: 18px; } :where(body).page-v2:where(.sf-native-elementor-page) .sustainability-photo-grid{ grid-template-columns: 1fr; } :where(body).page-v2:where(.sf-native-elementor-page) .sustainability-photo-grid figure, .page-v2 .sustainability-photo-grid .sf-native-tag-figure, :where(body).page-v2:where(.sf-native-elementor-page) .sustainability-photo-grid .sf-native-tag-figure{ height: 230px; } } @media (max-width: 560px){ :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-row+.responsibility-row{ margin-top: 34px; padding-top: 34px; } :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-intro-copy{ font-size: 12px; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-home-row>.csr-photo-strip, .page-v2 .csr-home-row> .sf-atomic-shell > .elementor-widget-container > .csr-photo-strip, :where(body).page-v2:where(.sf-native-elementor-page) .csr-home-row> .sf-atomic-shell > .elementor-widget-container > .csr-photo-strip{ height: 250px; margin-top: 8px; } :where(body).page-v2:where(.sf-native-elementor-page) .sustainability-photo-grid figure, .page-v2 .sustainability-photo-grid .sf-native-tag-figure, :where(body).page-v2:where(.sf-native-elementor-page) .sustainability-photo-grid .sf-native-tag-figure{ height: 205px; } :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-card .csr-primary-stories article{ grid-template-columns: minmax(0, 1fr) 112px; min-height: 116px; padding: 12px 12px 12px 14px; } :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-card .csr-primary-stories article>img, .page-v2 .responsibility-card .csr-primary-stories article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-card .csr-primary-stories article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ width: calc(100% + 12px); min-height: 100px; margin-right: -12px; } } @media (prefers-reduced-motion: reduce){ :where(body).page-v2:where(.sf-native-elementor-page) .sustainability-photo-grid img{ transition: none; } } @media (prefers-reduced-motion: reduce){ :where(body).page-v2:where(.sf-native-elementor-page) .achievement-carousel.is-active .achievement-carousel-viewport{ scroll-behavior: auto; } } :where(body).page-v2:where(.sf-native-elementor-page) .services-v3>h2, .page-v2 .services-v3> .elementor-widget-sf-atomic-text > .elementor-widget-container > h2, :where(body).page-v2:where(.sf-native-elementor-page) .services-v3> .elementor-widget-sf-atomic-text > .elementor-widget-container > h2, .page-v2 .services-v3> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > h2, :where(body).page-v2:where(.sf-native-elementor-page) .services-v3> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > h2{ max-width: 100%; margin-bottom: 12px; } :where(body).page-v2:where(.sf-native-elementor-page) .services-summary{ max-width: 780px; margin: 0 0 24px; color: #596474; font-size: 14px; line-height: 1.7; } :where(body).page-v2:where(.sf-native-elementor-page) .services-summary-row{ display: flex; align-items: flex-start; justify-content: space-between; gap: 28px; margin-bottom: 24px; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:28px !important;gap:28px !important;--align-items:flex-start !important;align-items:flex-start !important;--justify-content:space-between !important;justify-content:space-between !important;} :where(body).page-v2:where(.sf-native-elementor-page) .services-summary-row .services-summary{ margin-bottom: 0; } :where(body).page-v2:where(.sf-native-elementor-page) .services-explore-button{ flex: 0 0 auto; min-width: 150px; min-height: 42px; padding: 0 16px; } @media (max-width: 680px){ :where(body).page-v2:where(.sf-native-elementor-page) .services-summary-row{ align-items: flex-start; flex-direction: column; gap: 14px; --flex-direction:column !important;flex-direction:column !important;--gap:14px !important;gap:14px !important;--align-items:flex-start !important;align-items:flex-start !important;} } :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel{ --service-visible: 5; --service-gap: 16px; position: relative; } :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel-viewport{ overflow-x: auto; overflow-y: hidden; overscroll-behavior-inline: contain; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; outline: none; padding-top: 6px; margin-top: -6px; } :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel-viewport::-webkit-scrollbar{ display: none; --display:none !important;display:none !important;} :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel-viewport:focus-visible{ border-radius: 10px; box-shadow: 0 0 0 3px rgba(237, 28, 36, .16); } :where(body).page-v2:where(.sf-native-elementor-page) .service-cards-grid{ display: flex; grid-template-columns: none; flex-wrap: nowrap; gap: var(--service-gap); width: 100%; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:var(--service-gap) !important;gap:var(--service-gap) !important;--flex-wrap:nowrap !important;flex-wrap:nowrap !important;} :where(body).page-v2:where(.sf-native-elementor-page) .service-cards-grid::after{ content: ""; flex: 0 0 calc(75% - 4px); } :where(body).page-v2:where(.sf-native-elementor-page) .service-info-card{ flex: 0 0 calc((100% - ((var(--service-visible) - 1) * var(--service-gap))) / var(--service-visible)); min-width: 0; min-height: 390px; scroll-snap-align: start; scroll-snap-stop: always; } :where(body).page-v2:where(.sf-native-elementor-page) .service-card-content{ display: block; min-height: 100%; padding: 18px 18px 150px; --display:block !important;display:block !important;} :where(body).page-v2:where(.sf-native-elementor-page) .service-number{ display: inline-grid; place-items: center; width: 38px; height: 29px; margin-bottom: 11px; border-radius: 4px; background: #fff1ee; color: #ed1c24; font-size: 11px; font-weight: 850; letter-spacing: .4px; } :where(body).page-v2:where(.sf-native-elementor-page) .service-card-copy h3{ min-height: 43px; margin: 0 0 6px; color: #000; font-size: 17px; font-weight: 750; line-height: 1.32; letter-spacing: 0; } :where(body).page-v2:where(.sf-native-elementor-page) .service-card-copy>strong, .page-v2 .service-card-copy> .elementor-widget-sf-atomic-text > .elementor-widget-container > strong, :where(body).page-v2:where(.sf-native-elementor-page) .service-card-copy> .elementor-widget-sf-atomic-text > .elementor-widget-container > strong, .page-v2 .service-card-copy> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > strong, :where(body).page-v2:where(.sf-native-elementor-page) .service-card-copy> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > strong{ display: block; min-height: 30px; margin-bottom: 7px; color: #ef4b2f; font-size: 11px; line-height: 1.45; --display:block !important;display:block !important;} :where(body).page-v2:where(.sf-native-elementor-page) .service-card-copy>p:not(.service-key-services), .page-v2 .service-card-copy> .elementor-widget-sf-atomic-text > .elementor-widget-container > p:not(.service-key-services), :where(body).page-v2:where(.sf-native-elementor-page) .service-card-copy> .elementor-widget-sf-atomic-text > .elementor-widget-container > p:not(.service-key-services), .page-v2 .service-card-copy> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p:not(.service-key-services), :where(body).page-v2:where(.sf-native-elementor-page) .service-card-copy> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p:not(.service-key-services){ margin: 0; color: #555f6e; font-size: 10px; line-height: 1.5; } :where(body).page-v2:where(.sf-native-elementor-page) .service-page-link{ display: inline-flex; margin-top: 10px; color: #ed1c24; font-size: 10px; font-weight: 800; --display:inline-flex !important;display:inline-flex !important;--flex-direction:row !important;flex-direction:row !important;} :where(body).page-v2:where(.sf-native-elementor-page) .service-key-services{ margin: 12px 0 0; color: #6b7482; font-size: 9px; line-height: 1.55; } :where(body).page-v2:where(.sf-native-elementor-page) .service-key-services b{ display: block; margin-bottom: 3px; color: #173768; font-size: 9px; text-transform: uppercase; letter-spacing: .35px; --display:block !important;display:block !important;} :where(body).page-v2:where(.sf-native-elementor-page) .service-image{ height: 138px; } :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel-footer{ display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 24px; margin-top: 18px; --display:grid !important;display:grid !important;--gap:24px !important;gap:24px !important;--align-items:center !important;align-items:center !important;} :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel-footer>p, .page-v2 .service-carousel-footer> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel-footer> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, .page-v2 .service-carousel-footer> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p, :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel-footer> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p{ display: flex; align-items: baseline; flex-wrap: wrap; gap: 7px 12px; margin: 0; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:7px 12px !important;gap:7px 12px !important;--align-items:baseline !important;align-items:baseline !important;--flex-wrap:wrap !important;flex-wrap:wrap !important;} :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel-footer>p strong, .page-v2 .service-carousel-footer> .elementor-widget-sf-atomic-text > .elementor-widget-container > p strong, :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel-footer> .elementor-widget-sf-atomic-text > .elementor-widget-container > p strong, .page-v2 .service-carousel-footer> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p strong, :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel-footer> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p strong{ color: #000; font-size: 11px; } :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel-footer>p span, .page-v2 .service-carousel-footer> .elementor-widget-sf-atomic-text > .elementor-widget-container > p span, :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel-footer> .elementor-widget-sf-atomic-text > .elementor-widget-container > p span, .page-v2 .service-carousel-footer> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p span, :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel-footer> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p span{ color: #7a8391; font-size: 9px; } :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel-pagination{ display: flex; align-items: center; gap: 7px; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:7px !important;gap:7px !important;--align-items:center !important;align-items:center !important;} :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel-pagination button, .page-v2 .service-carousel-pagination .sf-native-tag-button, :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel-pagination .sf-native-tag-button{ width: 7px; height: 7px; padding: 0; border: 0; border-radius: 50%; background: #cfd5de; cursor: pointer; transition: width .25s ease, border-radius .25s ease, background-color .25s ease; } :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel-pagination button.active, .page-v2 .service-carousel-pagination .sf-native-tag-button.active, :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel-pagination .sf-native-tag-button.active{ width: 24px; border-radius: 999px; background: #ed1c24; } :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel-controls{ display: flex; gap: 8px; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:8px !important;gap:8px !important;} :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel-controls button, .page-v2 .service-carousel-controls .sf-native-tag-button, :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel-controls .sf-native-tag-button{ display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 1px solid #d8dee7; border-radius: 50%; background: #fff; color: #173768; font-size: 17px; cursor: pointer; transition: color .2s ease, border-color .2s ease, background-color .2s ease; --display:grid !important;display:grid !important;} :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel-controls button:hover:not(:disabled), .page-v2 .service-carousel-controls .sf-native-tag-button:hover:not(:disabled), :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel-controls .sf-native-tag-button:hover:not(:disabled){ border-color: #ed1c24; background: #ed1c24; color: #fff; } :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel-controls button:disabled, .page-v2 .service-carousel-controls .sf-native-tag-button:disabled, :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel-controls .sf-native-tag-button:disabled{ opacity: .35; cursor: default; } @media (max-width: 1180px){ :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel{ --service-visible: 2; } :where(body).page-v2:where(.sf-native-elementor-page) .service-info-card{ min-height: 390px; } :where(body).page-v2:where(.sf-native-elementor-page) .service-cards-grid::after{ flex-basis: calc(50% - 8px); } } @media (max-width: 680px){ :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel{ --service-visible: 1; --service-gap: 12px; } :where(body).page-v2:where(.sf-native-elementor-page) .service-info-card{ min-height: 405px; } :where(body).page-v2:where(.sf-native-elementor-page) .service-cards-grid::after{ display: none; --display:none !important;display:none !important;} :where(body).page-v2:where(.sf-native-elementor-page) .service-card-content{ padding: 18px 18px 150px; } :where(body).page-v2:where(.sf-native-elementor-page) .service-card-copy h3, :where(body).page-v2:where(.sf-native-elementor-page) .service-card-copy>strong, .page-v2 .service-card-copy> .elementor-widget-sf-atomic-text > .elementor-widget-container > strong, :where(body).page-v2:where(.sf-native-elementor-page) .service-card-copy> .elementor-widget-sf-atomic-text > .elementor-widget-container > strong, .page-v2 .service-card-copy> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > strong, :where(body).page-v2:where(.sf-native-elementor-page) .service-card-copy> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > strong{ min-height: 0; } :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel-footer{ grid-template-columns: 1fr auto; gap: 14px; --gap:14px !important;gap:14px !important;} :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel-footer>p, .page-v2 .service-carousel-footer> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel-footer> .elementor-widget-sf-atomic-text > .elementor-widget-container > p, .page-v2 .service-carousel-footer> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p, :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel-footer> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > p{ grid-column: 1 / -1; } } @media (prefers-reduced-motion: reduce){ :where(body).page-v2:where(.sf-native-elementor-page) .service-carousel-viewport{ scroll-behavior: auto; } } :where(body).page-v2:where(.sf-native-elementor-page) .about-v3 .about-brand-logo{ display: block; width: min(100%, 185px); height: 42px; margin: 0 auto; border-radius: 0; object-fit: contain; object-position: center; box-shadow: none; --display:block !important;display:block !important;} :where(body).page-v2:where(.sf-native-elementor-page) .about-v3 .about-brand-logo.fairfreight-logo{ height: 45px; } :where(body).page-v2:where(.sf-native-elementor-page) .global-partner-actions a, .page-v2 .global-partner-actions .sf-native-tag-a, :where(body).page-v2:where(.sf-native-elementor-page) .global-partner-actions .sf-native-tag-a{ width: 140px; min-height: 44px; padding: 7px 10px; } :where(body).page-v2:where(.sf-native-elementor-page) .global-partner-actions a img, .page-v2 .global-partner-actions .sf-native-tag-a img, :where(body).page-v2:where(.sf-native-elementor-page) .global-partner-actions .sf-native-tag-a img{ display: block; width: 102px; height: 27px; object-fit: contain; --display:block !important;display:block !important;} :where(body).page-v2:where(.sf-native-elementor-page) .global-partner-actions a:first-child img, .page-v2 .global-partner-actions .sf-native-tag-a:first-child img, :where(body).page-v2:where(.sf-native-elementor-page) .global-partner-actions .sf-native-tag-a:first-child img{ height: 24px; } :where(body).page-v2:where(.sf-native-elementor-page) .global-partner-actions a b, .page-v2 .global-partner-actions .sf-native-tag-a b, :where(body).page-v2:where(.sf-native-elementor-page) .global-partner-actions .sf-native-tag-a b{ flex: 0 0 auto; } :where(body).page-v2:where(.sf-native-elementor-page) .equipment-features{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px 18px; margin: 0 0 18px; padding: 0; list-style: none; --display:grid !important;display:grid !important;--gap:8px 18px !important;gap:8px 18px !important;} :where(body).page-v2:where(.sf-native-elementor-page) .equipment-features[hidden]{ display: none; --display:none !important;display:none !important;} :where(body).page-v2:where(.sf-native-elementor-page) .equipment-features li{ position: relative; padding-left: 14px; color: #596474; font-size: 9px; line-height: 1.45; } :where(body).page-v2:where(.sf-native-elementor-page) .equipment-features li::before{ content: "✓"; position: absolute; left: 0; color: #ed1c24; font-weight: 800; } @media (max-width: 480px){ :where(body).page-v2:where(.sf-native-elementor-page) .global-partner-actions a, .page-v2 .global-partner-actions .sf-native-tag-a, :where(body).page-v2:where(.sf-native-elementor-page) .global-partner-actions .sf-native-tag-a{ width: 100%; } :where(body).page-v2:where(.sf-native-elementor-page) .equipment-features{ grid-template-columns: 1fr; } } :where(body).page-v2:where(.sf-native-elementor-page) .commitment-row{ align-items: stretch; --align-items:stretch !important;align-items:stretch !important;} :where(body).page-v2:where(.sf-native-elementor-page) .commitment-row>*{ min-width: 0; } :where(body).page-v2:where(.sf-native-elementor-page) .commitment-intro{ display: flex; flex-direction: column; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;} :where(body).page-v2:where(.sf-native-elementor-page) .commitment-intro h2{ font-size: clamp(22px, 2vw, 29px); } :where(body).page-v2:where(.sf-native-elementor-page) .csr-actions{ display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:8px !important;gap:8px !important;--flex-wrap:wrap !important;flex-wrap:wrap !important;} :where(body).page-v2:where(.sf-native-elementor-page) .csr-actions a, .page-v2 .csr-actions .sf-native-tag-a, :where(body).page-v2:where(.sf-native-elementor-page) .csr-actions .sf-native-tag-a{ display: inline-flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 42px; padding: 0 14px; border: 1px solid #ed1c24; border-radius: 4px; color: #ed1c24; font-size: 11px; font-weight: 800; transition: color .2s ease, background-color .2s ease; --display:inline-flex !important;display:inline-flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:12px !important;gap:12px !important;--align-items:center !important;align-items:center !important;--justify-content:space-between !important;justify-content:space-between !important;} :where(body).page-v2:where(.sf-native-elementor-page) .csr-actions a:hover, .page-v2 .csr-actions .sf-native-tag-a:hover, :where(body).page-v2:where(.sf-native-elementor-page) .csr-actions .sf-native-tag-a:hover{ background: #ed1c24; color: #fff; } :where(body).page-v2:where(.sf-native-elementor-page) .commitment-intro .commitment-photos{ flex: 1; min-height: 175px; margin-top: 18px; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-content-card{ display: flex; align-items: center; padding: 24px 26px; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--align-items:center !important;align-items:center !important;} :where(body).page-v2:where(.sf-native-elementor-page) .csr-content-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 32px; width: 100%; --display:grid !important;display:grid !important;--gap:32px !important;gap:32px !important;} :where(body).page-v2:where(.sf-native-elementor-page) .csr-content-grid>section+section{ border-left: 1px solid #e3e7ed; padding-left: 30px; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-content-heading{ display: flex; align-items: center; gap: 10px; margin-bottom: 15px; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:10px !important;gap:10px !important;--align-items:center !important;align-items:center !important;} :where(body).page-v2:where(.sf-native-elementor-page) .csr-content-heading img{ width: 34px; height: 34px; border-radius: 7px; object-fit: cover; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-content-heading h3{ margin: 0; color: #000; font-size: 15px; font-weight: 750; letter-spacing: 0; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-content-grid ul, .page-v2 .csr-content-grid .sf-native-tag-ul, :where(body).page-v2:where(.sf-native-elementor-page) .csr-content-grid .sf-native-tag-ul{ display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; --display:grid !important;display:grid !important;--gap:10px !important;gap:10px !important;} :where(body).page-v2:where(.sf-native-elementor-page) .csr-content-grid li{ position: relative; padding-left: 15px; color: #5c6675; font-size: 9px; line-height: 1.5; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-content-grid li::before{ content: "✓"; position: absolute; left: 0; color: #69ad58; font-weight: 850; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-content-grid li b{ color: #243651; } @media (max-width: 1000px){ :where(body).page-v2:where(.sf-native-elementor-page) .commitment-row{ grid-template-columns: 1fr; } :where(body).page-v2:where(.sf-native-elementor-page) .commitment-intro .commitment-photos{ height: 210px; } } @media (max-width: 680px){ :where(body).page-v2:where(.sf-native-elementor-page) .csr-actions{ display: grid; --display:grid !important;display:grid !important;} :where(body).page-v2:where(.sf-native-elementor-page) .csr-content-card{ padding: 22px 18px; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-content-grid{ grid-template-columns: 1fr; gap: 24px; --gap:24px !important;gap:24px !important;} :where(body).page-v2:where(.sf-native-elementor-page) .csr-content-grid>section+section{ border-top: 1px solid #e3e7ed; border-left: 0; padding-top: 22px; padding-left: 0; } } :where(body).page-v2:where(.sf-native-elementor-page) .commitment-intro .csr-photo-strip{ flex: 0 0 350px; min-height: 0; height: 350px; } @media (max-width: 1000px){ :where(body).page-v2:where(.sf-native-elementor-page) .commitment-intro .csr-photo-strip{ flex-basis: 320px; height: 320px; } } :where(body).page-v2:where(.sf-native-elementor-page) .csr-primary-stories{ display: grid; grid-template-columns: 1fr; gap: 8px; padding-bottom: 10px; border-bottom: 1px solid #edf0f4; --display:grid !important;display:grid !important;--gap:8px !important;gap:8px !important;} :where(body).page-v2:where(.sf-native-elementor-page) .csr-primary-stories article{ display: grid; grid-template-columns: minmax(0, 1fr) 118px; align-items: center; gap: 10px; min-width: 0; min-height: 104px; padding: 11px 12px 11px 14px; border: 1px solid #e4e9ef; border-radius: 8px; background: #fafcfe; overflow: hidden; --display:grid !important;display:grid !important;--gap:10px !important;gap:10px !important;--align-items:center !important;align-items:center !important;} :where(body).page-v2:where(.sf-native-elementor-page) .csr-primary-stories article>img, .page-v2 .csr-primary-stories article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body).page-v2:where(.sf-native-elementor-page) .csr-primary-stories article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ display: block; align-self: stretch; width: calc(100% + 12px); height: 100%; min-height: 92px; margin-right: -12px; object-fit: contain; object-position: right bottom; --display:block !important;display:block !important;} :where(body).page-v2:where(.sf-native-elementor-page) .csr-primary-stories article>img.solar-story-photo, .page-v2 .csr-primary-stories article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img.solar-story-photo, :where(body).page-v2:where(.sf-native-elementor-page) .csr-primary-stories article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img.solar-story-photo{ object-fit: cover; object-position: center; } :where(body).page-v2:where(.sf-native-elementor-page) .video-grid{ display: flex; gap: 24px; overflow: visible; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:24px !important;gap:24px !important;} :where(body).page-v2:where(.sf-native-elementor-page) .operation-video-card{ flex: 1 1 0; min-width: 0; height: 270px; cursor: pointer; outline: none; isolation: isolate; transition: flex-grow .48s cubic-bezier(.22, 1, .36, 1), transform .38s cubic-bezier(.22, 1, .36, 1), box-shadow .38s ease; } :where(body).page-v2:where(.sf-native-elementor-page) .operation-video-card.is-featured{ /* flex-grow: 1.65; */ } :where(body).page-v2:where(.sf-native-elementor-page) .operation-video-card:hover, :where(body).page-v2:where(.sf-native-elementor-page) .operation-video-card:focus-visible{ z-index: 5; /* transform: translateY(-6px); */ box-shadow: 0 20px 44px rgba(12, 31, 69, .22); } :where(body).page-v2:where(.sf-native-elementor-page) .operation-video-card>img, .page-v2 .operation-video-card> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body).page-v2:where(.sf-native-elementor-page) .operation-video-card> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ /* transition: transform .5s cubic-bezier(.22, 1, .36, 1), filter .35s ease; */ } :where(body).page-v2:where(.sf-native-elementor-page) .operation-video-card:hover>img, .page-v2 .operation-video-card:hover> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body).page-v2:where(.sf-native-elementor-page) .operation-video-card:hover> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body).page-v2:where(.sf-native-elementor-page) .operation-video-card:focus-visible>img, .page-v2 .operation-video-card:focus-visible> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body).page-v2:where(.sf-native-elementor-page) .operation-video-card:focus-visible> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ filter: saturate(1.08) contrast(1.03); /* transform: scale(1.1); */ } :where(body).page-v2:where(.sf-native-elementor-page) .video-play{ position: absolute; z-index: 3; top: 50%; left: 50%; display: grid; place-items: center; width: 50px; height: 50px; border-radius: 50%; background: rgba(255, 255, 255, .94); color: var(--red); box-shadow: 0 8px 24px rgba(7, 27, 69, .2); transform: translate(-50%, -50%); transition: color .25s ease, background-color .25s ease, transform .3s cubic-bezier(.22, 1, .36, 1); --display:grid !important;display:grid !important;} :where(body).page-v2:where(.sf-native-elementor-page) .video-play svg{ width: 19px; height: 19px; margin-left: 2px; fill: currentColor; } :where(body).page-v2:where(.sf-native-elementor-page) .operation-video-card:hover .video-play, :where(body).page-v2:where(.sf-native-elementor-page) .operation-video-card:focus-visible .video-play{ background: var(--red); color: #fff; transform: translate(-50%, -50%) scale(1.12); } :where(body).page-v2:where(.sf-native-elementor-page) .operation-video-card:focus-visible{ box-shadow: 0 0 0 3px rgba(237, 28, 36, .24), 0 20px 44px rgba(12, 31, 69, .22); } :where(body.page-v2.sf-native-elementor-page) .video-modal[hidden]{ display: none; --display:none !important;display:none !important;} :where(body.page-v2.sf-native-elementor-page) .video-modal{ position: fixed; /* z-index: 1000; */ z-index: 999999; inset: 0; display: grid; place-items: center; padding: 24px; opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility .25s ease; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .video-modal.is-open{ opacity: 1; visibility: visible; } :where(body.page-v2.sf-native-elementor-page) .video-modal-backdrop{ position: absolute; inset: 0; background: rgba(7, 19, 43, .78); backdrop-filter: blur(5px); } :where(body.page-v2.sf-native-elementor-page) .video-modal-dialog{ position: relative; z-index: 1; width: min(740px, 80vw); padding: 12px 12px 18px; border-radius: 12px; background: #fff; box-shadow: 0 28px 80px rgba(4, 15, 35, .34); transform: translateY(18px) scale(.97); transition: transform .3s cubic-bezier(.22, 1, .36, 1); } :where(body.page-v2.sf-native-elementor-page) .video-modal.is-open .video-modal-dialog{ transform: translateY(0) scale(1); } :where(body.page-v2.sf-native-elementor-page) .video-modal-frame{ overflow: hidden; aspect-ratio: 16 / 9; border-radius: 8px; background: #000; } :where(body.page-v2.sf-native-elementor-page) .video-modal-frame iframe{ display: block; width: 100%; height: 100%; border: 0; --display:block !important;display:block !important;} :where(body.page-v2.sf-native-elementor-page) .video-modal-dialog h3{ margin: 15px 42px 0 5px; color: #000; font-size: 18px; line-height: 1.3; } :where(body.page-v2.sf-native-elementor-page) .video-modal-close{ position: absolute; z-index: 3; top: -15px; right: -15px; display: grid; place-items: center; width: 42px; height: 42px; padding: 0 0 3px; border: 3px solid #fff; border-radius: 50%; background: var(--red); color: #fff; font-size: 27px; line-height: 1; cursor: pointer; box-shadow: 0 7px 20px rgba(7, 19, 43, .25); --display:grid !important;display:grid !important;} body:where(.page-v2.sf-native-elementor-page).video-modal-open{ overflow: hidden; } @media (max-width: 767px){ :where(body).page-v2:where(.sf-native-elementor-page) .video-grid{ display: grid; grid-template-columns: 1fr 1fr; --display:grid !important;display:grid !important;} :where(body).page-v2:where(.sf-native-elementor-page) .operation-video-card.is-featured{ /* grid-column: 1 / -1; */ } :where(body).page-v2:where(.sf-native-elementor-page) .operation-video-card:hover, :where(body).page-v2:where(.sf-native-elementor-page) .operation-video-card:focus-visible{ /* transform: translateY(-5px); */ } } @media (max-width: 560px){ :where(body).page-v2:where(.sf-native-elementor-page) .video-grid{ grid-template-columns: 1fr; } :where(body).page-v2:where(.sf-native-elementor-page) .operation-video-card.is-featured{ grid-column: auto; } :where(body.page-v2.sf-native-elementor-page) .video-modal{ padding: 14px; } :where(body.page-v2.sf-native-elementor-page) .video-modal-dialog{ width: 100%; padding: 8px 8px 14px; } :where(body.page-v2.sf-native-elementor-page) .video-modal-close{ top: -12px; right: -8px; } } @media (prefers-reduced-motion: reduce){ :where(body).page-v2:where(.sf-native-elementor-page) .operation-video-card, :where(body).page-v2:where(.sf-native-elementor-page) .operation-video-card>img, .page-v2 .operation-video-card> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body).page-v2:where(.sf-native-elementor-page) .operation-video-card> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body).page-v2:where(.sf-native-elementor-page) .video-play, :where(body.page-v2.sf-native-elementor-page) .video-modal, :where(body.page-v2.sf-native-elementor-page) .video-modal-dialog{ transition: none; } } :where(body).page-v2:where(.sf-native-elementor-page) .csr-primary-stories article>div{ min-width: 0; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-primary-stories span, :where(body).page-v2:where(.sf-native-elementor-page) .csr-highlight-section>h3, .page-v2 .csr-highlight-section> .elementor-widget-sf-atomic-text > .elementor-widget-container > h3, :where(body).page-v2:where(.sf-native-elementor-page) .csr-highlight-section> .elementor-widget-sf-atomic-text > .elementor-widget-container > h3, .page-v2 .csr-highlight-section> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > h3, :where(body).page-v2:where(.sf-native-elementor-page) .csr-highlight-section> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > h3{ display: block; color: #ed1c24; text-transform: uppercase; letter-spacing: .4px; font-size: 11px; font-weight: 800; --display:block !important;display:block !important;} :where(body).page-v2:where(.sf-native-elementor-page) .csr-primary-stories strong{ display: block; margin-top: 5px; color: #000; font-size: 22px; line-height: 1.14; --display:block !important;display:block !important;} :where(body).page-v2:where(.sf-native-elementor-page) .csr-primary-stories p{ margin: 5px 0 0; color: #5a6574; font-size: 10px; line-height: 1.4; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-primary-stories span{ font-size: 9px; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-highlight-section{ margin-top: 10px; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-highlight-section>h3, .page-v2 .csr-highlight-section> .elementor-widget-sf-atomic-text > .elementor-widget-container > h3, :where(body).page-v2:where(.sf-native-elementor-page) .csr-highlight-section> .elementor-widget-sf-atomic-text > .elementor-widget-container > h3, .page-v2 .csr-highlight-section> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > h3, :where(body).page-v2:where(.sf-native-elementor-page) .csr-highlight-section> .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > h3{ margin: 0 0 8px; font-size: 10px; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-highlight-grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; --display:grid !important;display:grid !important;--gap:7px !important;gap:7px !important;} :where(body).page-v2:where(.sf-native-elementor-page) .csr-highlight-grid article{ display: flex; flex-direction: column; align-items: flex-start; min-width: 0; min-height: 84px; padding: 9px 10px; border: 1px solid #e6eaf0; border-radius: 7px; background: #fff; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;--align-items:flex-start !important;align-items:flex-start !important;} :where(body).page-v2:where(.sf-native-elementor-page) .csr-highlight-grid article img{ width: 31px; height: 31px; margin-bottom: 6px; border-radius: 6px; object-fit: cover; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-highlight-grid article strong{ color: #12274a; font-size: 13px; line-height: 1.22; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-highlight-grid article span{ margin-top: 4px; color: #667181; font-size: 9.5px; line-height: 1.35; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-community-highlights{ padding-top: 10px; border-top: 1px solid #edf0f4; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-community-highlights .csr-highlight-grid article{ min-height: 84px; background: #fafcfe; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-responsible-operations{ display: flex; align-items: center; gap: 9px 14px; margin-top: 10px; padding: 9px 11px; border-radius: 6px; background: #f4f9f1; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:9px 14px !important;gap:9px 14px !important;--align-items:center !important;align-items:center !important;} :where(body).page-v2:where(.sf-native-elementor-page) .csr-responsible-operations strong{ flex: 0 0 auto; color: #4f8f40; text-transform: uppercase; letter-spacing: .35px; font-size: 10px; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-responsible-operations span{ color: #586772; font-size: 10px; line-height: 1.45; } @media (max-width: 1000px){ :where(body).page-v2:where(.sf-native-elementor-page) .csr-highlight-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } :where(body.page-v2.sf-native-elementor-page) .video-modal-frame{ overflow: hidden; aspect-ratio: 8 / 4; } } @media (max-width: 560px){ :where(body).page-v2:where(.sf-native-elementor-page) .csr-primary-stories{ grid-template-columns: 1fr; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-primary-stories article{ grid-template-columns: minmax(0, 1fr) 105px; min-height: 104px; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-primary-stories article>img, .page-v2 .csr-primary-stories article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body).page-v2:where(.sf-native-elementor-page) .csr-primary-stories article> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ width: calc(100% + 12px); height: 100%; min-height: 92px; margin-right: -12px; object-position: right bottom; } :where(body).page-v2:where(.sf-native-elementor-page) .csr-responsible-operations{ align-items: flex-start; flex-direction: column; --flex-direction:column !important;flex-direction:column !important;--align-items:flex-start !important;align-items:flex-start !important;} } :where(body.page-v2.sf-native-elementor-page) .portal-dropdown{ position: relative; display: inline-block; --display:inline-block !important;display:inline-block !important;} :where(body.page-v2.sf-native-elementor-page) .portal-dropdown .top-enquiry{ border: 0; cursor: pointer; display: flex; align-items: center; gap: 10px; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:10px !important;gap:10px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .portal-menu{ position: absolute; top: calc(100% + 14px); right: 0; width: 270px; min-width: 0; padding: 0; background: rgba(255, 255, 255, 0.98); border: 1px solid #e6e8ec; border-radius: 18px; box-shadow: 0 20px 45px rgba(15, 23, 42, 0.12); opacity: 0; visibility: hidden; transform: translateY(12px); transition: all 0.25s ease; z-index: 9999; } :where(body.page-v2.sf-native-elementor-page) .portal-dropdown:hover .portal-menu, :where(body.page-v2.sf-native-elementor-page) .portal-dropdown:focus-within .portal-menu{ opacity: 1; visibility: visible; transform: translateY(0); } :where(body.page-v2.sf-native-elementor-page) .portal-menu::before{ content: ""; position: absolute; top: -6px; right: 30px; width: 12px; height: 12px; background: #fff; border-left: 1px solid #e6e8ec; border-top: 1px solid #e6e8ec; transform: rotate(45deg); } :where(body.page-v2.sf-native-elementor-page) .portal-menu-panel{ display: grid; grid-template-columns: 1fr; overflow: hidden; border-radius: 18px; background-color: #fff; padding: 14px 18px 18px; --display:grid !important;display:grid !important;} :where(body.page-v2.sf-native-elementor-page) .portal-links{ background: #ffffff; padding: 0; } :where(body.page-v2.sf-native-elementor-page) .portal-links a, .portal-links .sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .portal-links .sf-native-tag-a{ display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; padding: 12px 14px; border-bottom: 1px solid #edf0f4; border-radius: 10px; color: #171c26; text-decoration: none; transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--gap:12px !important;gap:12px !important;--align-items:center !important;align-items:center !important;--justify-content:space-between !important;justify-content:space-between !important;} :where(body.page-v2.sf-native-elementor-page) .portal-links a:last-child, .portal-links .sf-native-tag-a:last-child, :where(body.page-v2.sf-native-elementor-page) .portal-links .sf-native-tag-a:last-child{ border-bottom: 0; } :where(body.page-v2.sf-native-elementor-page) .portal-links a span, .portal-links .sf-native-tag-a span, :where(body.page-v2.sf-native-elementor-page) .portal-links .sf-native-tag-a span{ display: flex; flex-direction: column; gap: 0; text-align: left; --display:flex !important;display:flex !important;--flex-direction:column !important;flex-direction:column !important;--gap:0 !important;gap:0 !important;} :where(body.page-v2.sf-native-elementor-page) .portal-links a strong, .portal-links .sf-native-tag-a strong, :where(body.page-v2.sf-native-elementor-page) .portal-links .sf-native-tag-a strong{ font-size: 14px; font-weight: 700; } :where(body.page-v2.sf-native-elementor-page) .portal-links a b, .portal-links .sf-native-tag-a b, :where(body.page-v2.sf-native-elementor-page) .portal-links .sf-native-tag-a b{ color: #d71920; font-size: 24px; line-height: 1; } :where(body.page-v2.sf-native-elementor-page) .portal-links a:hover, .portal-links .sf-native-tag-a:hover, :where(body.page-v2.sf-native-elementor-page) .portal-links .sf-native-tag-a:hover, :where(body.page-v2.sf-native-elementor-page) .portal-links a.active, .portal-links .sf-native-tag-a.active, :where(body.page-v2.sf-native-elementor-page) .portal-links .sf-native-tag-a.active{ background: #fff; color: #d71920; transform: translateX(2px); } :where(body.page-v2.sf-native-elementor-page) .portal-menu-simple .portal-links a small, .portal-menu-simple .portal-links .sf-native-tag-a small, :where(body.page-v2.sf-native-elementor-page) .portal-menu-simple .portal-links .sf-native-tag-a small, :where(body.page-v2.sf-native-elementor-page) .portal-menu-simple .portal-links a:hover small, .portal-menu-simple .portal-links .sf-native-tag-a:hover small, :where(body.page-v2.sf-native-elementor-page) .portal-menu-simple .portal-links .sf-native-tag-a:hover small, :where(body.page-v2.sf-native-elementor-page) .portal-menu-simple .portal-links a.active small, .portal-menu-simple .portal-links .sf-native-tag-a.active small, :where(body.page-v2.sf-native-elementor-page) .portal-menu-simple .portal-links .sf-native-tag-a.active small{ display: none; --display:none !important;display:none !important;} @media (max-width: 767px){ :where(body.page-v2.sf-native-elementor-page) .portal-dropdown{ position: static; } :where(body.page-v2.sf-native-elementor-page) .portal-menu{ left: 50%; right: auto; width: min(92vw, 320px); min-width: 0; transform: translate(-50%, 12px); } :where(body.page-v2.sf-native-elementor-page) .portal-dropdown:hover .portal-menu, :where(body.page-v2.sf-native-elementor-page) .portal-dropdown:focus-within .portal-menu{ transform: translate(-50%, 0); } :where(body.page-v2.sf-native-elementor-page) .portal-menu::before{ left: 50%; right: auto; transform: translateX(-50%) rotate(45deg); } } @media (max-width: 767px){ :where(body.page-v2.sf-native-elementor-page) .portal-dropdown{ position: static; } :where(body.page-v2.sf-native-elementor-page) .portal-menu{ left: 50%; right: auto; width: min(92vw, 540px); min-width: 0; transform: translate(-50%, 12px); } :where(body.page-v2.sf-native-elementor-page) .portal-dropdown:hover .portal-menu, :where(body.page-v2.sf-native-elementor-page) .portal-dropdown:focus-within .portal-menu{ transform: translate(-50%, 0); } :where(body.page-v2.sf-native-elementor-page) .portal-menu-panel{ grid-template-columns: 1fr; } :where(body.page-v2.sf-native-elementor-page) .portal-links{ border-right: 0; border-bottom: 1px solid #eceef1; } :where(body.page-v2.sf-native-elementor-page) .portal-preview img{ height: 180px; } } :where(body.page-v2.sf-native-elementor-page) .site-header .language i{ background: transparent; width: 1px; height: 20px; width: 20px; margin-top: 10px; } :where(body.page-v2.sf-native-elementor-page) .portal-menu-panel i{ width: 10px !important; } :where(body.page-v2.sf-native-elementor-page) .section-title h2{ font-size: 32px !important; font-weight: 500 !important; } @media (max-width: 576px){ :where(body.page-v2.sf-native-elementor-page) .portal-dropdown{ display: none; --display:none !important;display:none !important;} } :where(body.page-v2.sf-native-elementor-page) .site-header .topbar{ display: flex; justify-content: center; align-items: center; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--align-items:center !important;align-items:center !important;--justify-content:center !important;justify-content:center !important;} @media (max-width: 1200px){ :where(body.page-v2.sf-native-elementor-page) .about-values{ grid-template-columns: repeat(2, minmax(0, 1fr)); } :where(body.page-v2.sf-native-elementor-page) .operations-photo{ height: 100%; } :where(body.page-v2.sf-native-elementor-page) .operations-row{ grid-template-columns: 300px 1fr; } } @media (max-width: 991px){ :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav>a, .site-header .topbar nav>.sf-native-tag-a, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav>.sf-native-tag-a, .site-header .topbar nav> .elementor-widget-sf-atomic-action > .elementor-widget-container > a, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav> .elementor-widget-sf-atomic-action > .elementor-widget-container > a, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav>button, .site-header .topbar nav>.sf-native-tag-button, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav>.sf-native-tag-button, .site-header .topbar nav> .elementor-widget-sf-atomic-action > .elementor-widget-container > button, :where(body.page-v2.sf-native-elementor-page) .site-header .topbar nav> .elementor-widget-sf-atomic-action > .elementor-widget-container > button{ justify-content: space-between; width: 100%; min-height: 46px; padding: 0; border-bottom: 1px solid #edf0f4; text-align: left; font-size: 13px; align-items: center; display: flex; --display:flex !important;display:flex !important;--flex-direction:row !important;flex-direction:row !important;--align-items:center !important;align-items:center !important;--justify-content:space-between !important;justify-content:space-between !important;} :where(body.page-v2.sf-native-elementor-page) .about-values{ grid-template-columns: repeat(1, minmax(0, 1fr)); } :where(body.page-v2.sf-native-elementor-page) .about-v3{ gap: 20px; --gap:20px !important;gap:20px !important;} :where(body.page-v2.sf-native-elementor-page) .about-v3 .about-visual>img, .about-v3 .about-visual> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .about-v3 .about-visual> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ object-fit: cover; border-radius: 5px; width: 100%; height: 75%; box-shadow: 0 8px 20px #00000014; } :where(body.page-v2.sf-native-elementor-page) .equipment-thumbs{ grid-template-columns: 28px repeat(5, minmax(62px, 1fr)) 28px; align-items: center; gap: 8px; height: 78px; display: grid; --display:grid !important;display:grid !important;--gap:8px !important;gap:8px !important;--align-items:center !important;align-items:center !important;} :where(body.page-v2.sf-native-elementor-page) .equipment-v2 .equipment-thumbs{ grid-template-columns: 22px repeat(3, 1fr) 22px; } :where(body.page-v2.sf-native-elementor-page) .equipment-thumbs .thumb-button{ background: #fff; border: 2px solid #0000; border-radius: 6px; height: 78px; padding: 0; overflow: hidden; } :where(body.page-v2.sf-native-elementor-page) .operations-row{ border: 1px solid #e1e6ec; border-radius: 8px; grid-template-columns: 1fr 1fr; min-height: 190px; margin-top: 48px; overflow: hidden; } :where(body.page-v2.sf-native-elementor-page) .expertise-map>img, .expertise-map> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .expertise-map> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ object-fit: contain; } :where(body.page-v2.sf-native-elementor-page) .operations-photo{ height: 100%; } :where(body.page-v2.sf-native-elementor-page) .operations-row{ grid-template-columns: 1fr; } :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-row .commitment-intro{ grid-template-columns: repeat(2, 1fr); } :where(body.page-v2.sf-native-elementor-page) .impact-intro h2 br{ display: none; --display:none !important;display:none !important;} } :where(body.page-v2.sf-native-elementor-page) .video-grid article{ height: 100% !important; } :where(body.page-v2.sf-native-elementor-page) .video-grid img{ object-fit: contain; } :where(body.page-v2.sf-native-elementor-page) .mt-4{ margin-top: 1rem !important; } @media (max-width: 767px){ :where(body.page-v2.sf-native-elementor-page) .partner-network-map{ height: 100% !important; margin-top: 10px; } :where(body.page-v2.sf-native-elementor-page) .operations-photo{ height: 100%; } :where(body.page-v2.sf-native-elementor-page) .section-title h2{ font-size: 28px !important; } :where(body.page-v2.sf-native-elementor-page) .about-values{ background: #fff; border: 1px solid #e0e5ec; border-radius: 5px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 14px; padding: 11px 0; display: grid; box-shadow: 0 5px 16px #1123430a; --display:grid !important;display:grid !important;} :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-row .commitment-intro{ grid-template-columns:1fr; } :where(body.page-v2.sf-native-elementor-page) .about-v3 .about-visual>img, .about-v3 .about-visual> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .about-v3 .about-visual> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{ object-fit: cover; border-radius: 5px; width: 100%; height: auto; box-shadow: 0 8px 20px #00000014; } } @media (max-width: 576px){ :where(body).page-v2:where(.sf-native-elementor-page) .sustainability-photo-grid figure, .page-v2 .sustainability-photo-grid .sf-native-tag-figure, :where(body).page-v2:where(.sf-native-elementor-page) .sustainability-photo-grid .sf-native-tag-figure{ height: 100%; } :where(body.page-v2.sf-native-elementor-page) .section-title h2{ font-size: 26px !important; } :where(body).page-v2:where(.sf-native-elementor-page) .service-image{ height: 175px; } :where(body.page-v2.sf-native-elementor-page) .equipment-v2 .equipment-thumbs{ grid-template-columns: repeat(3, 1fr); } :where(body.page-v2.sf-native-elementor-page) .equipment-copy dl{ grid-template-columns: repeat(2, 1fr); } :where(body.page-v2.sf-native-elementor-page) .equipment-copy dl{ gap: 28px; display: grid; --display:grid !important;display:grid !important;--gap:28px !important;gap:28px !important;} } :where(body.page-v2.sf-native-elementor-page) .partners>div { grid-template-columns: repeat(4, 1fr); }